|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2758],{"./stories/components/steps/StepsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createSteps});__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),steps=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/steps/steps.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(steps.Z,options);steps.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),StepsData=__webpack_require__("./stories/components/steps/StepsData.js"),slider_slider=(__webpack_require__("./stories/sections/slider/slider.scss"),__webpack_require__("./stories/sections/slider/slider.js")),createSteps=function createSteps(_ref){var _ref$headline=_ref.headline,headline=void 0===_ref$headline?"Schritt für Schritt zur Soforthilfe":_ref$headline,_ref$contents=_ref.contents,contents=void 0===_ref$contents?StepsData.t:_ref$contents,steps=(0,helpers.az)("div",["steps"]);headline&&headline.length>0&&(0,helpers.az)("h3",[],headline,steps);var slider=(0,helpers.az)("div",["slider"],null,steps);return contents.map((function(step){(0,helpers.az)("div",["slide"],step.content,slider).dataset.title=step.tab})),new slider_slider.Z(jquery_default()(slider)),steps}},"./stories/components/steps/StepsData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>stepsData});var stepsData=[{tab:"Schritt 1: Lorem ipsum",content:"<h4>Schritt 1</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, aliquam amet cum distinctio explicabo facilis incidunt iure maiores, minus nostrum obcaecati qui quibusdam quidem sint voluptates? Adipisci itaque minima quaerat?</p>"},{tab:"Schritt 2: Dolor",content:"<h4>Schritt 2</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, aliquam amet cum distinctio explicabo facilis incidunt iure maiores, minus nostrum obcaecati qui quibusdam quidem sint voluptates? Adipisci itaque minima quaerat?</p>"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/steps/steps.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,'.richtext .steps .text a.external,.richtext .steps .text a.extranet,.richtext .steps .text a.intranet,.richtext .steps .text a[data-linktypeicon=CMExternalLink],.richtext .steps .text a[data-linktypeicon=CMDownload],.richtext .steps .rte--list a.external,.richtext .steps .rte--list a.extranet,.richtext .steps .rte--list a.intranet,.richtext .steps .rte--list a[data-linktypeicon=CMExternalLink],.richtext .steps .rte--list a[data-linktypeicon=CMDownload]{background-color:var(--theme-color-primary-dimmed-03)}.richtext .steps .text a.external:after,.richtext .steps .text a.extranet:after,.richtext .steps .text a.intranet:after,.richtext .steps .text a[data-linktypeicon=CMExternalLink]:after,.richtext .steps .text a[data-linktypeicon=CMDownload]:after,.richtext .steps .rte--list a.external:after,.richtext .steps .rte--list a.extranet:after,.richtext .steps .rte--list a.intranet:after,.richtext .steps .rte--list a[data-linktypeicon=CMExternalLink]:after,.richtext .steps .rte--list a[data-linktypeicon=CMDownload]:after{outline-color:var(--theme-color-primary-dimmed-03);color:var(--theme-color-primary)}.steps{position:relative;display:block;margin:var(--section-margin) 0;padding:var(--content-box-padding) 0;background-color:var(--theme-color-primary-dimmed-04)}@media(max-width: 567px){.steps{padding:calc(var(--content-box-padding)*2) 0}}.steps>h3,.steps>.like-h3,.steps>h2,.steps>.like-h2{margin:var(--section-headline-margin) calc(var(--content-box-padding) - .05em) 0;padding-bottom:20px}@media(max-width: 767px){.steps>h3,.steps>.like-h3,.steps>h2,.steps>.like-h2{padding-bottom:var(--content-box-padding)}}.steps .slider::before{content:"";display:block;height:1px;background-color:var(--theme-color-primary-dimmed-02);margin:0 var(--content-box-padding)}.steps .slide{padding:24px var(--content-box-padding)}@media(max-width: 767px){.steps .slide{padding:var(--content-box-padding)}}.steps .slide:not(.current){height:1px}.steps .slide>*:last-child{margin-bottom:.1em}.steps .slide>*:first-child{margin-top:0}.steps .slide h4,.steps .slide .like-h4{margin-bottom:.6em}.steps .prev,.steps .count{display:none}.steps .next{position:absolute;bottom:0;right:0;margin:var(--content-box-padding)}.steps .next:active,.steps .next:focus,.steps .next:active:focus{color:var(--theme-color-white);outline:0}.steps .slider-tabs{list-style:none;padding:32px 0 0;margin:0 var(--content-box-padding);border-top:1px solid var(--theme-color-primary-dimmed-02)}@media(max-width: 767px){.steps .slider-tabs{padding-top:calc(var(--content-box-padding)*1.5)}}.steps .slider-tabs li{margin:0 0 8px}.steps .slider-tabs li:last-child{margin:0}.steps .slider-tabs .btn,.steps .slider-tabs .next{--button-min-size: 38px;--button-padding: 8px 20px;background-color:var(--theme-color-primary-dimmed-03);color:var(--theme-color-primary);margin:0}.steps .slider-tabs .btn::after,.steps .slider-tabs .next::after{display:none}.steps .slider-tabs li.active .btn,.steps .slider-tabs li.active .next,.steps .slider-tabs .btn:hover,.steps .slider-tabs .next:hover{background-color:var(--theme-color-primary);color:var(--theme-color-white)}@media(max-width: 567px){.steps .controls .next{position:relative;margin:20px var(--content-box-padding) 4px;float:right}.steps .controls:after{content:"";position:relative;display:block;clear:both}}',"",{version:3,sources:["webpack://./stories/components/steps/steps.scss"],names:[],mappings:"AAKI,ycACE,qDAAA,CAEA,qgBACE,kDAAA,CACA,gCAAA,CAMR,OACE,iBAAA,CACA,aAAA,CACA,8BAAA,CACA,oCAAA,CACA,qDAAA,CAEA,yBAPF,OAQI,4CAAA,CAAA,CAGF,oDACE,gFAAA,CACA,mBAAA,CAEA,yBAJF,oDAKI,yCAAA,CAAA,CAIJ,uBACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,qDAAA,CACA,mCAAA,CAGF,cACE,uCAAA,CAEA,yBAHF,cAII,kCAAA,CAAA,CAGF,4BACE,UAAA,CAGF,2BACE,kBAAA,CAGF,4BACE,YAAA,CAGF,wCACE,kBAAA,CAIJ,2BACE,YAAA,CAGF,aACE,iBAAA,CACA,QAAA,CACA,OAAA,CACA,iCAAA,CAKA,iEACE,8BAAA,CACA,SAAA,CAIJ,oBACE,eAAA,CACA,gBAAA,CACA,mCAAA,CACA,yDAAA,CAEA,yBANF,oBAOI,gDAAA,CAAA,CAGF,uBACE,cAAA,CAEA,kCACE,QAAA,CAIJ,mDACE,uBAAA,CACA,0BAAA,CACA,qDAAA,CACA,gCAAA,CACA,QAAA,CAEA,iEACE,YAAA,CAIJ,sIACE,2CAAA,CACA,8BAAA,CAIJ,yBAEI,uBACE,iBAAA,CACA,0CAAA,CACA,WAAA,CAEF,uBACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,UAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.richtext .steps {\n .text a, .rte--list a {\n &.external, &.extranet, &.intranet, &[data-linktypeicon=\"CMExternalLink\"], &[data-linktypeicon=\"CMDownload\"] {\n background-color: var(--theme-color-primary-dimmed-03);\n\n &:after {\n outline-color: var(--theme-color-primary-dimmed-03);\n color: var(--theme-color-primary);\n }\n }\n }\n}\n\n.steps {\n position: relative;\n display: block;\n margin: var(--section-margin) 0;\n padding: var(--content-box-padding) 0;\n background-color: var(--theme-color-primary-dimmed-04);\n\n @media(max-width: 567px) {\n padding: calc(var(--content-box-padding) * 2) 0;\n }\n\n > h3, > .like-h3, > h2, > .like-h2 {\n margin: var(--section-headline-margin) calc(var(--content-box-padding) - 0.05em) 0;\n padding-bottom: 20px;\n\n @media(max-width: 767px) {\n padding-bottom: var(--content-box-padding);\n }\n }\n\n .slider::before {\n content: '';\n display: block;\n height: 1px;\n background-color: var(--theme-color-primary-dimmed-02);\n margin: 0 var(--content-box-padding);\n }\n\n .slide {\n padding: 24px var(--content-box-padding);\n\n @media(max-width: 767px) {\n padding: var(--content-box-padding);\n }\n\n &:not(.current) {\n height: 1px;\n }\n\n > *:last-child {\n margin-bottom: 0.1em;\n }\n\n > *:first-child {\n margin-top: 0;\n }\n\n h4, .like-h4 {\n margin-bottom: 0.6em;\n }\n }\n\n .prev, .count {\n display: none;\n }\n\n .next {\n position: absolute;\n bottom: 0;\n right: 0;\n margin: var(--content-box-padding);\n @extend .btn;\n //@extend .has-icon;\n //@extend .icon-pfeil-rechts;\n\n &:active, &:focus, &:active:focus {\n color: var(--theme-color-white);\n outline: 0;\n }\n }\n\n .slider-tabs {\n list-style: none;\n padding: 32px 0 0;\n margin: 0 var(--content-box-padding);\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n\n @media(max-width: 767px) {\n padding-top: calc(var(--content-box-padding) * 1.5);\n }\n\n li {\n margin: 0 0 8px;\n\n &:last-child {\n margin: 0;\n }\n }\n\n .btn {\n --button-min-size: 38px;\n --button-padding: 8px 20px;\n background-color: var(--theme-color-primary-dimmed-03);\n color: var(--theme-color-primary);\n margin: 0;\n\n &::after {\n display: none;\n }\n }\n\n li.active .btn, .btn:hover {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n }\n }\n\n @media(max-width: 567px) {\n .controls {\n .next {\n position: relative;\n margin: 20px var(--content-box-padding) 4px;\n float: right;\n }\n &:after {\n content: \"\";\n position: relative;\n display: block;\n clear: both;\n }\n }\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/steps/Steps.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentTabs:()=>ContentTabs,__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 _StepsData__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/steps/StepsData.js"),_StepsComponent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./stories/components/steps/StepsComponent.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/Content Tabs",argTypes:{headline:{name:"Überschrift",control:{type:"text"},defaultValue:"Schritt für Schritt zur Soforthilfe"},contents:{name:"Inhalte",control:{type:"object"},defaultValue:_StepsData__WEBPACK_IMPORTED_MODULE_4__.t}}};var ContentTabs=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_StepsComponent__WEBPACK_IMPORTED_MODULE_5__.O)(Object.assign({},args))}.bind({});ContentTabs.args={};var __namedExportsOrder=["ContentTabs"];ContentTabs.parameters={...ContentTabs.parameters,docs:{...ContentTabs.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createSteps({\n ...args\n });\n}",...ContentTabs.parameters?.docs?.source}}}}}]);
|
