|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[9960],{"./stories/components/image-text/ImageTextComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>createImageText});__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),image_text=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/image-text/image-text.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(image_text.Z,options);image_text.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ImageTextData=__webpack_require__("./stories/components/image-text/ImageTextData.js"),createImageText=function createImageText(_ref){var _ref$colored=_ref.colored,colored=void 0===_ref$colored?"no-color":_ref$colored,_ref$switched=_ref.switched,switched=void 0===_ref$switched?"normal":_ref$switched,_ref$listItems=_ref.listItems,listItems=void 0===_ref$listItems?ImageTextData.g:_ref$listItems,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Warum wählen?":_ref$headline,_ref$smallheadline=_ref.smallheadline,smallheadline=void 0!==_ref$smallheadline&&_ref$smallheadline,_ref$text=_ref.text,text=void 0===_ref$text?"Sie können mitbestimmen, wer Sie und Ihre die Interessen Ihres Unternehmens vertritt.":_ref$text,_ref$image=_ref.image,image=void 0===_ref$image?"./dummy/why-elect.jpg":_ref$image,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$linkname=_ref.linkname,linkname=void 0===_ref$linkname?"Mehr erfahren":_ref$linkname,div=(0,helpers.az)("div",["image-text",colored,switched],null),div2=(0,helpers.az)("div",["image-text--image"],null,div),div3=(0,helpers.az)("div",["image-text--text"],null,div);(0,helpers.Bi)(image,1280,1280,"",[],div2),smallheadline?(0,helpers.az)("h3",[],headline,div3):(0,helpers.az)("h2",[],headline,div3),(0,helpers.az)("p",[],text,div3);var ul=(0,helpers.az)("ul",[],null,div3);(listItems&&listItems.map((function(item){var li=(0,helpers.az)("li",[],null,ul);item.headline&&item.headline.length>0&&(0,helpers.az)("h3",[],item.headline,li),item.text&&item.text.length>0&&(0,helpers.az)("p",[],item.text,li)})),link)&&((0,helpers.az)("a",["btn","secondary","has-icon","icon-small-arrow-right-simple"],linkname,div3).href=link);return div}},"./stories/components/image-text/ImageTextData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>imageTextData});var imageTextData=[{headline:"Vetretung",text:"Sie können mitbestimmen, wer Sie und Ihre Unternehmensinteressen vertritt."},{headline:"Mitbestimmung",text:"Nehmen Sie Einfluss auf die Ausrichtung und Politik der Kammer."},{headline:"Networking",text:"Knüpfen Sie Kontakte zu anderen Unternehmern und Vertretern."}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/image-text/image-text.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,'.image-text{max-width:1340px;display:flex;justify-content:space-between;align-items:center;margin:0 auto var(--section-margin) auto;padding:45px 0;position:relative;z-index:1}@media(max-width: 767px){.image-text{display:block}}.image-text h3{font-size:28px;line-height:120%}@media(min-width: 768px){.image-text h3{font-size:36px}}@media(min-width: 1110px){.image-text h3{font-size:42px}}.image-text h3+p{font-size:18px}@media(min-width: 768px){.image-text h3+p{font-size:22px}}.image-text.colored:before{content:"";background:var(--theme-grey-light);position:absolute;left:50%;top:0;width:calc(100vw - var(--scrollbar-width));height:100%;margin:0 calc(-50vw + 7px);z-index:-1}.image-text.switched .image-text--image{order:2}.image-text.switched .image-text--text{order:1}@media(max-width: 767px){.image-text{display:block}}.image-text--text,.image-text--image{width:calc(50% - 30px)}@media(max-width: 767px){.image-text--text,.image-text--image{width:auto;margin-bottom:32px}}.image-text--image{position:relative}.image-text--image:after{content:"";position:absolute;left:0;bottom:0;width:100%;display:block;height:8px;background-color:var(--theme-color-secondary);transition:.3s ease;z-index:1;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.image-text h2{margin-top:0;font-size:64px;line-height:70px}@media(max-width: 399px){.image-text h2{font-size:32px;line-height:35px;margin-bottom:.3em}}.image-text a{margin-top:11px}.image-text img{width:100%;height:auto;display:block;border-radius:4px}.image-text ul,.image-text ol{margin:1em 0 0 0;padding:0}.image-text ul li,.image-text ol li{position:relative;display:block;padding-left:32px;margin-bottom:.6em}@media(max-width: 767px){.image-text ul li,.image-text ol li{padding-left:24px}}.image-text ul li:after,.image-text ol li:after{content:"";position:absolute;left:0;width:8px;height:8px;border-radius:3px;background-color:var(--theme-color-secondary);top:9px}@media(max-width: 767px){.image-text ul li:after,.image-text ol li:after{top:10px;width:6px;height:6px}}.image-text ul h3,.image-text ol h3{margin:0;font-size:var(--font-size-copy);font-weight:600}',"",{version:3,sources:["webpack://./stories/components/image-text/image-text.scss"],names:[],mappings:"AAGA,YACE,gBAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,wCAAA,CACA,cAAA,CACA,iBAAA,CACA,SAAA,CACA,yBATF,YAUI,aAAA,CAAA,CAEF,eACE,cAAA,CACA,gBAAA,CACA,yBAHF,eAIK,cAAA,CAAA,CAEH,0BANF,eAOI,cAAA,CAAA,CAEH,iBACG,cAAA,CACA,yBAFH,iBAGI,cAAA,CAAA,CAMH,2BACE,UAAA,CACA,kCAAA,CACA,iBAAA,CACA,QAAA,CACA,KAAA,CACA,0CAAA,CACA,WAAA,CACA,0BAAA,CACA,UAAA,CAKF,wCACE,OAAA,CAGF,uCACE,OAAA,CAIJ,yBArDF,YAsDI,aAAA,CAAA,CAGF,qCAEE,sBAAA,CACA,yBAHF,qCAII,UAAA,CACA,kBAAA,CAAA,CAIJ,mBACE,iBAAA,CACA,yBACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CACA,6CAAA,CACA,mBAAA,CACA,SAAA,CACA,8BAAA,CACA,6BAAA,CAIJ,eACE,YAAA,CACA,cAAA,CACA,gBAAA,CACA,yBAJF,eAKI,cAAA,CACA,gBAAA,CACA,kBAAA,CAAA,CAIJ,cACE,eAAA,CAGF,gBACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,iBAAA,CAGF,8BACE,gBAAA,CACA,SAAA,CAEA,oCACE,iBAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAAA,CAEA,yBANF,oCAOI,iBAAA,CAAA,CAGF,gDACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,SAAA,CACA,UAAA,CACA,iBAAA,CACA,6CAAA,CACA,OAAA,CAEA,yBAVF,gDAWI,QAAA,CACA,SAAA,CACA,UAAA,CAAA,CAKN,oCACE,QAAA,CACA,+BAAA,CACA,eAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.image-text {\n max-width: 1340px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto var(--section-margin) auto;\n padding: 45px 0;\n position: relative;\n z-index: 1;\n @media(max-width: 767px) {\n display: block;\n }\n h3{\n font-size: 28px;\n line-height: 120%; /* 50.4px */\n @media(min-width: 768px) {\n font-size: 36px;\n }\n @media(min-width: 1110px) {\n font-size: 42px;\n }\n + p {\n font-size: 18px;\n @media(min-width: 768px) {\n font-size: 22px;\n }\n }\n }\n\n &.colored {\n &:before {\n content: '';\n background: var(--theme-grey-light);\n position: absolute;\n left: 50%;\n top: 0;\n width: calc(100vw - var(--scrollbar-width));\n height: 100%;\n margin: 0 calc(-50vw + 7px);\n z-index: -1;\n }\n }\n\n &.switched {\n .image-text--image {\n order: 2;\n }\n\n .image-text--text {\n order: 1;\n }\n }\n\n @media(max-width: 767px) {\n display: block;\n }\n\n &--text,\n &--image {\n width: calc(50% - 30px);\n @media(max-width: 767px) {\n width: auto;\n margin-bottom: 32px;\n }\n }\n\n &--image {\n position: relative;\n &:after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n display: block;\n height: 8px;\n background-color: var(--theme-color-secondary);\n transition: 0.3s ease;\n z-index: 1;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n }\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\n a {\n margin-top: 11px;\n }\n\n img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 4px;\n }\n\n ul, ol {\n margin: 1em 0 0 0;\n padding: 0;\n\n li {\n position: relative;\n display: block;\n padding-left: 32px;\n margin-bottom: 0.6em;\n\n @media(max-width: 767px) {\n padding-left: 24px;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n left: 0;\n width: 8px;\n height: 8px;\n border-radius: 3px;\n background-color: var(--theme-color-secondary);\n top: 9px;\n\n @media(max-width: 767px) {\n top: 10px;\n width: 6px;\n height: 6px;\n }\n }\n }\n\n h3 {\n margin: 0;\n font-size: var(--font-size-copy);\n font-weight: 600;\n }\n }\n}\n\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/image-text/ImageText.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ImageAndText:()=>ImageAndText,ImageAndTextColored:()=>ImageAndTextColored,ImageAndTextSwitched:()=>ImageAndTextSwitched,__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 _ImageTextData__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/image-text/ImageTextData.js"),_ImageTextComponent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./stories/components/image-text/ImageTextComponent.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/Image and Text",argTypes:{listItems:{name:"listItems",control:{type:"object"},defaultValue:_ImageTextData__WEBPACK_IMPORTED_MODULE_4__.g}}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_ImageTextComponent__WEBPACK_IMPORTED_MODULE_5__.a)(Object.assign({},args))},ImageAndText=Template.bind({});ImageAndText.args={};var ImageAndTextColored=Template.bind({});ImageAndTextColored.args={colored:"colored"};var ImageAndTextSwitched=Template.bind({});ImageAndTextSwitched.args={switched:"switched"};var __namedExportsOrder=["ImageAndText","ImageAndTextColored","ImageAndTextSwitched"];ImageAndText.parameters={...ImageAndText.parameters,docs:{...ImageAndText.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createImageText({\n ...args\n });\n}",...ImageAndText.parameters?.docs?.source}}},ImageAndTextColored.parameters={...ImageAndTextColored.parameters,docs:{...ImageAndTextColored.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createImageText({\n ...args\n });\n}",...ImageAndTextColored.parameters?.docs?.source}}},ImageAndTextSwitched.parameters={...ImageAndTextSwitched.parameters,docs:{...ImageAndTextSwitched.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createImageText({\n ...args\n });\n}",...ImageAndTextSwitched.parameters?.docs?.source}}}}}]);
|
