|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3726],{"./stories/sections/feature/FeatureComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>createFeature});__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),feature=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/feature/feature.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(feature.Z,options);feature.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),LinkListComponent=__webpack_require__("./stories/components/linklist/LinkListComponent.js"),createFeature=function createFeature(_ref){var _ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"IHK Musterstadt":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Ihre IHK – Ihre Vorteile":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Wir beraten und helfen Ihnen als gewerbetreibendes Unternehmen zum Beispiel bei folgenden Themen:":_ref$copy,_ref$links=_ref.links,links=void 0===_ref$links?[{title:"Wahrnehmung Ihrer Interessen",link:"#"},{title:"Fördermöglichkeiten",link:"#"},{title:"Durchführung von Prüfungen",link:"#"},{title:"Beratung zu Themen der Außenwirtschaft",link:"#"},{title:"Beratungen bei Existenzgründung",link:"#"}]:_ref$links,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Eule Doktorhut":_ref$icon,section=(0,helpers.az)("section",["feature"],null),container=(0,helpers.az)("div",["container"],null,section),row=(0,helpers.az)("div",["row"],null,container),textCol=(0,helpers.az)("div",["col"],null,row),iconCol=(0,helpers.az)("div",["col"],null,row),textBox=(0,helpers.az)("div",["text-box"],null,textCol);(0,helpers.az)("span",["kicker"],kicker,textBox),(0,helpers.az)("h2",[],headline,textBox),(0,helpers.az)("p",[],copy,textBox);var linkList=(0,LinkListComponent.i)({links});return textBox.appendChild(linkList),icon&&icon.length>0&&(0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,iconCol),section}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/feature/feature.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,'.feature{--theme-color-link: var(--theme-color-white);--theme-color-link-hover: var(--theme-color-secondary);color:var(--theme-color-white);background-color:var(--theme-color-primary);padding:var(--section-padding) 0;border-bottom:var(--border-width) solid var(--theme-color-secondary);margin:var(--section-margin) auto;position:relative}.feature:after{content:"";background:var(--theme-color-primary);border-bottom:var(--border-width) solid var(--theme-color-secondary);position:absolute;left:50%;top:0;width:100vw;height:calc(100% + var(--border-width));margin:0 -50vw;z-index:-1}.has-sidebar .feature{padding:var(--section-padding)}.has-sidebar .feature:after{display:none}.feature h2{margin-bottom:.4em}.feature h2:first-child{margin-top:var(--section-headline-margin)}.feature .kicker{margin-top:var(--section-headline-margin)}.feature p{font-size:var(--font-size-small)}.feature+.topics,.feature+.feature,.feature+.events{margin-top:0}.feature .row{min-height:calc(120px + 6vw);flex-wrap:nowrap;align-items:center}@media(max-width: 567px){.feature .row{flex-direction:column}.feature .row .col{flex:1 1 0}}.feature a{color:#fff}@media(max-width: 567px){.feature .col:nth-child(2){width:50%;min-width:220px;max-width:360px}}@media(min-width: 568px){.feature .col:nth-child(2){max-width:44%;min-width:44%;flex:1 1 44%}}@media(min-width: 1000px){.feature .col:nth-child(2){max-width:33.3333%;min-width:33.3333%;flex:1 1 33.3333%}}.feature .text-box{padding-right:20px;margin:calc(var(--col-padding)*-1) 0}.feature .icon-box{position:relative;display:block;border-radius:40%;overflow:hidden;font-family:"Pictograms",sans-serif}.feature .icon-box:after{content:"";position:relative;display:block;padding-top:100%;background-color:#fff}.feature .icon-box:before{position:absolute;display:block;z-index:1;top:50%;left:50%;font-size:200px;line-height:1;transform:translate(-50%, -50%);color:var(--theme-color-secondary)}@media(max-width: 767px){.feature .icon-box:before{font-size:140px}}.feature .linklist{margin-bottom:0}',"",{version:3,sources:["webpack://./stories/sections/feature/feature.scss"],names:[],mappings:"AAGA,SACE,4CAAA,CACA,sDAAA,CACA,8BAAA,CACA,2CAAA,CACA,gCAAA,CACA,oEAAA,CACA,iCAAA,CACA,iBAAA,CAEA,eACE,UAAA,CACA,qCAAA,CACA,oEAAA,CACA,iBAAA,CACA,QAAA,CACA,KAAA,CACA,WAAA,CACA,uCAAA,CACA,cAAA,CACA,UAAA,CAEF,sBACE,8BAAA,CACA,4BACE,YAAA,CAIJ,YACE,kBAAA,CAEA,wBACE,yCAAA,CAIJ,iBACE,yCAAA,CAGF,WACE,gCAAA,CAGF,oDACE,YAAA,CAGF,cACE,4BAAA,CACA,gBAAA,CACA,kBAAA,CAEA,yBALF,cAMI,qBAAA,CAEA,mBACE,UAAA,CAAA,CAKN,WACE,UAAA,CAIA,yBADF,2BAEI,SAAA,CACA,eAAA,CACA,eAAA,CAAA,CAEF,yBANF,2BAOI,aAAA,CACA,aAAA,CACA,YAAA,CAAA,CAEF,0BAXF,2BAYI,kBAAA,CACA,kBAAA,CACA,iBAAA,CAAA,CAIJ,mBACE,kBAAA,CACA,oCAAA,CAGF,mBACE,iBAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,mCAAA,CAEA,yBACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,gBAAA,CACA,qBAAA,CAGF,0BACE,iBAAA,CACA,aAAA,CACA,SAAA,CACA,OAAA,CACA,QAAA,CACA,eAAA,CACA,aAAA,CACA,+BAAA,CACA,kCAAA,CAEA,yBAXF,0BAYI,eAAA,CAAA,CAKN,mBACE,eAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.feature {\n --theme-color-link: var(--theme-color-white);\n --theme-color-link-hover: var(--theme-color-secondary);\n color: var(--theme-color-white);\n background-color: var(--theme-color-primary);\n padding: var(--section-padding) 0;\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n margin: var(--section-margin) auto;\n position: relative;\n\n &:after {\n content: \"\";\n background: var(--theme-color-primary);\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n position: absolute;\n left: 50%;\n top: 0;\n width: 100vw;\n height: calc(100% + var(--border-width));\n margin: 0 -50vw;\n z-index: -1;\n }\n .has-sidebar & {\n padding: var(--section-padding);\n &:after {\n display: none;\n }\n }\n\n h2 {\n margin-bottom: 0.4em;\n\n &:first-child {\n margin-top: var(--section-headline-margin);\n }\n }\n\n .kicker {\n margin-top: var(--section-headline-margin);\n }\n\n p {\n font-size: var(--font-size-small);\n }\n\n + .topics, + .feature, + .events {\n margin-top: 0;\n }\n\n .row {\n min-height: calc(120px + 6vw);\n flex-wrap: nowrap;\n align-items: center;\n\n @media(max-width: 567px) {\n flex-direction: column;\n\n .col {\n flex: 1 1 0;\n }\n }\n }\n\n a {\n color: white;\n }\n\n .col:nth-child(2) {\n @media(max-width: 567px) {\n width: 50%;\n min-width: 220px;\n max-width: 360px;\n }\n @media(min-width: 568px) {\n max-width: 44%;\n min-width: 44%;\n flex: 1 1 44%;\n }\n @media(min-width: 1000px) {\n max-width: 33.3333%;\n min-width: 33.3333%;\n flex: 1 1 33.3333%;\n }\n }\n\n .text-box {\n padding-right: 20px;\n margin: calc(var(--col-padding) * -1) 0;\n }\n\n .icon-box {\n position: relative;\n display: block;\n border-radius: 40%;\n overflow: hidden;\n font-family: 'Pictograms', sans-serif;\n\n &:after {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 100%;\n background-color: white;\n }\n\n &:before {\n position: absolute;\n display: block;\n z-index: 1;\n top: 50%;\n left: 50%;\n font-size: 200px;\n line-height: 1;\n transform: translate(-50%, -50%);\n color: var(--theme-color-secondary);\n\n @media(max-width: 767px) {\n font-size: 140px;\n }\n }\n }\n\n .linklist {\n margin-bottom: 0;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/sections/feature/Feature.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Feature:()=>Feature,__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 _FeatureComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/sections/feature/FeatureComponent.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:"Sections/Feature",parameters:{layout:"fullscreen"},argTypes:{kicker:{name:"Dachzeile",control:"text",defaultValue:"IHK Musterstadt"},headline:{name:"Überschrift",control:"text",defaultValue:"Ihre IHK – Ihre Vorteile"},copy:{name:"Einleitungstext",control:"text",defaultValue:"Wir beraten und helfen Ihnen als gewerbetreibendes Unternehmen zum Beispiel bei folgenden Themen:"},links:{name:"Link-Liste",control:{type:"object"},defaultValue:[{title:"Wahrnehmung Ihrer Interessen",link:"#"},{title:"Fördermöglichkeiten",link:"#"},{title:"Durchführung von Prüfungen",link:"#"},{title:"Beratung zu Themen der Außenwirtschaft",link:"#"},{title:"Beratungen bei Existenzgründung",link:"#"}]},icon:{name:"Icon",control:{type:"select"},options:["Eule Doktorhut","Anker","Blitz","Buch Brille","Brexit","Chart","Rettungsring","Magazin"],defaultValue:"Eule Doktorhut"}}};var Feature=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_FeatureComponent__WEBPACK_IMPORTED_MODULE_4__.T)(Object.assign({},args))}.bind({});Feature.args={};var __namedExportsOrder=["Feature"];Feature.parameters={...Feature.parameters,docs:{...Feature.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFeature({\n ...args\n });\n}",...Feature.parameters?.docs?.source}}}}}]);
|
