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

		@@ -1 +1 @@
1		-(()=>{var e={485:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)){if(r.length){var a=o.apply(null,r);a&&e.push(a)}}else if("object"===i){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var l in r)n.call(r,l)&&r[l]&&e.push(l)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},20:(e,t,r)=>{"use strict";var n=r(609),o=Symbol.for("react.element"),i=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,s={},d=null,c=null;for(n in void 0!==r&&(d=""+r),void 0!==t.key&&(d=""+t.key),void 0!==t.ref&&(c=t.ref),t)i.call(t,n)&&!l.hasOwnProperty(n)&&(s[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===s[n]&&(s[n]=t[n]);return{$$typeof:o,type:e,key:d,ref:c,props:s,_owner:a.current}}t.jsx=s,t.jsxs=s},848:(e,t,r)=>{"use strict";e.exports=r(20)},609:e=>{"use strict";e.exports=window.React}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";var e=r(609),t=r(848),n=(0,e.forwardRef)((({transition:e,...r},n)=>{let o={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:o,"data-rcs":"clip-item",ref:n})}));n.displayName="ContainerClip";var o=(0,e.forwardRef)((({children:e,disabled:r,portrait:n,position:o,transition:i},a)=>{let l={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:i?`${n?"top":"left"} ${i}`:void 0};return(0,t.jsx)("button",{ref:a,"aria-orientation":n?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,"data-rcs":"handle-container",disabled:r,role:"slider",style:l,children:e})}));o.displayName="ThisHandleContainer";var i,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}}),l=({className:e="__rcs-handle-root",disabled:r,buttonStyle:n,linesStyle:o,portrait:i,style:l,...s})=>{let d={display:"flex",flexDirection:i?"row":"column",placeItems:"center",height:"100%",cursor:r?"not-allowed":i?"ns-resize":"ew-resize",pointerEvents:"none",color:"#fff",...l},c={flexGrow:1,height:i?2:"100%",width:i?"100%":2,backgroundColor:"currentColor",pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...o},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:i?"rotate(90deg)":void 0,...n};return(0,t.jsxs)("div",{...s,"aria-label":s["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})]})},s=((i=s||{}).ARROW_LEFT="ArrowLeft",i.ARROW_RIGHT="ArrowRight",i.ARROW_UP="ArrowUp",i.ARROW_DOWN="ArrowDown",i),d=(t,r,n,o)=>{let i=(0,e.useRef)();(0,e.useEffect)((()=>{i.current=r}),[r]),(0,e.useEffect)((()=>{if(!n||!n.addEventListener)return;let e=e=>i.current&&i.current(e);return n.addEventListener(t,e,o),()=>{n.removeEventListener(t,e,o)}}),[t,n,o])},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:i,itemOne:a,itemTwo:f,onlyHandleDraggable:h=!1,onPositionChange:b,portrait:v=!1,position:g=50,boundsPadding:m=0,changePositionOnHover:w=!1,keyboardIncrement:y="5%",style:x,transition:E,...S},R)=>{let O=(0,e.useRef)(null),k=(0,e.useRef)(null),_=(0,e.useRef)(null),C=(0,e.useRef)(g),[j,A]=(0,e.useState)(!1),[L,N]=(0,e.useState)(!0),P=(0,e.useRef)(!1),[$,M]=(0,e.useState)(),z=(t=>{let r=(0,e.useRef)(t);return(0,e.useEffect)((()=>{r.current=t})),r.current})(g),D=(0,e.useCallback)((function({x:e,y:t,isOffset:r}){let n=O.current,o=_.current,i=k.current,{width:a,height:l,left:s,top:d}=n.getBoundingClientRect();if(0===a||0===l)return;let c=v?r?t-d-window.scrollY:t:r?e-s-window.scrollX:e,u=Math.min(Math.max(c/(v?l:a)*100,0),100),p=v?l/(n.offsetHeight||1):a/(n.offsetWidth||1),f=m*p/(v?l:a)*100,h=Math.min(Math.max(u,f*p),100-f*p);C.current=u,o.setAttribute("aria-valuenow",`${Math.round(C.current)}`),o.style.top=v?`${h}%`:"0",o.style.left=v?"0":`${h}%`,i.style.clipPath=v?`inset(${h}% 0 0 0)`:`inset(0 0 0 ${h}%)`,b&&b(C.current)}),[m,b,v]);(0,e.useEffect)((()=>{let{width:e,height:t}=O.current.getBoundingClientRect(),r=g===z?C.current:g;D({x:e/100*r,y:t/100*r})}),[m,g,v,z,D]);let W=(0,e.useCallback)((e=>{e.preventDefault(),!r&&0===e.button&&(D({isOffset:!0,x:e.pageX,y:e.pageY}),A(!0),N(!0))}),[r,D]),U=(0,e.useCallback)((function(e){D({isOffset:!0,x:e.pageX,y:e.pageY}),N(!1)}),[D]),H=(0,e.useCallback)((()=>{A(!1),N(!0)}),[]),I=(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]),B=(0,e.useCallback)((e=>{e.preventDefault(),_.current.focus()}),[]),T=(0,e.useCallback)((e=>{if(!Object.values(s).includes(e.key))return;e.preventDefault(),N(!0);let{top:t,left:r}=_.current.getBoundingClientRect(),{width:n,height:o}=O.current.getBoundingClientRect(),i="string"==typeof y?parseFloat(y):y/n*100,a=v?"ArrowLeft"===e.key||"ArrowDown"===e.key:"ArrowRight"===e.key||"ArrowUp"===e.key,l=Math.min(Math.max(a?C.current+i:C.current-i,0),100);D({x:v?r:n*l/100,y:v?o*l/100:t})}),[y,v,D]);(0,e.useEffect)((()=>{M(h?_.current:O.current)}),[h]),(0,e.useEffect)((()=>{let e=O.current,t=()=>{j||H()};return w&&(e.addEventListener("pointermove",U,u),e.addEventListener("pointerleave",t,u)),()=>{e.removeEventListener("pointermove",U),e.removeEventListener("pointerleave",t)}}),[w,U,H,j]),(0,e.useEffect)((()=>(j&&!P.current&&(window.addEventListener("pointermove",U,u),window.addEventListener("pointerup",H,u),P.current=!0),()=>{P.current&&(window.removeEventListener("pointermove",U),window.removeEventListener("pointerup",H),P.current=!1)})),[U,H,j]),(0,e.useImperativeHandle)(R,(()=>({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)(),o=(0,e.useCallback)((()=>{t.current&&n.current&&n.current.observe(t.current)}),[t]);c((()=>(n.current=new ResizeObserver((([e])=>r(e.contentRect))),o(),()=>{n.current&&n.current.disconnect()})),[r,o])})(O,I),d("keydown",T,_.current,p),d("click",B,_.current,p),d("pointerdown",W,$,p);let F=i||(0,t.jsx)(l,{disabled:r,portrait:v}),V=L?E:void 0,J={position:"relative",display:"flex",overflow:"hidden",cursor:j?v?"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)(o,{disabled:r,portrait:v,position:Math.round(C.current),ref:_,transition:V,children:F})]})}));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 v=r(485),g=r.n(v);const m=({comparisonOptions:t,sliderOptions:r,beforeImage:n,afterImage:o})=>(0,e.createElement)(f,{portrait:"horizontal"!==t?.slideMode,changePositionOnHover:"drag"!==t?.swipeMode,onlyHandleDraggable:t?.onlyHandleDraggable,disabled:t?.disableSliding,position:t?.initialPosition,itemOne:(0,e.createElement)("div",{className:g()("gutslider-before","gutslider-ba-item",`${r?.labelsVisibility}`)},r?.showLabels&&(0,e.createElement)("div",{className:g()("gutslider-label","before-label",`${"hover"===r?.labelsVisibility?r?.hoverAnimation:""}`,`${t?.slideMode}`,`${"horizontal"===t?.slideMode?r?.labelVPosition:r?.labelHPosition}`)},r?.beforeLabel),(0,e.createElement)(h,{src:n&&n.url,alt:n&&n.alt||"Before Slider Photo",className:`wp-image-${n&&n.id}`})),itemTwo:(0,e.createElement)("div",{className:g()("gutslider-after","gutslider-ba-item",`${r?.labelsVisibility}`)},r?.showLabels&&(0,e.createElement)("div",{className:g()("gutslider-label","after-label",`${"hover"===r?.labelsVisibility?r?.hoverAnimation:""}`,`${t?.slideMode}`,`${"horizontal"===t?.slideMode?r?.labelVPosition:r?.labelHPosition}`)},r?.afterLabel),(0,e.createElement)(h,{src:o&&o.url,alt:o&&o.alt||"After Slider Photo",className:`wp-image-${o&&o.id}`}))});document.addEventListener("DOMContentLoaded",(()=>{const t=document.querySelectorAll(".wp-block-gutsliders-before-after");t.length>0&&t.forEach((t=>{const r=t.querySelector(".gutslider-compare-block"),n=JSON.parse(r.dataset.beforeimage),o=JSON.parse(r.dataset.afterimage),i=JSON.parse(r.dataset.comparisonoptions),a=JSON.parse(r.dataset.slideroptions);(0,b.render)((0,e.createElement)(m,{comparisonOptions:i,sliderOptions:a,beforeImage:n,afterImage:o}),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()})();