https://lepper-marine.de/theme/f43cda11bc7650af30d3f7fe1a21bcc0/js…tzp-powerpack-imagecompare.plugin.cb4071.js

1(self.webpackChunk=self.webpackChunk||[]).push([[94569],{115:function(t,e){var i,s,o;o=function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=!1;if("undefined"!=typeof window){var i={get passive(){e=!0;return}};window.addEventListener("testPassive",null,i),window.removeEventListener("testPassive",null,i)}var s="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),o=[],n=!1,r=-1,l=void 0,a=void 0,d=void 0,c=function(t){return o.some(function(e){return!!(e.options.allowTouchMove&&e.options.allowTouchMove(t))})},h=function(t){var e=t||window.event;return!!c(e.target)||e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1)},p=function(t){if(void 0===d){var e=!!t&&!0===t.reserveScrollBarGap,i=window.innerWidth-document.documentElement.clientWidth;if(e&&i>0){var s=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);d=document.body.style.paddingRight,document.body.style.paddingRight=s+i+"px"}}void 0===l&&(l=document.body.style.overflow,document.body.style.overflow="hidden")},u=function(){void 0!==d&&(document.body.style.paddingRight=d,d=void 0),void 0!==l&&(document.body.style.overflow=l,l=void 0)},v=function(){if(void 0!==a){var t=-parseInt(document.body.style.top,10),e=-parseInt(document.body.style.left,10);document.body.style.position=a.position,document.body.style.top=a.top,document.body.style.left=a.left,window.scrollTo(e,t),a=void 0}},g=function(t,e){var i=t.targetTouches[0].clientY-r;return!c(t.target)&&(e&&0===e.scrollTop&&i>0?h(t):e&&e.scrollHeight-e.scrollTop<=e.clientHeight&&i<0?h(t):(t.stopPropagation(),!0))};t.disableBodyScroll=function(t,i){if(!t){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}!o.some(function(e){return e.targetElement===t})&&(o=[].concat(function(t){if(!Array.isArray(t))return Array.from(t);for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}(o),[{targetElement:t,options:i||{}}]),s?window.requestAnimationFrame(function(){if(void 0===a){a={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var t=window,e=t.scrollY,i=t.scrollX,s=t.innerHeight;document.body.style.position="fixed",document.body.style.top=-e+"px",document.body.style.left=-i+"px",setTimeout(function(){return window.requestAnimationFrame(function(){var t=s-window.innerHeight;t&&e>=s&&(document.body.style.top=-(e+t))})},300)}}):p(i),s&&(t.ontouchstart=function(t){1===t.targetTouches.length&&(r=t.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&g(e,t)},n||(document.addEventListener("touchmove",h,e?{passive:!1}:void 0),n=!0)))},t.clearAllBodyScrollLocks=function(){s&&(o.forEach(function(t){t.targetElement.ontouchstart=null,t.targetElement.ontouchmove=null}),n&&(document.removeEventListener("touchmove",h,e?{passive:!1}:void 0),n=!1),r=-1),s?v():u(),o=[]},t.enableBodyScroll=function(t){if(!t){console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");return}o=o.filter(function(e){return e.targetElement!==t}),s&&(t.ontouchstart=null,t.ontouchmove=null,n&&0===o.length&&(document.removeEventListener("touchmove",h,e?{passive:!1}:void 0),n=!1)),s?v():u()}},i=[e],void 0!==(s=o.apply(e,i))&&(t.exports=s)},569:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>o});var s=i(115);class o extends window.PluginBaseClass{static #t=this.options={el:"",controlColor:"#FFFFFF",controlShadow:!0,addCircle:!1,addCircleBlur:!0,showLabels:!1,labelOptions:{before:"",after:"",onHover:!0},smoothing:!1,smoothingAmount:100,hoverStart:!1,verticalMode:!1,startingPoint:50,fluidMode:!0,labelBefore:"",labelAfter:""};init(){this.settings=this.options,""!=this.options.labelBefore&&""!=this.options.labelAfter&&(this.settings.labelOptions={onHover:!0,before:this.options.labelBefore,after:this.options.labelAfter},this.settings.showLabels=!0),this.safariAgent=-1!=navigator.userAgent.indexOf("Safari")&&-1==navigator.userAgent.indexOf("Chrome"),this.el=document.querySelector(this.options.el),this.images={},this.wrapper=null,this.control=null,this.arrowContainer=null,this.arrowAnimator=[],this.active=!1,this.slideWidth=50,this.lineWidth=2,this.arrowCoordinates={circle:[5,3],standard:[8,0]},this.safariAgent&&(this.settings.smoothing=!1),this._shapeContainer(),this._getImages(),this._buildControl(),this._events()}_events(){this.el.addEventListener("mousedown",t=>{this._activate(!0),document.body.classList.add("icv__body"),(0,s.disableBodyScroll)(this.el,{reserveScrollBarGap:!0}),this._slideCompare(t)}),this.el.addEventListener("mousemove",t=>this.active&&this._slideCompare(t)),this.el.addEventListener("mouseup",()=>this._activate(!1)),document.body.addEventListener("mouseup",()=>{document.body.classList.remove("icv__body"),(0,s.enableBodyScroll)(this.el),this._activate(!1)}),this.control.addEventListener("touchstart",t=>{this._activate(!0),document.body.classList.add("icv__body"),(0,s.disableBodyScroll)(this.el,{reserveScrollBarGap:!0})}),this.el.addEventListener("touchmove",t=>{this.active&&this._slideCompare(t)}),this.el.addEventListener("touchend",()=>{this._activate(!1),document.body.classList.remove("icv__body"),(0,s.enableBodyScroll)(this.el)}),this.el.addEventListener("mouseenter",()=>{this.settings.hoverStart&&this._activate(!0);let t=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach((e,i)=>{e.style.cssText=`
2        ${this.settings.verticalMode?`transform: translateY(${t[1]*(0===i?1:-1)}px);`:`transform: translateX(${t[1]*(0===i?1:-1)}px);`}
3        `})}),this.el.addEventListener("mouseleave",()=>{let t=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach((e,i)=>{e.style.cssText=`
4        ${this.settings.verticalMode?`transform: translateY(${0===i?`${t[0]}px`:`-${t[0]}px`});`:`transform: translateX(${0===i?`${t[0]}px`:`-${t[0]}px`});`}
5        `})})}_slideCompare(t){let e=this.el.getBoundingClientRect(),i=void 0!==t.touches?t.touches[0].clientX-e.left:t.clientX-e.left,s=void 0!==t.touches?t.touches[0].clientY-e.top:t.clientY-e.top,o=this.settings.verticalMode?s/e.height*100:i/e.width*100;o>=0&&o<=100&&(this.settings.verticalMode?this.control.style.top=`calc(${o}% - ${this.slideWidth/2}px)`:this.control.style.left=`calc(${o}% - ${this.slideWidth/2}px)`,this.settings.fluidMode?this.settings.verticalMode?this.wrapper.style.clipPath=`inset(0 0 ${100-o}% 0)`:this.wrapper.style.clipPath=`inset(0 0 0 ${o}%)`:this.settings.verticalMode?this.wrapper.style.height=`calc(${o}%)`:this.wrapper.style.width=`calc(${100-o}%)`)}_activate(t){this.active=t}

5_shapeContainer(){let t=document.createElement("div"),e=document.createElement("span"),i=document.createElement("span");e.classList.add("icv__label","icv__label-before","keep"),i.classList.add("icv__label","icv__label-after","keep"),this.settings.labelOptions.onHover&&(e.classList.add("on-hover"),i.classList.add("on-hover")),this.settings.verticalMode&&(e.classList.add("vertical"),i.classList.add("vertical")),e.innerHTML=this.settings.labelOptions.before||"Before",i.innerHTML=this.settings.labelOptions.after||"After",this.settings.showLabels&&(this.el.appendChild(e),this.el.appendChild(i)),this.el.classList.add("icv",this.settings.verticalMode?"icv__icv--vertical":"icv__icv--horizontal",this.settings.fluidMode?"icv__is--fluid":"standard"),t.classList.add("icv__imposter"),this.el.appendChild(t)}_buildControl(){let t=document.createElement("div"),e=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div");i.classList.add("icv__theme-wrapper");for(var o=0;o<=1;o++){let t=document.createElement("div"),e=`<svg
6      height="15"
7      width="15"
8       style="
9       transform:
10       scale(${this.settings.addCircle?.7:1.5})
11       rotateZ(${0===o?this.settings.verticalMode?"-90deg":"180deg":this.settings.verticalMode?"90deg":"0deg"}); height: 20px; width: 20px;
12
13       ${this.settings.controlShadow?`
14       -webkit-filter: drop-shadow( 0px 3px 5px rgba(0, 0, 0, .33));
15       filter: drop-shadow( 0px ${0===o?"-3px":"3px"} 5px rgba(0, 0, 0, .33));
16       `:""}
17       "
18       xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 15 15">
19       <path ${this.settings.addCircle?'fill="transparent"':`fill="${this.settings.controlColor}"`}
20       stroke="${this.settings.controlColor}"
21       stroke-linecap="round"
22       stroke-width="${3*!!this.settings.addCircle}"
23       d="M4.5 1.9L10 7.65l-5.5 5.4"
24       />
25     </svg>`;t.innerHTML+=e,this.arrowAnimator.push(t),i.appendChild(t)}let n=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach((t,e)=>{t.classList.add("icv__arrow-wrapper"),t.style.cssText=`
26      ${this.settings.verticalMode?`transform: translateY(${0===e?`${n[0]}px`:`-${n[0]}px`});`:`transform: translateX(${0===e?`${n[0]}px`:`-${n[0]}px`});`}
27      `}),t.classList.add("icv__control"),t.style.cssText=`
28    ${this.settings.verticalMode?"height":"width "}: ${this.slideWidth}px;
29    ${this.settings.verticalMode?"top":"left "}: calc(${this.settings.startingPoint}% - ${this.slideWidth/2}px);
30    ${"ontouchstart"in document.documentElement?"":this.settings.smoothing?`transition: ${this.settings.smoothingAmount}ms ease-out;`:""}
31    `,e.classList.add("icv__control-line"),e.style.cssText=`
32      ${this.settings.verticalMode?"height":"width "}: ${this.lineWidth}px;
33      background: ${this.settings.controlColor};
34        ${this.settings.controlShadow?"box-shadow: 0px 0px 15px rgba(0,0,0,0.33);":""}
35    `;let r=e.cloneNode(!0);s.classList.add("icv__circle"),s.style.cssText=`
36      ${this.settings.addCircleBlur&&"-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px)"};
37
38      border: ${this.lineWidth}px solid ${this.settings.controlColor};
39      ${this.settings.controlShadow&&"box-shadow: 0px 0px 15px rgba(0,0,0,0.33)"};
40    `,t.appendChild(e),this.settings.addCircle&&t.appendChild(s),t.appendChild(i),t.appendChild(r),this.arrowContainer=i,this.control=t,this.el.appendChild(t)}_getImages(){let t=this.el.querySelectorAll("img, .keep");this.el.innerHTML="",t.forEach(t=>{this.el.appendChild(t)});let e=[...t].filter(t=>"img"===t.nodeName.toLowerCase());this.settings.verticalMode&&e.reverse();for(let t=0;t<=1;t++){let i=e[t];if(i.classList.add("icv__img"),i.classList.add(0===t?"icv__img-a":"icv__img-b"),1===t){let t=document.createElement("div"),s=e[1].src;t.classList.add("icv__wrapper"),t.style.cssText=`
41            width: ${100-this.settings.startingPoint}%;
42            height: ${this.settings.startingPoint}%;
43            ${"ontouchstart"in document.documentElement?"":this.settings.smoothing?`transition: ${this.settings.smoothingAmou

43nt}ms ease-out;`:""}
44            ${this.settings.fluidMode&&`background-image: url(${s}); clip-path: inset(${this.settings.verticalMode?` 0 0 ${100-this.settings.startingPoint}% 0`:`0 0 0 ${this.settings.startingPoint}%`})`}
45        `,t.appendChild(i),this.wrapper=t,this.el.appendChild(this.wrapper)}}if(this.settings.fluidMode){let t=e[0].src,i=document.createElement("div");i.classList.add("icv__fluidwrapper"),i.style.cssText=`
46
47        background-image: url(${t});
48
49      `,this.el.appendChild(i)}}}}}]);