← All changes | assets/build/blocks/image-comparison/view.js +2 -1 2.9.1 → 2.15.0 View file →

		@@ -1 +1,2 @@
1		-(()=>{var e={100:()=>{class e{constructor(e){this.slider=e,this.slider&&(this.sliderInput=this.slider.querySelector("[data-ablocks-slider-input]"),this.moveOnHover="true"===this.slider.getAttribute("data-ablocks-move-on-hover"),this.sliderOrientation=this.slider.getAttribute("data-ablocks-slider-orientation"),this.sliderInput&&this.sliderInput.addEventListener("input",(e=>{this.updateSliderPosition(e.target.value)})),this.moveOnHover&&this.slider.addEventListener("mousemove",(e=>{this.handleMouseMove(e)})))}updateSliderPosition(e){const t=this.slider.querySelector(".ablocks-image-comparison__before-image"),i=this.slider.querySelector(".ablocks-image-comparison__slider-line"),o=this.slider.querySelector(".ablocks-image-comparison__slider-icon");"horizontal"===this.sliderOrientation?(t.style.width=e+"%",i.style.left=e+"%",o.style.left=e+"%"):(t.style.height=e+"%",i.style.top=e+"%",o.style.top=e+"%")}handleMouseMove(e){const t=this.slider.getBoundingClientRect();let i;if("horizontal"===this.sliderOrientation){const o=e.clientX-t.left;i=Math.round(o/t.width*100)}else{const o=e.clientY-t.top;i=Math.round(o/t.height*100)}i=Math.max(0,Math.min(100,i)),this.sliderInput&&(this.sliderInput.value=i,this.updateSliderPosition(i))}}document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll("[data-ablocks-slider-container]").forEach((t=>new e(t)))}))}},t={};function i(o){var r=t[o];if(void 0!==r)return r.exports;var s=t[o]={exports:{}};return e[o](s,s.exports,i),s.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";var e=i(100),t=i.n(e);document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".ablocks-block--image-comparison").forEach((e=>{new(t())(e)}))}))})()})();
	1	+(()=>{"use strict";const e=class{constructor(e){this.slider=e,this.slider&&(this.sliderInput=this.slider.querySelector("[data-ablocks-slider-input]"),this.moveOnHover="true"===this.slider.getAttribute("data-ablocks-move-on-hover"),this.sliderOrientation=this.slider.getAttribute("data-ablocks-slider-orientation"),this.sliderInput&&this.sliderInput.addEventListener("input",e=>{this.updateSliderPosition(e.target.value)}),this.moveOnHover&&this.slider.addEventListener("mousemove",e=>{this.handleMouseMove(e)}))}updateSliderPosition(e){const t=this.slider.querySelector(".ablocks-image-comparison__before-image"),i=this.slider.querySelector(".ablocks-image-comparison__slider-line"),s=this.slider.querySelector(".ablocks-image-comparison__slider-icon");"horizontal"===this.sliderOrientation?(t.style.width=e+"%",i.style.left=e+"%",s.style.left=e+"%"):(t.style.height=e+"%",i.style.top=e+"%",s.style.top=e+"%")}handleMouseMove(e){const t=this.slider.getBoundingClientRect();let i
	2	+;if("horizontal"===this.sliderOrientation){const s=e.clientX-t.left;i=Math.round(s/t.width*100)}else{const s=e.clientY-t.top;i=Math.round(s/t.height*100)}i=Math.max(0,Math.min(100,i)),this.sliderInput&&(this.sliderInput.value=i,this.updateSliderPosition(i))}};document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("[data-ablocks-slider-container]").forEach(t=>{new e(t)})})})();