|
- "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>"}]},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor)}}function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:String(i)}__webpack_require__("./node_modules/jquery.easing/jquery.easing.js");var IHKSlider=function(){function IHKSlider(section){var _this=this;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKSlider),this.section=section.addClass("initiated"),this.slides=section.children(),this.slideOverflow=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="slide-overflow" />').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="slide-wrapper" />').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<span />"),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<button class="prev" aria-label="Previous Slide" />'),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<button class="next" aria-label="Next Slide" />');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<ul class="slider-tabs" />'),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<span class="count" />').html('/<span class="total">'+this.slides.length+"</span></span>").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<li/>").appendTo(tabsWrapper);jquery__WEBPACK_IMPORTED_MODULE_12___default()("<button />").addClass("btn").appendTo(li).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('<div class="controls" />').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout)})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay()})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()<this.section.offset().top+this.section.outerHeight()/2?this.inViewport||(this.inViewport=!0,this.section.addClass("in-viewport").trigger("in-viewport")):this.inViewport&&(this.inViewport=!1,this.section.removeClass("in-viewport"))}},{key:"initHammerDragging",value:function initHammerDragging(){var _this8=this,hammer=new(hammerjs__WEBPACK_IMPORTED_MODULE_13___default())(this.slideWrapper.get(0)),sliderWidth=0,startValue=0;this.dragging=!1,this.slideWrapper.find("img, a").attr("draggable","false").attr("ondragstart","return false;"),hammer.on("panstart",(function(e){sliderWidth=_this8.slideOverflow.width(),_this8.dragging=!0,startValue=_this8.slideWrapper.position().left,jquery__WEBPACK_IMPORTED_MODULE_12___default()(_this8.positionAnimation).stop(),requestAnimationFrame((function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()("html").addClass("slider-dragging")})),0!==e.center.x&&0!==e.center.y&&clearTimeout(_this8.autoplayTimeout)})),hammer.on("pan",(function(e){if(0!==e.center.x&&0!==e.center.y){var transformX=Math.round(startValue+e.deltaX);_this8.slideWrapper.css({transform:"translate3d("+transformX+"px, 0, 0)"})}})),hammer.on("panend",(function(e){_this8.dragging=!1,requestAnimationFrame((function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()("html").removeClass("slider-dragging"),e.deltaX>sliderWidth/5?_this8.onPrev():e.deltaX<sliderWidth/-5?_this8.onNext():_this8.changeSlide(_this8.currentSlide)}))}))}},{key:"initTabbing",value:function initTabbing(){var _this9=this;jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).keydown((function(e){9===(e.keyCode?e.keyCode:e.which)&&_this9.slideWrapper.find(":focus").length&&(_this9.tabScrollActive=!0,_this9.resetTabScroll())})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).keyup((function(e){if(9===(e.keyCode?e.keyCode:e.which)&&_this9.slideWrapper.find(":focus").length){var slide=_this9.section.find(":focus").closest(".slide");_this9.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),_this9.goTo(parseInt(slide.attr("data-index")),!0),_this9.tabScrollActive=!1}}))}},{key:"loadImage",value:function loadImage(index){var t=this;if(index||(index=this.currentSlide),t.slides.eq(index).hasClass("preload")&&!t.slides.eq(index).find("img").length){var ib=t.slides.eq(index).find(".image-box"),img=jquery__WEBPACK_IMPORTED_MODULE_12___default()("<img/>").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./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>h2{margin:var(--section-headline-margin) calc(var(--content-box-padding) - .05em) 0;padding-bottom:20px}@media(max-width: 767px){.steps>h3,.steps>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{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,oBACE,gFAAA,CACA,mBAAA,CAEA,yBAJF,oBAKI,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,iBACE,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, > 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 {\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}}}}}]);
|
