diff --git a/examples.html b/examples.html index 79b723e..8f0e99c 100644 --- a/examples.html +++ b/examples.html @@ -1,4 +1,4 @@ -
Installation and usage instructions are available on GitHub.
All images in the examples are given width="100%"
property to make them responsive.
Installation and usage instructions are available on GitHub.
All images in the examples are given width="100%"
property to make them responsive.
diff --git a/index.html b/index.html
index 3e1bdd3..5fb50b7 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-Image Comparison Slider - React, Vue, Angular
Compare two images. Before and after.Now try to use or arrows on the keyboard.Amazing, isn't it?Your star will make a big difference for this project.![Second image example](images/second.93ae2554.svg)
This free open source slider component was created to demonstrate the difference between two images. For example, to show the difference before and after applying photo effects or filters, to compare photos of rooms before and after construction, or to show landscape changes over time. The component is well suited for news portals, artists, or design portfolios.Because it is a web component, it is compatible with almost any JS framework, web application, or design system. In addition, this component offers a wide range of settings - the examples section provides many ideas and styling techniques. The setup and settings documentation is available on the component's GitHub page.Features
Mobile-friendly
Accessible
Responsive
Compact
Adjustable
Supports modern JS frameworks
What it looks like on default / See more examples
![Second image example](images/morning-blurred.1d21249b.webp)
\ No newline at end of file
+Image Comparison Slider - React, Vue, Angular
Compare two images. Before and after.Now try to use or arrows on the keyboard.Amazing, isn't it?Your star will make a big difference for this project.![Second image example](images/second.93ae2554.svg)
This free open source slider component was created to demonstrate the difference between two images. For example, to show the difference before and after applying photo effects or filters, to compare photos of rooms before and after construction, or to show landscape changes over time. The component is well suited for news portals, artists, or design portfolios.Because it is a web component, it is compatible with almost any JS framework, web application, or design system. In addition, this component offers a wide range of settings - the examples section provides many ideas and styling techniques. The setup and settings documentation is available on the component's GitHub page.Features
Mobile-friendly
Accessible
Responsive
Compact
Adjustable
Supports modern JS frameworks
What it looks like on default / See more examples
![Second image example](images/morning-blurred.1d21249b.webp)
\ No newline at end of file
diff --git a/js/index.1.1ea2b47e.js b/js/index.1.1ea2b47e.js
new file mode 100644
index 0000000..f2de99b
--- /dev/null
+++ b/js/index.1.1ea2b47e.js
@@ -0,0 +1,2 @@
+(()=>{var t={9251:()=>{(()=>{"use strict";var t={792:(t,e,i)=>{i.d(e,{Z:()=>n});var s=i(609),o=i.n(s)()((function(t){return t[1]}));o.push([t.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);const n=o},609:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i=t(e);return e[2]?"@media ".concat(e[2]," {").concat(i,"}"):i})).join("")},e.i=function(t,i,s){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(s)for(var n=0;n{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=i(792);const e="rendered",s=(t,e)=>{const i=t.getBoundingClientRect();let s,o;return"mousedown"===e.type?(s=e.clientX,o=e.clientY):(s=e.touches[0].clientX,o=e.touches[0].clientY),s>=i.x&&s<=i.x+i.width&&o>=i.y&&o<=i.y+i.height};let o;const n={ArrowLeft:-1,ArrowRight:1},r=["horizontal","vertical"],a=t=>({x:t.touches[0].pageX,y:t.touches[0].pageY}),d=t=>({x:t.pageX,y:t.pageY});class h extends HTMLElement{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):50,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=t=>{if(this.isMouseDown||this.slideOnHover){const e=d(t);this.slideToPage(e)}},this.bodyUserSelectStyle="",this.onMouseDown=t=>{if(this.slideOnHover)return;if(this.handle&&!s(this.handleElement,t))return;t.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const e=d(t);this.slideToPage(e),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,window.document.body.style.userSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=t=>{this.dragByHandle&&!s(this.handleElement,t)||(this.touchStartPoint=a(t),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=t=>{if(null===this.touchStartPoint)return;const e=a(t);if(this.isTouchComparing)return this.slideToPage(e),t.preventDefault(),!1;if(!this.hasTouchMoved){const i=Math.abs(e.y-this.touchStartPoint.y),s=Math.abs(e.x-this.touchStartPoint.x);if("horizontal"===this.slideDirection&&is)return this.isTouchComparing=!0,this.focus(),this.slideToPage(e),t.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=t=>{if("disabled"===this.keyboard)return;const e=n[t.key];this.animationDirection!==e&&void 0!==e&&(this.animationDirection=e,this.startSlideAnimation())},this.onKeyUp=t=>{if("disabled"===this.keyboard)return;const e=n[t.key];void 0!==e&&this.animationDirection===e&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:"open"}),i=document.createElement("style");i.innerHTML=t.Z,this.getAttribute("nonce")&&i.setAttribute("nonce",this.getAttribute("nonce")),e.appendChild(i),e.appendChild(o.content.cloneNode(!0)),this.firstElement=e.getElementById("first"),this.handleElement=e.getElementById("handle")}set handle(t){this.dragByHandle="false"!==t.toString().toLowerCase()}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(t){const e=parseFloat(t);e!==this.exposure&&(this.exposure=e,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(t){this.slideOnHover="false"!==t.toString().toLowerCase(),this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(t){this.slideDirection=t.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...r),r.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",(t=>(t.preventDefault(),!1))),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&"disabled"===this.getAttribute("keyboard")?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(e)||this.classList.add(e)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(t,e,i){"hover"===t&&(this.hover=i),"direction"===t&&(this.direction=i),"keyboard"===t&&(this.keyboard="disabled"===i?"disabled":"enabled")}setExposure(t=0){var e;this.exposure=(e=this.exposure+t)<0?0:e>100?100:e,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(t=0){this.setExposure(t);const e=new Event("slide");this.dispatchEvent(e)}slideToPage(t){"horizontal"===this.slideDirection&&this.slideToPageX(t.x),"vertical"===this.slideDirection&&this.slideToPageY(t.y)}slideToPageX(t){const e=t-this.getBoundingClientRect().left-window.scrollX;this.exposure=e/this.imageWidth*100,this.slide(0)}slideToPageY(t){const e=t-this.getBoundingClientRect().top-window.scrollY;this.exposure=e/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout((()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null}),100)}startSlideAnimation(){let t=null,e=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");const i=s=>{if(0===this.animationDirection||e!==this.animationDirection)return;null===t&&(t=s);const o=(s-t)/16.666666666666668*this.animationDirection;this.slide(o),setTimeout((()=>window.requestAnimationFrame(i)),0),t=s};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}"undefined"!=typeof window&&(window.document&&(o=document.createElement("template"),o.innerHTML=' '),window.customElements.define("img-comparison-slider",h))})()})()}},e={};function i(s){var o=e[s];if(void 0!==o)return o.exports;var n=e[s]={exports:{}};return t[s](n,n.exports,i),n.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";i(9251)})()})();
+//# sourceMappingURL=index.1.1ea2b47e.js.map
\ No newline at end of file
diff --git a/js/index.1.1ea2b47e.js.map b/js/index.1.1ea2b47e.js.map
new file mode 100644
index 0000000..3ab7055
--- /dev/null
+++ b/js/index.1.1ea2b47e.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"js/index.1.1ea2b47e.js","mappings":"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","sources":["webpack://@img-comparison-slider/www/../img-comparison-slider/dist/index.js","webpack://@img-comparison-slider/www/webpack/bootstrap","webpack://@img-comparison-slider/www/webpack/runtime/compat get default export","webpack://@img-comparison-slider/www/webpack/runtime/define property getters","webpack://@img-comparison-slider/www/webpack/runtime/hasOwnProperty shorthand"],"sourcesContent":["(()=>{\"use strict\";var t={792:(t,e,i)=>{i.d(e,{Z:()=>n});var s=i(609),o=i.n(s)()((function(t){return t[1]}));o.push([t.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:\" \";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',\"\"]);const n=o},609:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i=t(e);return e[2]?\"@media \".concat(e[2],\" {\").concat(i,\"}\"):i})).join(\"\")},e.i=function(t,i,s){\"string\"==typeof t&&(t=[[null,t,\"\"]]);var o={};if(s)for(var n=0;n {var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=i(792);const e=\"rendered\",s=(t,e)=>{const i=t.getBoundingClientRect();let s,o;return\"mousedown\"===e.type?(s=e.clientX,o=e.clientY):(s=e.touches[0].clientX,o=e.touches[0].clientY),s>=i.x&&s<=i.x+i.width&&o>=i.y&&o<=i.y+i.height};let o;const n={ArrowLeft:-1,ArrowRight:1},r=[\"horizontal\",\"vertical\"],a=t=>({x:t.touches[0].pageX,y:t.touches[0].pageY}),h=t=>({x:t.pageX,y:t.pageY});class d extends HTMLElement{constructor(){super(),this.exposure=this.hasAttribute(\"value\")?parseFloat(this.getAttribute(\"value\")):50,this.slideOnHover=!1,this.slideDirection=\"horizontal\",this.keyboard=\"enabled\",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=t=>{if(this.isMouseDown||this.slideOnHover){const e=h(t);this.slideToPage(e)}},this.bodyUserSelectStyle=\"\",this.onMouseDown=t=>{if(this.slideOnHover)return;if(this.handle&&!s(this.handleElement,t))return;t.preventDefault(),window.addEventListener(\"mousemove\",this.onMouseMove),window.addEventListener(\"mouseup\",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const e=h(t);this.slideToPage(e),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,window.document.body.style.userSelect=\"none\"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.removeEventListener(\"mousemove\",this.onMouseMove),window.removeEventListener(\"mouseup\",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=t=>{this.dragByHandle&&!s(this.handleElement,t)||(this.touchStartPoint=a(t),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=t=>{if(null===this.touchStartPoint)return;const e=a(t);if(this.isTouchComparing)return this.slideToPage(e),t.preventDefault(),!1;if(!this.hasTouchMoved){const i=Math.abs(e.y-this.touchStartPoint.y),s=Math.abs(e.x-this.touchStartPoint.x);if(\"horizontal\"===this.slideDirection&&is)return this.isTouchComparing=!0,this.focus(),this.slideToPage(e),t.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove(\"focused\")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add(\"focused\")},this.onKeyDown=t=>{if(\"disabled\"===this.keyboard)return;const e=n[t.key];this.animationDirection!==e&&void 0!==e&&(this.animationDirection=e,this.startSlideAnimation())},this.onKeyUp=t=>{if(\"disabled\"===this.keyboard)return;const e=n[t.key];void 0!==e&&this.animationDirection===e&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:\"open\"}),i=document.createElement(\"style\");i.innerHTML=t.Z,this.getAttribute(\"nonce\")&&i.setAttribute(\"nonce\",this.getAttribute(\"nonce\")),e.appendChild(i),e.appendChild(o.content.cloneNode(!0)),this.firstElement=e.getElementById(\"first\"),this.handleElement=e.getElementById(\"handle\")}set handle(t){this.dragByHandle=\"false\"!==t.toString().toLowerCase()}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(t){const e=parseFloat(t);e!==this.exposure&&(this.exposure=e,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(t){this.slideOnHover=\"false\"!==t.toString().toLowerCase(),this.removeEventListener(\"mousemove\",this.onMouseMove),this.slideOnHover&&this.addEventListener(\"mousemove\",this.onMouseMove)}get direction(){return this.slideDirection}set direction(t){this.slideDirection=t.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...r),r.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return[\"hover\",\"direction\"]}connectedCallback(){this.hasAttribute(\"tabindex\")||(this.tabIndex=0),this.addEventListener(\"dragstart\",(t=>(t.preventDefault(),!1))),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute(\"keyboard\")&&\"disabled\"===this.getAttribute(\"keyboard\")?\"disabled\":\"enabled\",this.addEventListener(\"keydown\",this.onKeyDown),this.addEventListener(\"keyup\",this.onKeyUp),this.addEventListener(\"focus\",this.onFocus),this.addEventListener(\"blur\",this.onBlur),this.addEventListener(\"touchstart\",this.onTouchStart,{passive:!0}),this.addEventListener(\"touchmove\",this.onTouchMove,{passive:!1}),this.addEventListener(\"touchend\",this.onTouchEnd),this.addEventListener(\"mousedown\",this.onMouseDown),this.handle=this.hasAttribute(\"handle\")?this.getAttribute(\"handle\"):this.dragByHandle,this.hover=this.hasAttribute(\"hover\")?this.getAttribute(\"hover\"):this.slideOnHover,this.direction=this.hasAttribute(\"direction\")?this.getAttribute(\"direction\"):this.slideDirection,this.resetDimensions(),this.classList.contains(e)||this.classList.add(e)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(t,e,i){\"hover\"===t&&(this.hover=i),\"direction\"===t&&(this.direction=i),\"keyboard\"===t&&(this.keyboard=\"disabled\"===i?\"disabled\":\"enabled\")}setExposure(t=0){var e;this.exposure=(100,(e=this.exposure+t)<0?0:e>100?100:e),this.firstElement.style.setProperty(\"--exposure\",100-this.exposure+\"%\")}slide(t=0){this.setExposure(t);const e=new Event(\"slide\");this.dispatchEvent(e)}slideToPage(t){\"horizontal\"===this.slideDirection&&this.slideToPageX(t.x),\"vertical\"===this.slideDirection&&this.slideToPageY(t.y)}slideToPageX(t){const e=t-this.getBoundingClientRect().left-window.scrollX;this.exposure=e/this.imageWidth*100,this.slide(0)}slideToPageY(t){const e=t-this.getBoundingClientRect().top-window.scrollY;this.exposure=e/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty(\"--transition-time\",\"100ms\"),this.transitionTimer=window.setTimeout((()=>{this.firstElement.style.setProperty(\"--transition-time\",\"var(--default-transition-time)\"),this.transitionTimer=null}),100)}startSlideAnimation(){let t=null,e=this.animationDirection;this.firstElement.style.setProperty(\"--transition-time\",\"var(--keyboard-transition-time)\");const i=s=>{if(0===this.animationDirection||e!==this.animationDirection)return;null===t&&(t=s);const o=(s-t)/16.666666666666668*this.animationDirection;this.slide(o),setTimeout((()=>window.requestAnimationFrame(i)),0),t=s};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty(\"--transition-time\",\"var(--default-transition-time)\")}}\"undefined\"!=typeof window&&(window.document&&(o=document.createElement(\"template\"),o.innerHTML=' '),window.customElements.define(\"img-comparison-slider\",d))})()})();\n//# sourceMappingURL=index.js.map","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))"],"names":["t","e","i","d","Z","n","s","o","push","id","exports","toString","this","map","concat","join","length","r","a","h","__esModule","default","Object","defineProperty","enumerable","get","prototype","hasOwnProperty","call","getBoundingClientRect","type","clientX","clientY","touches","x","width","y","height","ArrowLeft","ArrowRight","pageX","pageY","HTMLElement","constructor","super","exposure","hasAttribute","parseFloat","getAttribute","slideOnHover","slideDirection","keyboard","isMouseDown","animationDirection","isFocused","dragByHandle","onMouseMove","slideToPage","bodyUserSelectStyle","onMouseDown","handle","handleElement","preventDefault","window","addEventListener","onWindowMouseUp","enableTransition","focus","document","body","style","userSelect","removeEventListener","touchStartPoint","isTouchComparing","hasTouchMoved","onTouchStart","onTouchMove","Math","abs","onTouchEnd","onBlur","stopSlideAnimation","firstElement","classList","remove","onFocus","add","onKeyDown","key","startSlideAnimation","onKeyUp","resetDimensions","imageWidth","offsetWidth","imageHeight","offsetHeight","attachShadow","mode","createElement","innerHTML","setAttribute","appendChild","content","cloneNode","getElementById","toLowerCase","value","setExposure","hover","direction","slide","includes","observedAttributes","connectedCallback","tabIndex","ResizeObserver","observe","passive","contains","disconnectedCallback","transitionTimer","clearTimeout","attributeChangedCallback","setProperty","Event","dispatchEvent","slideToPageX","slideToPageY","left","scrollX","top","scrollY","setTimeout","requestAnimationFrame","customElements","define","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","module","__webpack_modules__","getter","definition","obj","prop"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/index.1.f6911889.js b/js/index.1.f6911889.js
deleted file mode 100644
index 445aa4b..0000000
--- a/js/index.1.f6911889.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(()=>{var t={9251:()=>{(()=>{"use strict";var t={792:(t,e,i)=>{i.d(e,{Z:()=>n});var s=i(609),o=i.n(s)()((function(t){return t[1]}));o.push([t.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);const n=o},609:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i=t(e);return e[2]?"@media ".concat(e[2]," {").concat(i,"}"):i})).join("")},e.i=function(t,i,s){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(s)for(var n=0;n {var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=i(792);const e="rendered",s=(t,e)=>{const i=t.getBoundingClientRect();let s,o;return"mousedown"===e.type?(s=e.clientX,o=e.clientY):(s=e.touches[0].clientX,o=e.touches[0].clientY),s>=i.x&&s<=i.x+i.width&&o>=i.y&&o<=i.y+i.height},o=document.createElement("template");o.innerHTML=' ';const n={ArrowLeft:-1,ArrowRight:1},r=["horizontal","vertical"],a=t=>({x:t.touches[0].pageX,y:t.touches[0].pageY}),d=t=>({x:t.pageX,y:t.pageY});class h extends HTMLElement{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):50,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=t=>{if(this.isMouseDown||this.slideOnHover){const e=d(t);this.slideToPage(e)}},this.bodyUserSelectStyle="",this.onMouseDown=t=>{if(this.slideOnHover)return;if(this.handle&&!s(this.handleElement,t))return;t.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const e=d(t);this.slideToPage(e),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,window.document.body.style.userSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=t=>{this.dragByHandle&&!s(this.handleElement,t)||(this.touchStartPoint=a(t),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=t=>{if(null===this.touchStartPoint)return;const e=a(t);if(this.isTouchComparing)return this.slideToPage(e),t.preventDefault(),!1;if(!this.hasTouchMoved){const i=Math.abs(e.y-this.touchStartPoint.y),s=Math.abs(e.x-this.touchStartPoint.x);if("horizontal"===this.slideDirection&&i s)return this.isTouchComparing=!0,this.focus(),this.slideToPage(e),t.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=t=>{if("disabled"===this.keyboard)return;const e=n[t.key];this.animationDirection!==e&&void 0!==e&&(this.animationDirection=e,this.startSlideAnimation())},this.onKeyUp=t=>{if("disabled"===this.keyboard)return;const e=n[t.key];void 0!==e&&this.animationDirection===e&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:"open"}),i=document.createElement("style");i.innerHTML=t.Z,this.getAttribute("nonce")&&i.setAttribute("nonce",this.getAttribute("nonce")),e.appendChild(i),e.appendChild(o.content.cloneNode(!0)),this.firstElement=e.getElementById("first"),this.handleElement=e.getElementById("handle")}set handle(t){this.dragByHandle="false"!==t.toString().toLowerCase()}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(t){const e=parseFloat(t);e!==this.exposure&&(this.exposure=e,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(t){this.slideOnHover="false"!==t.toString().toLowerCase(),this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(t){this.slideDirection=t.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...r),r.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",(t=>(t.preventDefault(),!1))),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&"disabled"===this.getAttribute("keyboard")?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(e)||this.classList.add(e)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(t,e,i){"hover"===t&&(this.hover=i),"direction"===t&&(this.direction=i),"keyboard"===t&&(this.keyboard="disabled"===i?"disabled":"enabled")}setExposure(t=0){var e;this.exposure=(e=this.exposure+t)<0?0:e>100?100:e,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(t=0){this.setExposure(t);const e=new Event("slide");this.dispatchEvent(e)}slideToPage(t){"horizontal"===this.slideDirection&&this.slideToPageX(t.x),"vertical"===this.slideDirection&&this.slideToPageY(t.y)}slideToPageX(t){const e=t-this.getBoundingClientRect().left-window.scrollX;this.exposure=e/this.imageWidth*100,this.slide(0)}slideToPageY(t){const e=t-this.getBoundingClientRect().top-window.scrollY;this.exposure=e/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout((()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null}),100)}startSlideAnimation(){let t=null,e=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");const i=s=>{if(0===this.animationDirection||e!==this.animationDirection)return;null===t&&(t=s);const o=(s-t)/16.666666666666668*this.animationDirection;this.slide(o),setTimeout((()=>window.requestAnimationFrame(i)),0),t=s};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}"undefined"!=typeof window&&window.customElements.define("img-comparison-slider",h)})()})()}},e={};function i(s){var o=e[s];if(void 0!==o)return o.exports;var n=e[s]={exports:{}};return t[s](n,n.exports,i),n.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";i(9251)})()})();
-//# sourceMappingURL=index.1.f6911889.js.map
\ No newline at end of file
diff --git a/js/index.1.f6911889.js.map b/js/index.1.f6911889.js.map
deleted file mode 100644
index 2f7faf9..0000000
--- a/js/index.1.f6911889.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"js/index.1.f6911889.js","mappings":"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","sources":["webpack://@img-comparison-slider/www/../img-comparison-slider/dist/index.js","webpack://@img-comparison-slider/www/webpack/bootstrap","webpack://@img-comparison-slider/www/webpack/runtime/compat get default export","webpack://@img-comparison-slider/www/webpack/runtime/define property getters","webpack://@img-comparison-slider/www/webpack/runtime/hasOwnProperty shorthand"],"sourcesContent":["(()=>{\"use strict\";var t={792:(t,e,i)=>{i.d(e,{Z:()=>n});var s=i(609),o=i.n(s)()((function(t){return t[1]}));o.push([t.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:\" \";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',\"\"]);const n=o},609:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i=t(e);return e[2]?\"@media \".concat(e[2],\" {\").concat(i,\"}\"):i})).join(\"\")},e.i=function(t,i,s){\"string\"==typeof t&&(t=[[null,t,\"\"]]);var o={};if(s)for(var n=0;n{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=i(792);const e=\"rendered\",s=(t,e)=>{const i=t.getBoundingClientRect();let s,o;return\"mousedown\"===e.type?(s=e.clientX,o=e.clientY):(s=e.touches[0].clientX,o=e.touches[0].clientY),s>=i.x&&s<=i.x+i.width&&o>=i.y&&o<=i.y+i.height},o=document.createElement(\"template\");o.innerHTML=' ';const n={ArrowLeft:-1,ArrowRight:1},r=[\"horizontal\",\"vertical\"],a=t=>({x:t.touches[0].pageX,y:t.touches[0].pageY}),h=t=>({x:t.pageX,y:t.pageY});class d extends HTMLElement{constructor(){super(),this.exposure=this.hasAttribute(\"value\")?parseFloat(this.getAttribute(\"value\")):50,this.slideOnHover=!1,this.slideDirection=\"horizontal\",this.keyboard=\"enabled\",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=t=>{if(this.isMouseDown||this.slideOnHover){const e=h(t);this.slideToPage(e)}},this.bodyUserSelectStyle=\"\",this.onMouseDown=t=>{if(this.slideOnHover)return;if(this.handle&&!s(this.handleElement,t))return;t.preventDefault(),window.addEventListener(\"mousemove\",this.onMouseMove),window.addEventListener(\"mouseup\",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const e=h(t);this.slideToPage(e),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,window.document.body.style.userSelect=\"none\"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.removeEventListener(\"mousemove\",this.onMouseMove),window.removeEventListener(\"mouseup\",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=t=>{this.dragByHandle&&!s(this.handleElement,t)||(this.touchStartPoint=a(t),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=t=>{if(null===this.touchStartPoint)return;const e=a(t);if(this.isTouchComparing)return this.slideToPage(e),t.preventDefault(),!1;if(!this.hasTouchMoved){const i=Math.abs(e.y-this.touchStartPoint.y),s=Math.abs(e.x-this.touchStartPoint.x);if(\"horizontal\"===this.slideDirection&&i s)return this.isTouchComparing=!0,this.focus(),this.slideToPage(e),t.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove(\"focused\")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add(\"focused\")},this.onKeyDown=t=>{if(\"disabled\"===this.keyboard)return;const e=n[t.key];this.animationDirection!==e&&void 0!==e&&(this.animationDirection=e,this.startSlideAnimation())},this.onKeyUp=t=>{if(\"disabled\"===this.keyboard)return;const e=n[t.key];void 0!==e&&this.animationDirection===e&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:\"open\"}),i=document.createElement(\"style\");i.innerHTML=t.Z,this.getAttribute(\"nonce\")&&i.setAttribute(\"nonce\",this.getAttribute(\"nonce\")),e.appendChild(i),e.appendChild(o.content.cloneNode(!0)),this.firstElement=e.getElementById(\"first\"),this.handleElement=e.getElementById(\"handle\")}set handle(t){this.dragByHandle=\"false\"!==t.toString().toLowerCase()}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(t){const e=parseFloat(t);e!==this.exposure&&(this.exposure=e,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(t){this.slideOnHover=\"false\"!==t.toString().toLowerCase(),this.removeEventListener(\"mousemove\",this.onMouseMove),this.slideOnHover&&this.addEventListener(\"mousemove\",this.onMouseMove)}get direction(){return this.slideDirection}set direction(t){this.slideDirection=t.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...r),r.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return[\"hover\",\"direction\"]}connectedCallback(){this.hasAttribute(\"tabindex\")||(this.tabIndex=0),this.addEventListener(\"dragstart\",(t=>(t.preventDefault(),!1))),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute(\"keyboard\")&&\"disabled\"===this.getAttribute(\"keyboard\")?\"disabled\":\"enabled\",this.addEventListener(\"keydown\",this.onKeyDown),this.addEventListener(\"keyup\",this.onKeyUp),this.addEventListener(\"focus\",this.onFocus),this.addEventListener(\"blur\",this.onBlur),this.addEventListener(\"touchstart\",this.onTouchStart,{passive:!0}),this.addEventListener(\"touchmove\",this.onTouchMove,{passive:!1}),this.addEventListener(\"touchend\",this.onTouchEnd),this.addEventListener(\"mousedown\",this.onMouseDown),this.handle=this.hasAttribute(\"handle\")?this.getAttribute(\"handle\"):this.dragByHandle,this.hover=this.hasAttribute(\"hover\")?this.getAttribute(\"hover\"):this.slideOnHover,this.direction=this.hasAttribute(\"direction\")?this.getAttribute(\"direction\"):this.slideDirection,this.resetDimensions(),this.classList.contains(e)||this.classList.add(e)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(t,e,i){\"hover\"===t&&(this.hover=i),\"direction\"===t&&(this.direction=i),\"keyboard\"===t&&(this.keyboard=\"disabled\"===i?\"disabled\":\"enabled\")}setExposure(t=0){var e;this.exposure=(100,(e=this.exposure+t)<0?0:e>100?100:e),this.firstElement.style.setProperty(\"--exposure\",100-this.exposure+\"%\")}slide(t=0){this.setExposure(t);const e=new Event(\"slide\");this.dispatchEvent(e)}slideToPage(t){\"horizontal\"===this.slideDirection&&this.slideToPageX(t.x),\"vertical\"===this.slideDirection&&this.slideToPageY(t.y)}slideToPageX(t){const e=t-this.getBoundingClientRect().left-window.scrollX;this.exposure=e/this.imageWidth*100,this.slide(0)}slideToPageY(t){const e=t-this.getBoundingClientRect().top-window.scrollY;this.exposure=e/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty(\"--transition-time\",\"100ms\"),this.transitionTimer=window.setTimeout((()=>{this.firstElement.style.setProperty(\"--transition-time\",\"var(--default-transition-time)\"),this.transitionTimer=null}),100)}startSlideAnimation(){let t=null,e=this.animationDirection;this.firstElement.style.setProperty(\"--transition-time\",\"var(--keyboard-transition-time)\");const i=s=>{if(0===this.animationDirection||e!==this.animationDirection)return;null===t&&(t=s);const o=(s-t)/16.666666666666668*this.animationDirection;this.slide(o),setTimeout((()=>window.requestAnimationFrame(i)),0),t=s};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty(\"--transition-time\",\"var(--default-transition-time)\")}}\"undefined\"!=typeof window&&window.customElements.define(\"img-comparison-slider\",d)})()})();\n//# sourceMappingURL=index.js.map","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))"],"names":["t","e","i","d","Z","n","s","o","push","id","exports","toString","this","map","concat","join","length","r","a","h","__esModule","default","Object","defineProperty","enumerable","get","prototype","hasOwnProperty","call","getBoundingClientRect","type","clientX","clientY","touches","x","width","y","height","document","createElement","innerHTML","ArrowLeft","ArrowRight","pageX","pageY","HTMLElement","constructor","super","exposure","hasAttribute","parseFloat","getAttribute","slideOnHover","slideDirection","keyboard","isMouseDown","animationDirection","isFocused","dragByHandle","onMouseMove","slideToPage","bodyUserSelectStyle","onMouseDown","handle","handleElement","preventDefault","window","addEventListener","onWindowMouseUp","enableTransition","focus","body","style","userSelect","removeEventListener","touchStartPoint","isTouchComparing","hasTouchMoved","onTouchStart","onTouchMove","Math","abs","onTouchEnd","onBlur","stopSlideAnimation","firstElement","classList","remove","onFocus","add","onKeyDown","key","startSlideAnimation","onKeyUp","resetDimensions","imageWidth","offsetWidth","imageHeight","offsetHeight","attachShadow","mode","setAttribute","appendChild","content","cloneNode","getElementById","toLowerCase","value","setExposure","hover","direction","slide","includes","observedAttributes","connectedCallback","tabIndex","ResizeObserver","observe","passive","contains","disconnectedCallback","transitionTimer","clearTimeout","attributeChangedCallback","setProperty","Event","dispatchEvent","slideToPageX","slideToPageY","left","scrollX","top","scrollY","setTimeout","requestAnimationFrame","customElements","define","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","module","__webpack_modules__","getter","definition","obj","prop"],"sourceRoot":""}
\ No newline at end of file