|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2904],{"./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}},"./stories/components/howto-list/HowToListComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createHowToList});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),howto_list=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/howto-list/howto-list.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(howto_list.Z,options);howto_list.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),HowToListData=__webpack_require__("./stories/components/howto-list/HowToListData.js"),createHowToList=function createHowToList(_ref){var _ref$listItems=_ref.listItems,listItems=void 0===_ref$listItems?HowToListData.R:_ref$listItems,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Wie funktioniert’s?":_ref$headline,_ref$text=_ref.text,text=void 0===_ref$text?"Bestimmen Sie die wirtschaftliche Ausrichtung ihrer Region mit! Wählen Sie die nächste Vollversammlung ihrer IHK. Hier erfahren Sie ganz genau, wie sie mitmachen.":_ref$text,div=(0,helpers.az)("div",["howto-list"],null),div2=(0,helpers.az)("div",["howto-list--left"],null,div);(0,helpers.az)("h2",[],headline,div2),(0,helpers.az)("p",[],text,div2);var ul=(0,helpers.az)("ul",[],null,div);return listItems.map((function(item){var li=(0,helpers.az)("li",[],null,ul),a=(0,helpers.az)("a",[],null,li);(0,helpers.az)("div",["icon-box",item.icon],null,a),(0,helpers.az)("h3",[],item.headline,a),(0,helpers.az)("p",[],item.text,a),(0,helpers.az)("span",[],item.more,a),a.href=item.link,item.copy&&item.copy.length>0&&(0,helpers.az)("p",[],item.copy,li)})),div}},"./stories/components/howto-list/HowToListData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>howToListData});var howToListData=[{headline:"1. Wahlunterlagen",text:"Ihr Unternehmen ist IHK-Mitglied? Dann bekommen Sie automatisch am 12.02.2024 die Wahlunterlagen zugesandt.",more:"Mehr erfahren",link:"#",icon:"pictogram-bueroklammer"},{headline:"2. Kandidat:innen",text:"Informieren Sie sich über die Kandidat:innen und deren Programm um Ihre Entscheidung zu fällen.",more:"Mehr erfahren",link:"#",icon:"pictogram-fabrik"},{headline:"3. Stimmabgabe",text:"Geben Sie Ihre Stimmen auf den Ihnen zugesandten Unterlagen ab und schicken sie diese mit dem Rückumschlag an uns.",more:"Mehr erfahren",link:"#",icon:"pictogram-diagramm-wachstum"}]},"./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: var(--theme-color-white);--theme-color-link-hover: var(--theme-color-white);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:var(--theme-color-white);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,4CAAA,CACA,kDAAA,CACA,gCAAA,CACA,+IAAA,CACA,wBAAA,CACA,qCAAA,CACA,8BAAA,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: var(--theme-color-white);\n --theme-color-link-hover: var(--theme-color-white);\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: var(--theme-color-white);\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___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/howto-list/howto-list.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,'.howto-list{display:flex;justify-content:space-between;margin-top:var(--section-margin);margin-bottom:var(--section-margin)}@media(max-width: 767px){.howto-list{display:block}}.howto-list--left{width:calc(50% - 30px)}@media(max-width: 767px){.howto-list--left{width:auto;padding-bottom:32px}}.howto-list h2{margin-top:0;font-size:64px;line-height:70px}@media(max-width: 399px){.howto-list h2{font-size:32px;line-height:35px;margin-bottom:.3em}}.howto-list ul{width:calc(50% - 30px);margin:0;padding:0 0 0 132px}@media(max-width: 767px){.howto-list ul{width:auto}}@media(max-width: 399px){.howto-list ul{padding-left:0}}.howto-list ul li{list-style:none;padding:0 0 32px 0;position:relative}.howto-list ul a{display:block;text-decoration:none}.howto-list ul h3{margin-top:0;margin-bottom:.18em}.howto-list ul p{margin-bottom:5px}.howto-list ul span{text-decoration:underline}.howto-list ul img,.howto-list ul .icon-box{position:absolute;left:-132px;top:2px;width:100px;height:100px;font-family:"Pictograms",sans-serif;font-size:70px;line-height:1.4285;text-align:center;color:var(--theme-color-primary) !important}.howto-list ul img:after,.howto-list ul .icon-box:after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;max-width:100px;max-height:100px;border-radius:50%;background:var(--theme-color-secondary)}@media(max-width: 399px){.howto-list ul img,.howto-list ul .icon-box{position:static;left:auto;top:auto;margin-bottom:16px}}',"",{version:3,sources:["webpack://./stories/components/howto-list/howto-list.scss"],names:[],mappings:"AAGA,YACE,YAAA,CACA,6BAAA,CACA,gCAAA,CACA,mCAAA,CACA,yBALF,YAMI,aAAA,CAAA,CAEF,kBACE,sBAAA,CACA,yBAFF,kBAGI,UAAA,CACA,mBAAA,CAAA,CAGJ,eACE,YAAA,CACA,cAAA,CACA,gBAAA,CACA,yBAJF,eAKI,cAAA,CACA,gBAAA,CACA,kBAAA,CAAA,CAMJ,eACE,sBAAA,CACA,QAAA,CACA,mBAAA,CACA,yBAJF,eAKI,UAAA,CAAA,CAEF,yBAPF,eAQI,cAAA,CAAA,CAEF,kBACE,eAAA,CACA,kBAAA,CACA,iBAAA,CAEF,iBACE,aAAA,CACA,oBAAA,CAEF,kBACE,YAAA,CACA,mBAAA,CAEF,iBACE,iBAAA,CAEF,oBACE,yBAAA,CAEF,4CAEE,iBAAA,CACA,WAAA,CACA,OAAA,CACA,WAAA,CACA,YAAA,CACA,mCAAA,CACA,cAAA,CACA,kBAAA,CACA,iBAAA,CACA,2CAAA,CACA,wDACE,UAAA,CACA,iBAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,uCAAA,CAEF,yBAzBF,4CA0BI,eAAA,CACA,SAAA,CACA,QAAA,CACA,kBAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.howto-list {\n display: flex;\n justify-content: space-between;\n margin-top: var(--section-margin);\n margin-bottom: var(--section-margin);\n @media(max-width: 767px) {\n display: block;\n }\n &--left {\n width: calc(50% - 30px);\n @media(max-width: 767px) {\n width: auto;\n padding-bottom: 32px;\n }\n }\n h2 {\n margin-top: 0;\n font-size: 64px;\n line-height: 70px;\n @media(max-width: 399px) {\n font-size: 32px;\n line-height: 35px;\n margin-bottom: 0.3em;\n }\n }\n p {\n\n }\n ul {\n width: calc(50% - 30px);\n margin: 0;\n padding: 0 0 0 132px;\n @media(max-width: 767px) {\n width: auto;\n }\n @media(max-width: 399px) {\n padding-left: 0;\n }\n li {\n list-style: none;\n padding: 0 0 32px 0;\n position: relative;\n }\n a {\n display: block;\n text-decoration: none;\n }\n h3 {\n margin-top: 0;\n margin-bottom: 0.18em;\n }\n p {\n margin-bottom: 5px;\n }\n span {\n text-decoration: underline;\n }\n img,\n .icon-box {\n position: absolute;\n left: -132px;\n top: 2px;\n width: 100px;\n height: 100px;\n font-family: \"Pictograms\", sans-serif;\n font-size: 70px;\n line-height: 1.4285;\n text-align: center;\n color: var(--theme-color-primary) !important;\n &:after {\n content: \"\";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n max-width: 100px;\n max-height: 100px;\n border-radius: 50%;\n background: var(--theme-color-secondary);\n }\n @media(max-width: 399px) {\n position: static;\n left: auto;\n top: auto;\n margin-bottom: 16px;\n }\n }\n }\n}\n\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/pages/election-start/ElectionStartPage.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ElectionStartPage:()=>ElectionStartPage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ElectionStartPage_stories});__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 helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),HeaderComponent=__webpack_require__("./stories/components/header/HeaderComponent.js"),FooterComponent=__webpack_require__("./stories/components/footer/FooterComponent.js"),ElectionFormComponent=__webpack_require__("./stories/components/election-form/ElectionFormComponent.js"),ImageTextComponent=__webpack_require__("./stories/components/image-text/ImageTextComponent.js"),HowToListComponent=__webpack_require__("./stories/components/howto-list/HowToListComponent.js"),MagazineHeaderComponent=__webpack_require__("./stories/components/magazine-header/MagazineHeaderComponent.js"),ParticipationStageComponent=__webpack_require__("./stories/sections/participation-stage/ParticipationStageComponent.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 ElectionStartPage_stories={title:"Pages/Election Start Page",parameters:{layout:"fullscreen"},argTypes:{}};var ElectionStartPage=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createElectionStartPage(_ref){_ref.stageWithImage;var page=(0,helpers.az)("div",["page","header-collapsed"]),magazineHeader=(0,MagazineHeaderComponent.m)({title:"Eine starke Entscheidung",smalltext:"IHK Musterstadt Wahl 2024",logo:"./logos/magazine-header-flag.png"});page.appendChild((0,HeaderComponent.d)({})),page.appendChild(magazineHeader);var wrapper=(0,helpers.az)("div",["page-wrapper"],null,page),pageContent=(0,helpers.az)("div",["page-content"],null,wrapper);pageContent.appendChild((0,ParticipationStageComponent.v)({imageSrc:null,kicker:"IHK Musterstadt Vollversammlung",headline:"Mach’ mit bei der Wahl zur Vollversammlung der IHK Musterstadt!",copy:"Die Vollversammlung ist das demokratische Herzstück der IHK. Hier entscheiden alle wesentlichen Branchen der regionalen Wirtschaft gemeinsam über die Zukunft der Region.",moreCta:null,buttonCta:{label:"Entdecken Sie Ihre Kandidat:innen",link:"#",target:"_self"},showProgress:!1,progress:null,backgroundImage:"./logos/election-header.jpg",isFirstElement:!0}));var container=(0,helpers.az)("div",["container"],null,pageContent);return container.appendChild((0,HowToListComponent.O)({})),container.appendChild((0,ImageTextComponent.a)({colored:"colored"})),container.appendChild((0,ImageTextComponent.a)({switched:"switched"})),container.appendChild((0,ElectionFormComponent.a)({})),page.appendChild((0,FooterComponent.v)({})),page}(Object.assign({},args))}.bind({});ElectionStartPage.args={};var __namedExportsOrder=["ElectionStartPage"];ElectionStartPage.parameters={...ElectionStartPage.parameters,docs:{...ElectionStartPage.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createElectionStartPage({\n ...args\n });\n}",...ElectionStartPage.parameters?.docs?.source}}}}}]);
|
