← All changes | build/blocks/before-after/frontend.js +1 -1 3.1.0 → 3.2.0 View file →

		@@ -1 +1 @@
1		-(()=>{var e={485(e,t){var r;!function(){"use strict";var n={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)){if(r.length){var a=i.apply(null,r);a&&e.push(a)}}else if("object"===o){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],o=t[n++];r.o(e,i)?0===o&&n++:0===o?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:o})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.hasOwn(e,t),(()=>{"use strict";const e=window.React,t=window.ReactJSXRuntime;var n=(0,e.forwardRef)((({transition:e,...r},n)=>{let i={position:"absolute",top:0,left:0,width:"100%",height:"100%",transition:e?`clip-path ${e}`:void 0,userSelect:"none",willChange:"clip-path, transition",KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none"};return(0,t.jsx)("div",{...r,style:i,"data-rcs":"clip-item",ref:n})}));n.displayName="ContainerClip";var i=(0,e.forwardRef)((({children:e,disabled:r,portrait:n,position:i,transition:o},a)=>{let s={position:"absolute",top:0,width:n?"100%":void 0,height:n?void 0:"100%",background:"none",border:0,padding:0,pointerEvents:"all",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",outline:0,transform:n?"translate3d(0, -50% ,0)":"translate3d(-50%, 0, 0)",transition:o?`${n?"top":"left"} ${o}`:void 0};return(0,t.jsx)("button",{ref:a,"aria-orientation":n?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":i,"data-rcs":"handle-container",disabled:r,role:"slider",style:s,children:e})}));i.displayName="ThisHandleContainer";var o,a=({flip:e})=>(0,t.jsx)("div",{className:"__rcs-handle-arrow",style:{width:0,height:0,borderTop:"8px solid transparent",borderRight:"10px solid",borderBottom:"8px solid transparent",transform:e?"rotate(180deg)":void 0}}),s=({className:e="__rcs-handle-root",disabled:r,buttonStyle:n,linesStyle:i,portrait:o,style:s,...l})=>{let d={display:"flex",flexDirection:o?"row":"column",placeItems:"center",height:"100%",cursor:r?"not-allowed":o?"ns-resize":"ew-resize",pointerEvents:"none",color:"#fff",...s},c={flexGrow:1,height:o?2:"100%",width:o?"100%":2,backgroundColor:"currentColor",pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...i},u={display:"grid",gridAutoFlow:"column",gap:8,placeContent:"center",flexShrink:0,width:56,height:56,borderRadius:"50%",borderStyle:"solid",borderWidth:2,pointerEvents:"auto",backdropFilter:"blur(7px)",WebkitBackdropFilter:"blur(7px)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:o?"rotate(90deg)":void 0,...n};return(0,t.jsxs)("div",{...l,"aria-label":l["aria-label"]||"Drag to move",className:e,style:d,children:[(0,t.jsx)("div",{className:"__rcs-handle-line",style:c}),(0,t.jsxs)("div",{className:"__rcs-handle-button",style:u,children:[(0,t.jsx)(a,{}),(0,t.jsx)(a,{flip:!0})]}),(0,t.jsx)("div",{className:"__rcs-handle-line",style:c})]})},l=((o=l||{}).ARROW_LEFT="ArrowLeft",o.ARROW_RIGHT="ArrowRight",o.ARROW_UP="ArrowUp",o.ARROW_DOWN="ArrowDown",o),d=(t,r,n,i)=>{let o=(0,e.useRef)();(0,e.useEffect)((()=>{o.current=r}),[r]),(0,e.useEffect)((()=>{if(!n||!n.addEventListener)return;let e=e=>o.current&&o.current(e);return n.addEventListener(t,e,i),()=>{n.removeEventListener(t,e,i)}}),[t,n,i])},c=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?e.useLayoutEffect:e.useEffect,u={capture:!1,passive:!0},p={capture:!0,passive:!1},f=(0,e.forwardRef)((({disabled:r=!1,handle:o,itemOne:a,itemTwo:f,onlyHandleDraggable:h=!1,onPositionChange:b,portrait:g=!1,position:v=50,boundsPadding:m=0,changePositionOnHover:w=!1,keyboardIncrement:y="5%",style:x,transition:R,...S},j)=>{let O=(0,e.useRef)(null),k=(0,e.useRef)(null),E=(0,e.useRef)(null),C=(0,e.useRef)(v),[A,L]=(0,e.useState)(!1),[N,P]=(0,e.useState)(!0),M=(0,e.useRef)(!1),[$,_]=(0,e.useState)(),z=(t=>{let r=(0,e.useRef)(t);return(0,e.useEffect)((()=>{r.current=t})),r.current})(v),D=(0,e.useCallback)((function({x:e,y:t,isOffset:r}){let n=O.current,i=E.current,o=k.current,{width:a,height:s,left:l,top:d}=n.getBoundingClientRect();if(0===a||0===s)return;let c=g?r?t-d-window.scrollY:t:r?e-l-window.scrollX:e,u=Math.min(Math.max(c/(g?s:a)*100,0),100),p=g?s/(n.offsetHeight||1):a/(n.offsetWidth||1),f=m*p/(g?s:a)*100,h=Math.min(Math.max(u,f*p),100-f*p);C.current=u,i.setAttribute("aria-valuenow",`${Math.round(C.current)}`),i.style.top=g?`${h}%`:"0",i.style.left=g?"0":`${h}%`,o.style.clipPath=g?`inset(${h}% 0 0 0)`:`inset(0 0 0 ${h}%)`,b&&b(C.current)}),[m,b,g]);(0,e.useEffect)((()=>{let{width:e,height:t}=O.current.getBoundingClientRect(),r=v===z?C.current:v;D({x:e/100*r,y:t/100*r})}),[m,v,g,z,D]);let W=(0,e.useCallback)((e=>{e.preventDefault(),!r&&0===e.button&&(D({isOffset:!0,x:e.pageX,y:e.pageY}),L(!0),P(!0))}),[r,D]),H=(0,e.useCallback)((function(e){D({isOffset:!0,x:e.pageX,y:e.pageY}),P(!1)}),[D]),U=(0,e.useCallback)((()=>{L(!1),P(!0)}),[]),B=(0,e.useCallback)((({width:e,height:t})=>{let{width:r,height:n}=O.current.getBoundingClientRect();D({x:e/100*C.current*r/e,y:t/100*C.current*n/t})}),[D]),I=(0,e.useCallback)((e=>{e.preventDefault(),E.current.focus()}),[]),F=(0,e.useCallback)((e=>{if(!Object.values(l).includes(e.key))return;e.preventDefault(),P(!0);let{top:t,left:r}=E.current.getBoundingClientRect(),{width:n,height:i}=O.current.getBoundingClientRect(),o="string"==typeof y?parseFloat(y):y/n*100,a=g?"ArrowLeft"===e.key||"ArrowDown"===e.key:"ArrowRight"===e.key||"ArrowUp"===e.key,s=Math.min(Math.max(a?C.current+o:C.current-o,0),100);D({x:g?r:n*s/100,y:g?i*s/100:t})}),[y,g,D]);(0,e.useEffect)((()=>{_(h?E.current:O.current)}),[h]),(0,e.useEffect)((()=>{let e=O.current,t=()=>{A||U()};return w&&(e.addEventListener("pointermove",H,u),e.addEventListener("pointerleave",t,u)),()=>{e.removeEventListener("pointermove",H),e.removeEventListener("pointerleave",t)}}),[w,H,U,A]),(0,e.useEffect)((()=>(A&&!M.current&&(window.addEventListener("pointermove",H,u),window.addEventListener("pointerup",U,u),M.current=!0),()=>{M.current&&(window.removeEventListener("pointermove",H),window.removeEventListener("pointerup",U),M.current=!1)})),[H,U,A]),(0,e.useImperativeHandle)(j,(()=>({rootContainer:O.current,setPosition(e){let{width:t,height:r}=O.current.getBoundingClientRect();D({x:t/100*e,y:r/100*e})}})),[D]),((t,r)=>{let n=(0,e.useRef)(),i=(0,e.useCallback)((()=>{t.current&&n.current&&n.current.observe(t.current)}),[t]);c((()=>(n.current=new ResizeObserver((([e])=>r(e.contentRect))),i(),()=>{n.current&&n.current.disconnect()})),[r,i])})(O,B),d("keydown",F,E.current,p),d("click",I,E.current,p),d("pointerdown",W,$,p);let T=o||(0,t.jsx)(s,{disabled:r,portrait:g}),V=N?R:void 0,J={position:"relative",display:"flex",overflow:"hidden",cursor:A?g?"ns-resize":"ew-resize":void 0,touchAction:"none",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",...x};return(0,t.jsxs)("div",{...S,ref:O,style:J,"data-rcs":"root",children:[a,(0,t.jsx)(n,{ref:k,transition:V,children:f}),(0,t.jsx)(i,{disabled:r,portrait:g,position:Math.round(C.current),ref:E,transition:V,children:T})]})}));f.displayName="ReactCompareSlider";var h=({style:e,...r})=>{let n=(({boxSizing:e="border-box",objectFit:t="cover",objectPosition:r="center center",...n}={})=>({display:"block",width:"100%",height:"100%",maxWidth:"100%",boxSizing:e,objectFit:t,objectPosition:r,...n}))(e);return(0,t.jsx)("img",{...r,style:n,"data-rcs":"image"})};const b=window.wp.element;var g=r(485),v=r.n(g);const m=({comparisonOptions:e,sliderOptions:r,beforeImage:n,afterImage:i})=>(0,t.jsx)(f,{portrait:"horizontal"!==e?.slideMode,changePositionOnHover:"drag"!==e?.swipeMode,onlyHandleDraggable:e?.onlyHandleDraggable,disabled:e?.disableSliding,position:e?.initialPosition,itemOne:(0,t.jsxs)("div",{className:v()("gutslider-before","gutslider-ba-item",`${r?.labelsVisibility}`),children:[r?.showLabels&&(0,t.jsx)("div",{className:v()("gutslider-label","before-label",`${"hover"===r?.labelsVisibility?r?.hoverAnimation:""}`,`${e?.slideMode}`,`${"horizontal"===e?.slideMode?r?.labelVPosition:r?.labelHPosition}`),children:r?.beforeLabel}),(0,t.jsx)(h,{src:n&&n.url,alt:n&&n.alt||"Before Slider Photo",className:`wp-image-${n&&n.id}`})]}),itemTwo:(0,t.jsxs)("div",{className:v()("gutslider-after","gutslider-ba-item",`${r?.labelsVisibility}`),children:[r?.showLabels&&(0,t.jsx)("div",{className:v()("gutslider-label","after-label",`${"hover"===r?.labelsVisibility?r?.hoverAnimation:""}`,`${e?.slideMode}`,`${"horizontal"===e?.slideMode?r?.labelVPosition:r?.labelHPosition}`),children:r?.afterLabel}),(0,t.jsx)(h,{src:i&&i.url,alt:i&&i.alt||"After Slider Photo",className:`wp-image-${i&&i.id}`})]})});document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelectorAll(".wp-block-gutsliders-before-after");e.length>0&&e.forEach((e=>{const r=e.querySelector(".gutslider-compare-block"),n=JSON.parse(r.dataset.beforeimage),i=JSON.parse(r.dataset.afterimage),o=JSON.parse(r.dataset.comparisonoptions),a=JSON.parse(r.dataset.slideroptions);(0,b.render)((0,t.jsx)(m,{comparisonOptions:o,sliderOptions:a,beforeImage:n,afterImage:i}),r)}))}))})()})();
	1	+(()=>{"use strict";const e=()=>document.querySelectorAll(".wp-block-gutsliders-before-after").forEach((e=>{e.querySelectorAll(".gs-ba").forEach((e=>function(e,{live:t=!0,onChange:s}={}){const r=e?.querySelector(".gs-ba__handle");if(!e||!r)return()=>{};const n=e.ownerDocument,o=n.defaultView||window,a=["fade","toggle"].includes(e.dataset.compare)?e.dataset.compare:"slide",i="slide"===a&&"vertical"===e.dataset.orientation,l="slide"===a&&"hover"===e.dataset.mode,c="toggle"!==a&&"1"===e.dataset.handleOnly,u="toggle"!==a&&"1"===e.dataset.disabled,d=o.matchMedia?.("(prefers-reduced-motion: reduce)").matches,g=[],p=(e,t,s,r)=>{e.addEventListener(t,s,r),g.push((()=>e.removeEventListener(t,s,r)))},h=[[e.querySelector(".before-label"),"before"],[e.querySelector(".after-label"),"after"]].filter((([e])=>e)),b=()=>{if("slide"!==a||!h.length)return;const t=e.getBoundingClientRect();if(!t.width||!t.height)return;const s=i?t.height*f/100:t.width*f/100;h.forEach((([e,r])=>{const n=e.getBoundingClientRect(),o="before"===r?s<6+(i?n.bottom-t.top:n.right-t.left):s>(i?n.top-t.top:n.left-t.left)-6;e.classList.toggle("is-covered",o)}))};let f=50;const m=t=>{f=Math.min(100,Math.max(0,Number(t)||0)),e.style.setProperty("--gs-ba-pos",`${f}%`),e.style.setProperty("--gs-ba-o",String("fade"===a?f/100:1-f/100)),r.setAttribute("aria-valuenow",String(Math.round(f))),b()},v="toggle"===a?100:Number(e.dataset.position??50);m(v),e.gsCompare={set:m,get:()=>f};let w=null,y=!1;const E=()=>{w&&(o.cancelAnimationFrame(w),w=null)},L=()=>{y=!0,E(),e.classList.remove("is-autoplaying")},A=()=>s?.(Math.round(f));if("toggle"===a){const t=[...e.querySelectorAll(".gs-ba__toggle [data-show]")],s=e=>{m("after"===e?0:100),t.forEach((t=>t.setAttribute("aria-pressed",String(t.dataset.show===e))))};t.forEach((e=>p(e,"click",(()=>s(e.dataset.show))))),p(e,"click",(e=>{e.target.closest(".gs-ba__ui")||s(f>50?"after":"before")})),s("before")}const S=t=>{const s=e.getBoundingClientRect();return"fade"===a?(t.clientX-s.left-24)/Math.max(1,s.width-48)*100:i?(t.clientY-s.top)/s.height*100:(t.clientX-s.left)/s.width*100};let _=!1;const q=e=>{_&&m(S(e))},k=()=>{_&&(_=!1,e.classList.remove("is-dragging"),o.removeEventListener("pointermove",q),o.removeEventListener("pointerup",k),o.removeEventListener("pointercancel",k),A())};if(g.push(k),"toggle"===a||u||(p(c?r:e,"pointerdown",(t=>{0!==t.button||t.target.closest(".gs-ba__ui")||(L(),_=!0,e.classList.add("is-dragging"),m(S(t)),r.focus({preventScroll:!0}),o.addEventListener("pointermove",q),o.addEventListener("pointerup",k),o.addEventListener("pointercancel",k))})),l&&p(e,"pointermove",(e=>{_||"mouse"!==e.pointerType||e.target.closest(".gs-ba__ui")||(L(),m(S(e)))})),p(r,"keydown",(e=>{const t=i?["ArrowUp","ArrowLeft"]:["ArrowLeft","ArrowDown"],s={PageUp:f+10,PageDown:f-10,Home:0,End:100};let r=null;(i?["ArrowDown","ArrowRight"]:["ArrowRight","ArrowUp"]).includes(e.key)?r=f+5:t.includes(e.key)?r=f-5:e.key in s&&(r=s[e.key]),null!==r&&(e.preventDefault(),L(),m(r),A())}))),o.ResizeObserver){const t=new o.ResizeObserver((()=>b()));t.observe(e),g.push((()=>t.disconnect()))}const M=(e,t)=>{E();const s=o.performance.now(),r=n=>{const a=t?Math.min(1,(n-s)/t):n-s;e(a),w=!t||a<1?o.requestAnimationFrame(r):null};w=o.requestAnimationFrame(r)},I=t&&!d&&"slide"===a&&!u&&"1"===e.dataset.hint,C=t&&!d&&"toggle"!==a&&!u&&"1"===e.dataset.autoplay;if((I||C)&&o.IntersectionObserver){let t=!1;const s=new o.IntersectionObserver((([r])=>{if(y)s.disconnect();else if(r.isIntersecting){if(C){const t=f;e.classList.add("is-autoplaying"),M((e=>m(t+Math.sin(e/7e3*Math.PI*2)*Math.min(38,100-t,t))),0)}else if(!t){t=!0;const e=f;M((t=>m(e+14*Math.sin(t*Math.PI*2)*(1-.35*t))),1400),s.disconnect()}}else E()}),{threshold:.6});s.observe(e),g.push((()=>s.disconnect())),p(e,"pointerenter",(e=>"mouse"!==e.pointerType||!C||L()))}g.push(E);const O=[...e.querySelectorAll("video.gs-ba__video")];if(2===O.length){const[t,s]=O,r=e.querySelector(".gs-ba__play");let n=d;const a=()=>{Math.abs(s.currentTime-t.currentTime)>.15&&(s.currentTime=t.currentTime)},i=()=>O.forEach((e=>e.play().catch((()=>{})))),l=()=>O.forEach((e=>e.pause())),c=()=>{r?.setAttribute("aria-pressed",String(!t.paused)),r?.setAttribute("aria-label",t.paused?r.dataset.labelPlay:r.dataset.labelPause),e.classList.toggle("is-paused",t.paused)};if(p(t,"timeupdate",a),p(t,"seeked",a),p(t,"play",c),p(t,"pause",c),r&&p(r,"click",(()=>{n=!t.paused,n?l():i()})),d&&l(),o.IntersectionObserver){const t=new o.IntersectionObserver((([e])=>e.isIntersecting&&!n?i():l()),{threshold:.25});t.observe(e),g.push((()=>t.disconnect()))}c()}const P=e.querySelector(".gs-ba__fs");if(P){const t=!!e.requestFullscreen,s=()=>t?n.fullscreenElement===e:e.classList.contains("is-fullscreen"),r=()=>{const r=s();e.classList.toggle("is-fullscreen",r),P.setAttribute("aria-pressed",String(r)),P.setAttribute("aria-label",r?P.dataset.labelClose:P.dataset.labelOpen),n.documentElement.classList.toggle("gs-ba-has-fullscreen",r&&!t),b()};p(P,"click",(()=>{t?s()?n.exitFullscreen?.():e.requestFullscreen().catch((()=>{})):(e.classList.toggle("is-fullscreen"),r())})),t?p(n,"fullscreenchange",r):p(n,"keydown",(t=>{"Escape"===t.key&&s()&&(e.classList.remove("is-fullscreen"),r())}))}return p(e,"focusin",L),()=>{g.forEach((e=>e())),delete e.gsCompare}}(e))),(e=>{const t=e.querySelector(":scope > .gs-ba-carousel");if(!t||!window.Swiper)return;const s=[...e.querySelectorAll(":scope > .gs-ba-thumbs .gs-ba-thumbs__item")],r=new window.Swiper(t,{slidesPerView:1,spaceBetween:16,speed:500,allowTouchMove:!1,autoHeight:!t.querySelector(".gs-ba.has-ratio"),keyboard:{enabled:!0,onlyInViewport:!0},a11y:{enabled:!0},navigation:{prevEl:t.querySelector(".gs-ba-carousel__nav.is-prev"),nextEl:t.querySelector(".gs-ba-carousel__nav.is-next")}});s.forEach(((e,t)=>e.addEventListener("click",(()=>r.slideTo(t))))),r.on("slideChange",(()=>s.forEach(((e,t)=>{const s=t===r.activeIndex;e.classList.toggle("is-active",s),s?e.setAttribute("aria-current","true"):e.removeAttribute("aria-current")}))))})(e)}));"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()})();