|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7893],{"./stories/sections/slider/SliderComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{U:()=>createSlider});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./stories/sections/slider/slider.scss");var _global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/_global/scripts/helpers.js"),jquery__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_4__),_atoms_button_ButtonComponent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),_slider__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./stories/sections/slider/slider.js"),_SliderData__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./stories/sections/slider/SliderData.js"),createSlider=function createSlider(_ref){var _ref$slides=_ref.slides,slides=void 0===_ref$slides?_SliderData__WEBPACK_IMPORTED_MODULE_7__.Z:_ref$slides,section=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("section",["rotation"],null),container=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["container"],null,section),sliderComponent=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["slider"],null,container);return slides.map((function(slideData,index){var slide=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["slide"],null,sliderComponent),outer=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("outer",["outer"],null,slide),contextBoxContent=slideData.context?slideData.context:"",contextBoxContentImg=slideData.contextImg?slideData.contextImg:"";if(slideData.imageSrc&&slideData.imageSrc.length>0){var imageBox=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["image-box"],null,outer);if((0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.Bi)(slideData.imageSrc,900,600,"Slide "+index,[],imageBox),contextBoxContentImg){var contentBoxImg=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["context-box","context-box--image"],null,imageBox);(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.Bi)(contextBoxContentImg,200,50,"",[],contentBoxImg)}else contextBoxContent&&(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["context-box"],contextBoxContent,imageBox)}var textBox=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["text-box"],null,outer);if(slideData.kicker&&slideData.kicker.length>0&&(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("span",["kicker"],slideData.kicker,textBox),slideData.headline&&slideData.headline.length>0&&(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("h3",["like-h2"],slideData.headline,textBox),slideData.kicker&&slideData.kicker.length>0&&(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("p",[],slideData.copy,textBox),slideData.cta&&slideData.link){var buttonP=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("p",[],"",textBox),btn=(0,_atoms_button_ButtonComponent__WEBPACK_IMPORTED_MODULE_5__.a)({color:"white",icon:"pfeil-simple-rechts",iconPosition:"icon-right",label:slideData.cta});buttonP.appendChild(btn)}if((!slideData.imageSrc||slideData.imageSrc.length<=0)&&contextBoxContent)if(textBox.classList.add("context"),contextBoxContentImg){var contentBox=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["context-box","context-box--image"],null,textBox);(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.Bi)(contextBoxContentImg,200,50,"",[],contentBox)}else contextBoxContent&&(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_3__.az)("div",["context-box"],contextBoxContent,textBox)})),new _slider__WEBPACK_IMPORTED_MODULE_6__.Z(jquery__WEBPACK_IMPORTED_MODULE_4___default()(sliderComponent)),section}},"./stories/sections/slider/SliderData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>sliderData});var sliderData=[{kicker:"Lorem Ipsum dolor",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:"https://source.unsplash.com/9_bDrvW7bA8/900x600",cta:"Mehr erfahren",link:"#",contextImg:"./logos/wirtschaftsdialoge.svg"},{kicker:"Lorem Ipsum dolor 2",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:null,cta:"Mehr erfahren",link:"#",context:"Wirtschaftsmagazin"},{kicker:"Lorem Ipsum dolor 2",headline:"Möglichkeiten der Integration",copy:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",imageSrc:"https://source.unsplash.com/Ff2oZ_xbKL0/900x600",cta:"Mehr erfahren",link:"#"}]},"./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)}))}))}}]);
|
