|
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)}()}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.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";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 k=(0,e.useRef)(null),E=(0,e.useRef)(null),O=(0,e.useRef)(null),C=(0,e.useRef)(v),[A,L]=(0,e.useState)(!1),[N,M]=(0,e.useState)(!0),P=(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=k.current,i=O.current,o=E.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}=k.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),M(!0))}),[r,D]),H=(0,e.useCallback)((function(e){D({isOffset:!0,x:e.pageX,y:e.pageY}),M(!1)}),[D]),U=(0,e.useCallback)((()=>{L(!1),M(!0)}),[]),B=(0,e.useCallback)((({width:e,height:t})=>{let{width:r,height:n}=k.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(),O.current.focus()}),[]),F=(0,e.useCallback)((e=>{if(!Object.values(l).includes(e.key))return;e.preventDefault(),M(!0);let{top:t,left:r}=O.current.getBoundingClientRect(),{width:n,height:i}=k.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?O.current:k.current)}),[h]),(0,e.useEffect)((()=>{let e=k.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&&!P.current&&(window.addEventListener("pointermove",H,u),window.addEventListener("pointerup",U,u),P.current=!0),()=>{P.current&&(window.removeEventListener("pointermove",H),window.removeEventListener("pointerup",U),P.current=!1)})),[H,U,A]),(0,e.useImperativeHandle)(j,(()=>({rootContainer:k.current,setPosition(e){let{width:t,height:r}=k.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])})(k,B),d("keydown",F,O.current,p),d("click",I,O.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:k,style:J,"data-rcs":"root",children:[a,(0,t.jsx)(n,{ref:E,transition:V,children:f}),(0,t.jsx)(i,{disabled:r,portrait:g,position:Math.round(C.current),ref:O,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
|
+(()=>{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)}))}))})()})(); |
