https://www.telekom.de/resources/javascript/1268510/step-slider.9585.js

1"use strict";(self.webpackChunk_vp_pk_ess_redesign=self.webpackChunk_vp_pk_ess_redesign||[]).push([[1786,9585],{1057:function(e,t,n){n.d(t,{m:function(){return c}});var a=n(9240),r=n(2155),i=n(3735),o=n(9654),d=n(5999),_={l:"1024px",m:"640px",s:"320px",xl:"1344px",xs:"0px",container:"Container__container___b3Frj",fixed:"Container__fixed___SErf4 Container__container___b3Frj","fixed-small":"Container__fixed-small___fdMFw Container__container___b3Frj","fixed-large":"Container__fixed-large___pekB0 Container__container___b3Frj",centered:"Container__centered___K4vWe Container__container___b3Frj",sizeToContent:"Container__sizeToContent___1e89- Container__container___b3Frj",padded:"Container__padded___lBE3N Container__container___b3Frj","padded-top":"Container__padded-top___I0EEA Container__container___b3Frj","padded-top-big":"Container__padded-top-big___8-3E- Container__container___b3Frj","padded-top-small":"Container__padded-top-small___WaNhJ Container__container___b3Frj","padded-bottom":"Container__padded-bottom___QETXo Container__container___b3Frj","padded-bottom-big":"Container__padded-bottom-big___aXciS Container__container___b3Frj","padded-bottom-small":"Container__padded-bottom-small___pYt-e Container__container___b3Frj","padded-left":"Container__padded-left___Zto29 Container__container___b3Frj","padded-right":"Container__padded-right___NbJVt Container__container___b3Frj","padded-vertical":"Container__padded-vertical___osBtD Container__container___b3Frj","padded-vertical-big":"Container__padded-vertical-big___QkPc- Container__container___b3Frj","padded-vertical-small":"Container__padded-vertical-small___fFvHO Container__container___b3Frj","padded-horizontal":"Container__padded-horizontal___PUqc8 Container__container___b3Frj","unset-inner-alignment":"Container__unset-inner-alignment___ZChxm",theme_dark:"Container__theme_dark___8KXZc Container__container___b3Frj",fixedSmall:"Container__fixed-small___fdMFw Container__container___b3Frj",fixedLarge:"Container__fixed-large___pekB0 Container__container___b3Frj",paddedTop:"Container__padded-top___I0EEA Container__container___b3Frj",paddedTopBig:"Container__padded-top-big___8-3E- Container__container___b3Frj",paddedTopSmall:"Container__padded-top-small___WaNhJ Container__container___b3Frj",paddedBottom:"Container__padded-bottom___QETXo Container__container___b3Frj",paddedBottomBig:"Container__padded-bottom-big___aXciS Container__container___b3Frj",paddedBottomSmall:"Container__padded-bottom-small___pYt-e Container__container___b3Frj",paddedLeft:"Container__padded-left___Zto29 Container__container___b3Frj",paddedRight:"Container__padded-right___NbJVt Container__container___b3Frj",paddedVertical:"Container__padded-vertical___osBtD Container__container___b3Frj",paddedVerticalBig:"Container__padded-vertical-big___QkPc- Container__container___b3Frj",paddedVerticalSmall:"Container__padded-vertical-small___fFvHO Container__container___b3Frj",paddedHorizontal:"Container__padded-horizontal___PUqc8 Container__container___b3Frj",unsetInnerAlignment:"Container__unset-inner-alignment___ZChxm",themeDark:"Container__theme_dark___8KXZc Container__container___b3Frj"},l=["children","variants","tag","customClass"],c=(0,r.forwardRef)((function(e,t){var n=e.children,o=e.variants,c=e.tag,s=e.customClass,u=(0,a.ut)(e,l),p=(0,r.useContext)(d.Dx),m=(0,i.cx)(o,s,(0,a.oX)((0,a.oX)({},_.container,!o),_[p],p));return r.createElement(c,(0,a.rC)({className:m,ref:t},u),n)}));c.propTypes={tag:o.B.string,customClass:o.B.string,variants:o.B.oneOfType([o.B.string,o.B.arrayOf(o.B.string)]),children:o.B.node},c.defaultProps={tag:"div",customClass:void 0,variants:_.container,children:null},c.Variant={centered:_.centered,fixed:_.fixed,fixedSmall:_.fixedSmall,fixedLarge:_.fixedLarge,padded:_.padded,paddedTop:_.paddedTop,paddedTopBig:_.paddedTopBig,paddedTopSmall:_.paddedTopSmall,paddedBottom:_.paddedBottom,paddedBottomBig:_.paddedBottomBig,paddedBottomSmall:_.paddedBottomSmall,paddedLeft:_.paddedLeft,paddedRight:_.paddedRight,paddedVertical:_.paddedVertical,paddedVerticalBig:_.paddedVerticalBig,paddedVerticalSmall:_.paddedVerticalSmall,paddedHorizontal:_.paddedHorizontal,sizeToContent:_.sizeToContent,unsetInnerAlignment:_.unsetInnerAlignment},c.displayName="Container"},9949:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});var a=n(2155),r=n(316),i=n(9230);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function d(e){var t,n,d=e.enlargeAriaLabel,_=e.children,l=(t=(0,a.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,d=[],_=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;_=!1}else for(;!(_=(a=i.call(n)).done)&&(d.push(a.value),d.length!==t);_=!0);}catch(e){l=!0,r=e}

1finally{try{if(!_&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw r}}return d}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=l[0],s=l[1],u=(0,a.useRef)(null);return a.createElement(a.Fragment,null,a.createElement("button",{className:"esx-image-modal__enlarge-button",onClick:function(e){e.preventDefault(),e.stopPropagation(),s(!0)},ref:u,"aria-label":d},a.createElement("span",{"aria-hidden":"true"},_[0])),(0,r.createPortal)(a.createElement("div",{className:"esx-image-modal__modal-wrap"},a.createElement(i.a,{isOpen:c,afterClose:function(){s(!1),u.current.focus()},isVisible:!1,portalless:!0,zIndex:1e4},a.createElement(i.a.Section,null,_[1]))),document.getElementById("wrapper")))}n(4774),n(4576),n(3882),n(3138)},1891:function(e,t,n){n.r(t),n.d(t,{default:function(){return W}});var a=n(2155),r=n(1343),i=n(2518),o=n(6953),d=n(1057),_=n(9240),l=n(9654),c=n(3735),s=n(5999),u={l:"1024px",m:"640px",s:"320px",xl:"1344px",xs:"0px",dot:"Dot__dot___545bq",theme_dark:"Dot__theme_dark___0OAYu",active:"Dot__active___7TAcb",themeDark:"Dot__theme_dark___0OAYu"},p=["active","className","tag"],m={tag:"span",active:!1,className:void 0},f={active:l.B.bool,className:l.B.string},v=function(e){var t=(0,a.useContext)(s.Dx),n=e.active,r=e.className,i=e.tag,o=void 0===i?m.tag:i,d=(0,_.ut)(e,p),l=n?{"aria-disabled":!0}:{};return a.createElement(o,(0,_.rC)({className:(0,c.cx)(u.dot,n&&u.active,t&&u[t],r)},l,d))};v.defaultProps=m,v.propTypes=f,v.displayName="Dot";var b={l:"1024px",m:"640px",s:"320px",xl:"1344px",xs:"0px","slider-indicator":"SliderIndicator__slider-indicator___OQJ3F",indicator:"SliderIndicator__indicator___-Y93I",theme_dark:"SliderIndicator__theme_dark___ZbX8G",sliderIndicator:"SliderIndicator__slider-indicator___OQJ3F",themeDark:"SliderIndicator__theme_dark___ZbX8G"},C=["amount","maxAmount","activeIndex","ariaLabelParts","onActivate","customClass","dotCustomClass","aria-controls"],g={activeIndex:0,maxAmount:0,ariaLabelParts:{prefix:"Zeige Slide",preposition:"von"},onActivate:function(){},customClass:void 0,dotCustomClass:void 0},x=(0,a.forwardRef)((function(e,t){for(var n=e.amount,r=e.maxAmount,i=void 0===r?g.maxAmount:r,o=e.activeIndex,d=void 0===o?g.activeIndex:o,l=e.ariaLabelParts,u=void 0===l?g.ariaLabelParts:l,p=e.onActivate,m=void 0===p?g.onActivate:p,f=e.customClass,x=void 0===f?g.customClass:f,h=e.dotCustomClass,y=void 0===h?g.dotCustomClass:h,w=e["aria-controls"],S=(0,_.ut)(e,C),B=(0,a.useContext)(s.Dx),E=[],j=function(e){E.push(a.createElement(v,{tag:"button",type:"button",active:e===d,"aria-label":"".concat(u.prefix," ").concat(e+1," ").concat(u.preposition," ").concat(i||n),className:(0,c.cx)(b.indicator,y),onClick:function(){return m(e)},key:"slider-indicator-".concat(e),"aria-controls":w}))},k=0;k<=n-1;k+=1)j(k);return a.createElement("div",(0,_.rC)({ref:t,className:(0,c.cx)(b.sliderIndicator,B&&b[B],x)},S),E)}));x.defaultProps=g,x.propTypes={amount:l.B.number.isRequired,maxAmount:l.B.number,ariaLabelParts:l.B.shape({prefix:l.B.string.isRequired,preposition:l.B.string.isRequired}),activeIndex:l.B.number,onActivate:l.B.func,customClass:l.B.string,dotCustomClass:l.B.string},x.displayName="SliderIndicator",n(5460);var h=["title","titleId"],y=function(e){var t=e.title,n=e.titleId,r=(0,_.ut)(e,h);return t&&!n&&(n="title-icons-navigation-left-selected"),a.createElement("svg",(0,_.rC)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",role:"img","aria-labelledby":n},r),t?a.createElement("title",{id:n},t):null,a.createElement("path",{fill:"#262626",fillRule:"evenodd",d:"M16 20.75a1.26 1.26 0 0 1-.775-.25L4.5 12l10.725-8.5a1.265 1.265 0 1 1 1.55 2L8.5 12l8.275 6.5A1.25 1.25 0 0 1 16 20.75"}))};y.displayName="SvgIconsNavigationLeftSelected";var w=y;function S(e){return a.createElement(w,e)}S.displayName="NavigationLeftSelected";var B=["title","titleId"],E=function(e){var t=e.title,n=e.titleId,r=(0,_.ut)(e,B);return t&&!n&&(n="title-icons-navigation-right-selected"),a.createElement("svg",(0,_.rC)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",role:"img","aria-labelledby":n},r),t?a.createElement("title",{id:n},t):null,a.createElement("path",{fill:"#262626",fillRule:"evenodd",d:"M8 20.75a1.25 1.25 0 0 1-.775-2.25L15.5 12 7.225 5.5a1.265 1.265 0 1 1 1.55-2L19.5 12 8.775 20.5a1.26 1.26 0 0 1-.775.25"}))};E.displayName="SvgIconsNavigationRightSelected";var j=E;function k(e){return a.createElement(j,e)}k.displayName="NavigationRightSelected";var I=n(4710),A=n(8891),F={l:"1024px",m:"640px",s:"320px",xl:"1344px",xs:"0px","icon-wrapper":"SliderButton__icon-wrapper___9O1xb",iconWrapper:"SliderButton__icon-wrapper___9O1xb"},N=["variant","forwardText","backwardText","customClass","iconWrapperCustomClass","iconProps"],T=function(e){var t=e.variant,n=e.forwardText,r=e.backwardText,i=e.customClass,o=e.iconWrapperCustomClass,d=e.iconProps,l=(0,_.ut)(e,N),s="backwards"===t,u=s?S:k,p=s?r:n;return a.createElement(I.$n,(0,_.rC)({variants:[I.$n.Variant.slider,I.$n.Variant.icon],customClass:(0,c.cx)(F.button,i),"aria-label":p}

1,l),a.createElement("span",{className:(0,c.cx)(F["icon-wrapper"],o)},a.createElement(A.In,(0,_.rC)({icon:u,size:A.In.Size.medium,wrapperProps:{style:{width:"100%",position:"relative",left:s?-1:1}}},d))))};T.defaultProps={variant:"forwards",forwardText:"Vor",backwardText:"Zurück",customClass:void 0,iconWrapperCustomClass:void 0,iconProps:void 0},T.propTypes={variant:l.B.oneOf(["backwards","forwards"]),forwardText:l.B.string,backwardText:l.B.string,customClass:l.B.string,iconWrapperCustomClass:l.B.string,iconProps:l.B.shape((0,_.yk)((0,_.yk)({},A.In.propTypes),{},{icon:l.B.elementType}))},T.displayName="SliderButton";var P=n(240);function V(){var e=(0,r.Mn)();return a.createElement("div",{className:"esx-step-slider__button esx-step-slider__button--next"},a.createElement(T,{variant:"forwards",onClick:function(){return(0,P.A)("content.button.slide-".concat(e.activeIndex+2)),void e.slideNext()}}))}function L(){var e=(0,r.Mn)();return a.createElement("div",{className:"esx-step-slider__button esx-step-slider__button--prev"},a.createElement(T,{variant:"backwards",onClick:function(){return(0,P.A)("content.button.slide-".concat(e.activeIndex)),void e.slidePrev()}}))}var O=n(9949),z=n(757),D=n(8573),R=function(e){if(!e||"undefined"==typeof utag)return!1;var t={page_content_id:(0,D.A)(e)};return utag.view(t),t};function X(e){return X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},X(e)}function Z(e,t,n){return(t=function(e){var t=function(e){if("object"!=X(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=X(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==X(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,d=[],_=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;_=!1}else for(;!(_=(a=i.call(n)).done)&&(d.push(a.value),d.length!==t);_=!0);}catch(e){l=!0,r=e}finally{try{if(!_&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw r}}return d}}(e,t)||function(e,t){if(e){if("string"==typeof e)return q(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function W(e){var t=e.items,n=void 0===t?new Array:t,_=e.showPagination,l=void 0===_||_,c=e.showNavButtons,s=void 0===c||c,u=e.sliderCssClass,p=void 0===u?"":u,m=e.slideCssClass,f=void 0===m?"":m,v=M((0,a.useState)({}),2),b=v[0],C=v[1],g=M((0,a.useState)(0),2),h=g[0],y=g[1],w=function(e,t){R("".concat(window.tempStepSliderTrackingPrefix,"-slide-").concat(e,"-").concat(t))};return a.createElement(r.RC,{modules:[i.Vx,i.Jq],autoHeight:!0,spaceBetween:0,slidesPerView:1,onInit:function(e){C(e),"undefined"!=typeof utag_data&&(window.tempStepSliderTrackingPrefix=utag_data.page_content_id)},onAfterInit:function(e){w(e.activeIndex+1,e.slides.length)},onSlideChange:function(e){y(e.activeIndex),w(e.activeIndex+1,e.slides.length),document.dispatchEvent(event)},className:"".concat(function(e){return(0,z.A)(Z(Z(Z({},"esx-step-slider",!0),"esx-step-slider--first",0===e),"esx-step-slider--last",e===n.length-1))}(h)," ").concat(p)},n.map((function(e,t){return a.createElement(r.qr,{key:t,className:"esx-step-slider__slide ".concat(f)},a.createElement(o.A,{bindings:{gotoNextSlide:function(){b.slideNext()},gotoPrevSlide:function(){b.slidePrev()}},components:{EsxImageModal:O.default}

1,jsx:e,autoCloseVoidElements:!0,blacklistedAttrs:[]}))})),l&&a.createElement(d.m,{variants:[d.m.Variant.padded,d.m.Variant.centered]},a.createElement(x,{amount:n.length,activeIndex:h,onActivate:function(e){"undefined"!=typeof utag&&utag.link({wt_link_id:"content.button.slide-"+e+1}),b.slideTo(e)}})),s&&a.createElement("div",{className:"esx-step-slider__navigation-wrap"},a.createElement("div",{className:"esx-grid esx-step-slider__navigation-grid"},a.createElement("div",{className:"esx-grid__main esx-step-slider__navigation"},a.createElement(L,null),a.createElement(V,null)))))}},8573:function(e,t){t.A=function(e){return!!e&&e.trim().toLowerCase().replace("ü","ue").replace("ä","ae").replace("ö","oe").replace("ß","ss").replace(/[^0-9a-z!.]/g,"-")}},240:function(e,t,n){var a=n(8573);t.A=function(e){if(!e||"undefined"==typeof utag)return!1;var t={wt_link_id:(0,a.A)(e)};return utag.link(t),t}},5460:function(){}}]);