|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8428],{"./stories/components/election-form/ElectionFormComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>createElectionForm});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),election_form=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-form/election-form.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(election_form.Z,options);election_form.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),InputTextComponent=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),InputSelectComponent=__webpack_require__("./stories/atoms/input-select/InputSelectComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),createElectionForm=function createElectionForm(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"Finden Sie die Branchenvertreter:innen Ihrer Region":_ref$title,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"":_ref$backgroundColor,_ref$inlineStyles=_ref.inlineStyles,inlineStyles=void 0===_ref$inlineStyles?"background: "+backgroundColor+";":_ref$inlineStyles,_ref$electionArea=_ref.electionArea,electionArea=void 0===_ref$electionArea||_ref$electionArea,_ref$placeholderElect=_ref.placeholderElectionGroup,placeholderElectionGroup=void 0===_ref$placeholderElect?"Wahlgruppe":_ref$placeholderElect,_ref$placeholderElect2=_ref.placeholderElectionArea,placeholderElectionArea=void 0===_ref$placeholderElect2?"Wahlbezirk":_ref$placeholderElect2,_ref$placeholderElect3=_ref.placeholderElectionCompany,placeholderElectionCompany=void 0===_ref$placeholderElect3?"Suche nach Name oder Firma":_ref$placeholderElect3,electionForm=(0,helpers.az)("div",["election-form"],null,null,inlineStyles);(0,helpers.az)("h2",[],title,electionForm);var form=(0,helpers.az)("form",["election-form--form"],null,electionForm);((0,helpers.az)("div",["input-wrapper"],null,form).appendChild((0,InputSelectComponent.E)({placeholder:placeholderElectionGroup,isRequired:!0,id:"election-group",name:"election-group"})),electionArea)&&(0,helpers.az)("div",["input-wrapper"],null,form).appendChild((0,InputSelectComponent.E)({placeholder:placeholderElectionArea,isRequired:!0,id:"election-area",name:"election-area"}));return(0,helpers.az)("div",["input-wrapper"],null,form).appendChild((0,InputTextComponent.$)({placeholder:placeholderElectionCompany,isRequired:!0,id:"election-searchstring",name:"election-searchstring"})),form.appendChild((0,SearchButtonComponent.K)({btnClass:"secondary"})),electionForm}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-form/election-form.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".election-form{--theme-color-link: #fff;--theme-color-link-hover: #fff;font-size:var(--font-size-small);background:linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);padding:30px 30px 0 30px;border-radius:var(--border-radius-xs);color:#fff;margin-top:40px;margin-bottom:20px}@media(max-width: 567px){.election-form{padding-bottom:14px}}.election-form h2{margin-top:var(--section-headline-margin);margin-bottom:.9em;font-size:36px}@media(max-width: 767px){.election-form h2{font-size:24px}}.election-form--form{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media(max-width: 767px){.election-form--form{flex-wrap:wrap}}@media(max-width: 567px){.election-form--form{flex-wrap:nowrap;flex-direction:column;align-items:flex-end}}.election-form button.search-submit{position:static;margin-bottom:14px}@media(max-width: 567px){.election-form button.search-submit{margin-bottom:0}}.election-form .input-wrapper{flex:1;display:flex}@media(max-width: 767px){.election-form .input-wrapper{flex:initial;width:calc(50% - 15px)}}@media(max-width: 567px){.election-form .input-wrapper{width:100%}}.election-form .input-wrapper input,.election-form .input-wrapper select{margin:0 30px 14px 0}@media(max-width: 767px){.election-form .input-wrapper input,.election-form .input-wrapper select{margin-right:0}}.election-form .input-wrapper input{width:100%;flex-grow:1}@media(max-width: 567px){.election-form .input-wrapper{display:block}}","",{version:3,sources:["webpack://./stories/components/election-form/election-form.scss"],names:[],mappings:"AAGA,eACE,wBAAA,CACA,8BAAA,CACA,gCAAA,CACA,+IAAA,CACA,wBAAA,CACA,qCAAA,CACA,UAAA,CACA,eAAA,CACA,kBAAA,CACA,yBAVF,eAWI,mBAAA,CAAA,CAGF,kBACE,yCAAA,CACA,kBAAA,CACA,cAAA,CACA,yBAJF,kBAKI,cAAA,CAAA,CAIJ,qBACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,gBAAA,CACA,yBALF,qBAMI,cAAA,CAAA,CAEF,yBARF,qBASI,gBAAA,CACA,qBAAA,CACA,oBAAA,CAAA,CAIJ,oCACE,eAAA,CACA,kBAAA,CACA,yBAHF,oCAII,eAAA,CAAA,CAIJ,8BACE,MAAA,CACA,YAAA,CACA,yBAHF,8BAII,YAAA,CACA,sBAAA,CAAA,CAEF,yBAPF,8BAQI,UAAA,CAAA,CAGF,yEAEE,oBAAA,CACA,yBAHF,yEAII,cAAA,CAAA,CAIJ,oCACE,UAAA,CACA,WAAA,CAGF,yBAxBF,8BAyBI,aAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-form {\n --theme-color-link: #fff;\n --theme-color-link-hover: #fff;\n font-size: var(--font-size-small);\n background: linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);\n padding: 30px 30px 0 30px;\n border-radius: var(--border-radius-xs);\n color: #fff;\n margin-top: 40px;\n margin-bottom: 20px;\n @media(max-width: 567px) {\n padding-bottom: 14px;\n }\n\n h2 {\n margin-top: var(--section-headline-margin);\n margin-bottom: 0.9em;\n font-size: 36px;\n @media(max-width: 767px) {\n font-size: 24px;\n }\n }\n\n &--form {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n @media(max-width: 767px) {\n flex-wrap: wrap;\n }\n @media(max-width: 567px) {\n flex-wrap: nowrap;\n flex-direction: column;\n align-items: flex-end;\n }\n }\n\n button.search-submit {\n position: static;\n margin-bottom: 14px;\n @media(max-width: 567px) {\n margin-bottom: 0;\n }\n }\n\n .input-wrapper {\n flex: 1;\n display: flex;\n @media(max-width: 767px) {\n flex: initial;\n width: calc(50% - 15px);\n }\n @media(max-width: 567px) {\n width: 100%;\n }\n\n input,\n select {\n margin: 0 30px 14px 0;\n @media(max-width: 767px) {\n margin-right: 0;\n }\n }\n\n input {\n width: 100%;\n flex-grow: 1;\n }\n\n @media(max-width: 567px) {\n display: block;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/election-form/ElectionForm.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ElectionForm:()=>ElectionForm,ElectionFormColorChange:()=>ElectionFormColorChange,ElectionFormNoElectionArea:()=>ElectionFormNoElectionArea,ElectionFormWording:()=>ElectionFormWording,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var _ElectionFormComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/election-form/ElectionFormComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Election Form",argTypes:{}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_ElectionFormComponent__WEBPACK_IMPORTED_MODULE_4__.a)(Object.assign({},args))},ElectionForm=Template.bind({});ElectionForm.args={};var ElectionFormColorChange=Template.bind({});ElectionFormColorChange.args={backgroundColor:"#003366"};var ElectionFormNoElectionArea=Template.bind({});ElectionFormNoElectionArea.args={electionArea:!1};var ElectionFormWording=Template.bind({});ElectionFormWording.args={placeholderElectionGroup:"Gruppe an Personen",placeholderElectionArea:"Wählbare Bezirke",placeholderElectionCompany:"Suche nach Firmen"};var __namedExportsOrder=["ElectionForm","ElectionFormColorChange","ElectionFormNoElectionArea","ElectionFormWording"];ElectionForm.parameters={...ElectionForm.parameters,docs:{...ElectionForm.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createElectionForm({\n ...args\n });\n}",...ElectionForm.parameters?.docs?.source}}},ElectionFormColorChange.parameters={...ElectionFormColorChange.parameters,docs:{...ElectionFormColorChange.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createElectionForm({\n ...args\n });\n}",...ElectionFormColorChange.parameters?.docs?.source}}},ElectionFormNoElectionArea.parameters={...ElectionFormNoElectionArea.parameters,docs:{...ElectionFormNoElectionArea.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createElectionForm({\n ...args\n });\n}",...ElectionFormNoElectionArea.parameters?.docs?.source}}},ElectionFormWording.parameters={...ElectionFormWording.parameters,docs:{...ElectionFormWording.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createElectionForm({\n ...args\n });\n}",...ElectionFormWording.parameters?.docs?.source}}}}}]);
|
