| @@ -1 +1,3 @@ | ||
| 1 | -(()=>{var e,t={451:(e,t,o)=>{"use strict";const r=window.wp.blocks,l=window.wp.i18n,a=[{label:(0,l.__)("Horizontal","photo-comparison"),value:"horizontal"},{label:(0,l.__)("Vertical","photo-comparison"),value:"vertical"}],n=[{label:(0,l.__)("Drag","photo-comparison"),value:"drag"},{label:(0,l.__)("Hover","photo-comparison"),value:"hover"}],i=((0,l.__)("Normal","photo-comparison"),(0,l.__)("Circle","photo-comparison"),[{label:(0,l.__)("Always","photo-comparison"),value:"always"},{label:(0,l.__)("Hover","photo-comparison"),value:"hover"}]),s=[{label:(0,l.__)("Fade","photo-comparison"),value:"icgb__fade"},{label:(0,l.__)("Zoom In","photo-comparison"),value:"icgb__zoom_in"},{label:(0,l.__)("Zoom Out","photo-comparison"),value:"icgb__zoom_out"},{label:(0,l.__)("Slide Down","photo-comparison"),value:"icgb__slide_down"},{label:(0,l.__)("Slide Up","photo-comparison"),value:"icgb__slide_up"},{label:(0,l.__)("Slide Left","photo-comparison"),value:"icgb__slide_left"},{label:(0,l.__)("Slide Right","photo-comparison"),value:"icgb__slide_right"}],c=[{label:(0,l.__)("Top","photo-comparison"),value:"icgbv__top"},{label:(0,l.__)("Center","photo-comparison"),value:"icgbv__center"},{label:(0,l.__)("Bottom","photo-comparison"),value:"icgbv__bottom"}],p=[{label:(0,l.__)("Left","photo-comparison"),value:"icgbh__left"},{label:(0,l.__)("Center","photo-comparison"),value:"icgbh__center"},{label:(0,l.__)("Right","photo-comparison"),value:"icgbh__right"}],d="height",b="blTypo",u="blBorder",g="blBorderRadius",m="blBoxShadow",h="blPadding",f="blMargin",x="alTypo",y="alBorder",w="alBorderRadius",v="alBoxShadow",C="alPadding",j="alMargin",S="capTypo",$="capMargin",_="capAlign",N="handleWidth",k="handleBoxShadow",B="cbBorder",A="cbBorderRadius",O="cbBoxShadow",R="cbWidth",M="cbHeight",{generateResBoxControlAttributes:L,generateBorderAttributes:T,generateTypographyAttributes:P,generateResRangeAttributes:E,generateAlignmentAttributes:H,generateBackgroundAttributes:I,generateBoxShadowAttributes:D}=window.gutSliderModules,V={uniqueId:{type:"string"},preview:{type:"boolean",default:!1},blockStyle:{type:"object"},beforeImage:{type:"object",default:{id:"",url:"",alt:""}},afterImage:{type:"object",default:{id:"",url:"",alt:""}},sliderOptions:{type:"object",default:{showLabels:!0,labelsVisibility:"always",hoverAnimation:"icgb__fade",labelVPosition:"icgbv__center",labelHPosition:"icgbh__center",beforeLabel:"Before",afterLabel:"After"}},comparisonOptions:{type:"object",default:{disableSliding:!1,onlyHandleDraggable:!1,slideMode:"horizontal",swipeMode:"drag",initialPosition:50}},showCaption:{type:"boolean",default:!1},sliderCaption:{type:"string"},captionTag:{type:"string",default:"span"},blColor:{type:"string"},blBg:{type:"string"},afColor:{type:"string"},alBg:{type:"string"},capColor:{type:"string"},cbBlur:{type:"number"},handleBg:{type:"string"},arrowColor:{type:"string"},cbBg:{type:"string"},...E({controlName:d}),...P({controlName:b}),...T({controlName:u}),...L({controlName:g}),...I({controlName:"blBg"}),...D({controlName:m}),...L({controlName:f}),...L({controlName:h}),...P({controlName:x}),...T({controlName:y}),...L({controlName:w}),...I({controlName:"alBg"}),...D({controlName:v}),...L({controlName:j}),...L({controlName:C}),...H({controlName:_}),...P({controlName:S}),...L({controlName:$}),...E({controlName:N}),...I({controlName:"handleBg"}),...D({controlName:k}),...T({controlName:B}),...L({controlName:A}),...I({controlName:"cbBg"}),...D({controlName:O}),...E({controlName:R}),...E({controlName:M})},z=JSON.parse('{"apiVersion":3,"name":"gutsliders/before-after","version":"0.1.0","title":"Before After","category":"slider-blocks","description":"Showcase Photos Comparison in different styles.","keywords":["image","photo comparison","compare images","image compare","image comparison","before after slider","before after"],"supports":{"html":false,"anchor":true},"example":{"attributes":{"preview":true},"viewportWidth":432},"textdomain":"slider-blocks","editorScript":["file:./index.js"],"editorStyle":["file:./index.css"],"style":["file:./style-index.css"],"viewScript":["file:./frontend.js"]}'),W=window.wp.blockEditor,U=window.wp.components,F=window.React,G=window.ReactJSXRuntime;var J=(0,F.forwardRef)((({transition:e,...t},o)=>{let r={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,G.jsx)("div",{...t,style:r,"data-rcs":"clip-item",ref:o})}));J.displayName="ContainerClip";var Z=(0,F.forwardRef)((({children:e,disabled:t,portrait:o,position:r,transition:l},a)=>{let n={position:"absolute",top:0,width:o?"100%":void 0,height:o?void 0:"100%",background:"none",border:0,padding:0,pointerEvents:"all",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",outline:0,transform:o?"translate3d(0, -50% ,0)":"translate3d(-50%, 0, 0)",transition:l?`${o?"top":"left"} ${l}`:void 0};return(0,G.jsx)("button",{ref:a,"aria-orientation":o?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":r,"data-rcs":"handle-container",disabled:t,role:"slider",style:n,children:e})}));Z.displayName="ThisHandleContainer";var q,X=({flip:e})=>(0,G.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}}),Y=({className:e="__rcs-handle-root",disabled:t,buttonStyle:o,linesStyle:r,portrait:l,style:a,...n})=>{let i={display:"flex",flexDirection:l?"row":"column",placeItems:"center",height:"100%",cursor:t?"not-allowed":l?"ns-resize":"ew-resize",pointerEvents:"none",color:"#fff",...a},s={flexGrow:1,height:l?2:"100%",width:l?"100%":2,backgroundColor:"currentColor",pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...r},c={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:l?"rotate(90deg)":void 0,...o};return(0,G.jsxs)("div",{...n,"aria-label":n["aria-label"]||"Drag to move",className:e,style:i,children:[(0,G.jsx)("div",{className:"__rcs-handle-line",style:s}),(0,G.jsxs)("div",{className:"__rcs-handle-button",style:c,children:[(0,G.jsx)(X,{}),(0,G.jsx)(X,{flip:!0})]}),(0,G.jsx)("div",{className:"__rcs-handle-line",style:s})]})},K=((q=K||{}).ARROW_LEFT="ArrowLeft",q.ARROW_RIGHT="ArrowRight",q.ARROW_UP="ArrowUp",q.ARROW_DOWN="ArrowDown",q),Q=(e,t,o,r)=>{let l=(0,F.useRef)();(0,F.useEffect)((()=>{l.current=t}),[t]),(0,F.useEffect)((()=>{if(!o||!o.addEventListener)return;let t=e=>l.current&&l.current(e);return o.addEventListener(e,t,r),()=>{o.removeEventListener(e,t,r)}}),[e,o,r])},ee=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?F.useLayoutEffect:F.useEffect,te={capture:!1,passive:!0},oe={capture:!0,passive:!1},re=(0,F.forwardRef)((({disabled:e=!1,handle:t,itemOne:o,itemTwo:r,onlyHandleDraggable:l=!1,onPositionChange:a,portrait:n=!1,position:i=50,boundsPadding:s=0,changePositionOnHover:c=!1,keyboardIncrement:p="5%",style:d,transition:b,...u},g)=>{let m=(0,F.useRef)(null),h=(0,F.useRef)(null),f=(0,F.useRef)(null),x=(0,F.useRef)(i),[y,w]=(0,F.useState)(!1),[v,C]=(0,F.useState)(!0),j=(0,F.useRef)(!1),[S,$]=(0,F.useState)(),_=(e=>{let t=(0,F.useRef)(e);return(0,F.useEffect)((()=>{t.current=e})),t.current})(i),N=(0,F.useCallback)((function({x:e,y:t,isOffset:o}){let r=m.current,l=f.current,i=h.current,{width:c,height:p,left:d,top:b}=r.getBoundingClientRect();if(0===c||0===p)return;let u=n?o?t-b-window.scrollY:t:o?e-d-window.scrollX:e,g=Math.min(Math.max(u/(n?p:c)*100,0),100),y=n?p/(r.offsetHeight||1):c/(r.offsetWidth||1),w=s*y/(n?p:c)*100,v=Math.min(Math.max(g,w*y),100-w*y);x.current=g,l.setAttribute("aria-valuenow",`${Math.round(x.current)}`),l.style.top=n?`${v}%`:"0",l.style.left=n?"0":`${v}%`,i.style.clipPath=n?`inset(${v}% 0 0 0)`:`inset(0 0 0 ${v}%)`,a&&a(x.current)}),[s,a,n]);(0,F.useEffect)((()=>{let{width:e,height:t}=m.current.getBoundingClientRect(),o=i===_?x.current:i;N({x:e/100*o,y:t/100*o})}),[s,i,n,_,N]);let k=(0,F.useCallback)((t=>{t.preventDefault(),!e&&0===t.button&&(N({isOffset:!0,x:t.pageX,y:t.pageY}),w(!0),C(!0))}),[e,N]),B=(0,F.useCallback)((function(e){N({isOffset:!0,x:e.pageX,y:e.pageY}),C(!1)}),[N]),A=(0,F.useCallback)((()=>{w(!1),C(!0)}),[]),O=(0,F.useCallback)((({width:e,height:t})=>{let{width:o,height:r}=m.current.getBoundingClientRect();N({x:e/100*x.current*o/e,y:t/100*x.current*r/t})}),[N]),R=(0,F.useCallback)((e=>{e.preventDefault(),f.current.focus()}),[]),M=(0,F.useCallback)((e=>{if(!Object.values(K).includes(e.key))return;e.preventDefault(),C(!0);let{top:t,left:o}=f.current.getBoundingClientRect(),{width:r,height:l}=m.current.getBoundingClientRect(),a="string"==typeof p?parseFloat(p):p/r*100,i=n?"ArrowLeft"===e.key||"ArrowDown"===e.key:"ArrowRight"===e.key||"ArrowUp"===e.key,s=Math.min(Math.max(i?x.current+a:x.current-a,0),100);N({x:n?o:r*s/100,y:n?l*s/100:t})}),[p,n,N]);(0,F.useEffect)((()=>{$(l?f.current:m.current)}),[l]),(0,F.useEffect)((()=>{let e=m.current,t=()=>{y||A()};return c&&(e.addEventListener("pointermove",B,te),e.addEventListener("pointerleave",t,te)),()=>{e.removeEventListener("pointermove",B),e.removeEventListener("pointerleave",t)}}),[c,B,A,y]),(0,F.useEffect)((()=>(y&&!j.current&&(window.addEventListener("pointermove",B,te),window.addEventListener("pointerup",A,te),j.current=!0),()=>{j.current&&(window.removeEventListener("pointermove",B),window.removeEventListener("pointerup",A),j.current=!1)})),[B,A,y]),(0,F.useImperativeHandle)(g,(()=>({rootContainer:m.current,setPosition(e){let{width:t,height:o}=m.current.getBoundingClientRect();N({x:t/100*e,y:o/100*e})}})),[N]),((e,t)=>{let o=(0,F.useRef)(),r=(0,F.useCallback)((()=>{e.current&&o.current&&o.current.observe(e.current)}),[e]);ee((()=>(o.current=new ResizeObserver((([e])=>t(e.contentRect))),r(),()=>{o.current&&o.current.disconnect()})),[t,r])})(m,O),Q("keydown",M,f.current,oe),Q("click",R,f.current,oe),Q("pointerdown",k,S,oe);let L=t||(0,G.jsx)(Y,{disabled:e,portrait:n}),T=v?b:void 0,P={position:"relative",display:"flex",overflow:"hidden",cursor:y?n?"ns-resize":"ew-resize":void 0,touchAction:"none",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",...d};return(0,G.jsxs)("div",{...u,ref:m,style:P,"data-rcs":"root",children:[o,(0,G.jsx)(J,{ref:h,transition:T,children:r}),(0,G.jsx)(Z,{disabled:e,portrait:n,position:Math.round(x.current),ref:f,transition:T,children:L})]})}));re.displayName="ReactCompareSlider";var le=({style:e,...t})=>{let o=(({boxSizing:e="border-box",objectFit:t="cover",objectPosition:o="center center",...r}={})=>({display:"block",width:"100%",height:"100%",maxWidth:"100%",boxSizing:e,objectFit:t,objectPosition:o,...r}))(e);return(0,G.jsx)("img",{...t,style:o,"data-rcs":"image"})};const{__}=wp.i18n,{InspectorControls:ae}=wp.blockEditor,{PanelBody:ne,TextControl:ie,TextareaControl:se,SelectControl:ce,ToggleControl:pe}=wp.components,{Fragment:de}=wp.element,{HeaderTabs:be,ResRangeControl:ue,SingleRangeControl:ge,ResBoxControl:me,ColorControl:he,AlignmentControl:fe,TypographyControl:xe,BorderControl:ye,BoxShadowControl:we,ButtonsGroupControl:ve,FooterNotice:Ce,ProLink:je}=window.gutSliderModules,{HEADING_TAGS:Se}=window.gutSliderModules.GlobalConstants,$e=({attributes:e,setAttributes:t})=>{const{sliderOptions:o,comparisonOptions:r,showCaption:l,sliderCaption:L,captionTag:T,blColor:P,afColor:E,capColor:H,cbBlur:I,arrowColor:D,blBg:z,alBg:W,handleBg:U,cbBg:F}=e,J={attributes:e,setAttributes:t,objAttributes:V};return(0,G.jsxs)(ae,{children:[(0,G.jsx)(be,{settingTabContent:(0,G.jsxs)(de,{children:[(0,G.jsxs)(ne,{title:__("General","photo-comparison"),initialOpen:!0,children:[(0,G.jsx)(pe,{label:__("Show Labels","photo-comparison"),checked:o?.showLabels,onChange:()=>{t({sliderOptions:{...o,showLabels:!o?.showLabels}})}}),(0,G.jsx)(pe,{label:__("Show Slider Caption","photo-comparison"),checked:l,onChange:()=>t({showCaption:!l})}),(0,G.jsx)(pe,{label:__("Disable Sliding Behavior","photo-comparison"),checked:r?.disableSliding,onChange:()=>t({comparisonOptions:{...r,disableSliding:!r?.disableSliding}})}),!r?.disableSliding&&(0,G.jsx)(pe,{label:__("Only Handle Draggable","photo-comparison"),checked:r?.onlyHandleDraggable,onChange:()=>t({comparisonOptions:{...r,onlyHandleDraggable:!r?.onlyHandleDraggable}})}),(0,G.jsx)(ge,{label:__("Initial Position","photo-comparison"),value:r?.initialPosition,onChange:e=>t({comparisonOptions:{...r,initialPosition:e}}),min:0,max:100,onClickReset:()=>t({comparisonOptions:{...r,initialPosition:50}})}),(0,G.jsx)(ve,{label:__("Slide Direction","photo-comparison"),value:r?.slideMode,onChange:e=>t({comparisonOptions:{...r,slideMode:e}}),options:a}),!r?.disableSliding&&(0,G.jsx)(ve,{label:__("Swipe Mode","photo-comparison"),value:r?.swipeMode,onChange:e=>t({comparisonOptions:{...r,swipeMode:e}}),options:n})]}),o?.showLabels&&(0,G.jsxs)(ne,{title:__("Labels","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(ie,{label:__("Before Label","photo-comparison"),value:o?.beforeLabel,onChange:e=>t({sliderOptions:{...o,beforeLabel:e}}),placeholder:__("Before","photo-comparison")}),(0,G.jsx)(ie,{label:__("After Label","photo-comparison"),value:o?.afterLabel,onChange:e=>t({sliderOptions:{...o,afterLabel:e}}),placeholder:__("After","photo-comparison")}),"horizontal"===r?.slideMode&&(0,G.jsx)(ve,{label:__("Labels Position","photo-comparison"),value:o?.labelVPosition,onChange:e=>t({sliderOptions:{...o,labelVPosition:e}}),options:c}),"vertical"===r?.slideMode&&(0,G.jsx)(ve,{label:__("Labels Position","photo-comparison"),value:o?.labelHPosition,onChange:e=>t({sliderOptions:{...o,labelHPosition:e}}),options:p}),(0,G.jsx)(ve,{label:__("Labels Visible On","photo-comparison"),value:o?.labelsVisibility,onChange:e=>t({sliderOptions:{...o,labelsVisibility:e}}),options:i}),"hover"===o?.labelsVisibility&&(0,G.jsx)(ce,{label:__("Animation","photo-comparison"),value:o?.hoverAnimation,options:s,onChange:e=>t({sliderOptions:{...o,hoverAnimation:e}})})]}),l&&(0,G.jsxs)(ne,{title:__("Caption","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(se,{label:__("Text","photo-comparison"),value:L,onChange:e=>t({sliderCaption:e}),placeholder:__("Enter caption here","photo-comparison")}),(0,G.jsx)(ce,{label:__("Select Tag","photo-comparison"),value:T,options:Se,onChange:e=>t({captionTag:e})}),(0,G.jsx)(fe,{label:__("Alignment","photo-comparison"),controlName:_,objAttrs:J})]})]}),designTabContent:(0,G.jsxs)(de,{children:[(0,G.jsx)(ne,{title:__("Container","photo-comparison"),initialOpen:!0,children:(0,G.jsx)(ue,{label:__("Height","photo-comparison"),objAttrs:J,controlName:d,min:100,max:1e3})}),(0,G.jsxs)(ne,{title:__("Before Label","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(he,{label:__("Color","photo-comparison"),color:P,onChange:e=>t({blColor:e})}),(0,G.jsx)(xe,{label:__("Typography","photo-comparison"),objAttrs:J,controlName:b}),(0,G.jsx)(ye,{objAttrs:J,controlName:u,noHover:!0}),(0,G.jsx)(me,{label:__("Border Radius","photo-comparison"),objAttrs:J,controlName:g}),(0,G.jsx)(me,{label:__("Margin","photo-comparison"),objAttrs:J,controlName:f}),(0,G.jsx)(me,{label:__("Padding","photo-comparison"),objAttrs:J,controlName:h}),(0,G.jsx)(we,{label:__("Box Shadow","photo-comparison"),objAttrs:J,controlName:m}),(0,G.jsx)(he,{label:__("Background Color","photo-comparison"),color:z,onChange:e=>t({blBg:e})})]}),(0,G.jsxs)(ne,{title:__("After Label","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(he,{label:__("Color","photo-comparison"),color:E,onChange:e=>t({afColor:e})}),(0,G.jsx)(xe,{label:__("Typography","photo-comparison"),objAttrs:J,controlName:x}),(0,G.jsx)(ye,{objAttrs:J,controlName:y,noHover:!0}),(0,G.jsx)(me,{label:__("Border Radius","photo-comparison"),objAttrs:J,controlName:w}),(0,G.jsx)(me,{label:__("Margin","photo-comparison"),objAttrs:J,controlName:j}),(0,G.jsx)(me,{label:__("Padding","photo-comparison"),objAttrs:J,controlName:C}),(0,G.jsx)(we,{label:__("Box Shadow","photo-comparison"),objAttrs:J,controlName:v}),(0,G.jsx)(he,{label:__("Background Color","photo-comparison"),color:W,onChange:e=>t({alBg:e})})]}),l&&(0,G.jsxs)(ne,{title:__("Caption","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(he,{label:__("Color","photo-comparison"),color:H,onChange:e=>t({capColor:e})}),(0,G.jsx)(xe,{label:__("Typography","photo-comparison"),objAttrs:J,controlName:S}),(0,G.jsx)(me,{label:__("Margin","photo-comparison"),objAttrs:J,controlName:$})]}),(0,G.jsxs)(ne,{title:__("Control Line","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(ue,{label:__("Thickness","photo-comparison"),objAttrs:J,controlName:N}),(0,G.jsx)(we,{label:__("Box Shadow","photo-comparison"),objAttrs:J,controlName:k}),(0,G.jsx)(he,{label:__("Background Color","photo-comparison"),color:U,onChange:e=>t({handleBg:e})})]}),(0,G.jsxs)(ne,{title:__("Control Button","photo-comparison"),initialOpen:!1,children:[(0,G.jsx)(he,{label:__("Arrow Color","photo-comparison"),color:D,onChange:e=>t({arrowColor:e})}),(0,G.jsx)(ge,{label:__("Blur","photo-comparison"),value:I,onChange:e=>t({cbBlur:e}),min:1,max:20,onClickReset:()=>t({cbBlur:""})}),(0,G.jsx)(ue,{label:__("Width","photo-comparison"),objAttrs:J,controlName:R}),(0,G.jsx)(ue,{label:__("Height","photo-comparison"),objAttrs:J,controlName:M}),(0,G.jsx)(ye,{objAttrs:J,controlName:B,noHover:!0}),(0,G.jsx)(me,{label:__("Border Radius","photo-comparison"),objAttrs:J,controlName:A}),(0,G.jsx)(we,{label:__("Box Shadow","photo-comparison"),objAttrs:J,controlName:O}),(0,G.jsx)(he,{label:__("Background Color","photo-comparison"),color:F,onChange:e=>t({cbBg:e})})]})]})}),(0,G.jsx)(je,{message:__("GutSlider Pro","slider-blocks")}),(0,G.jsx)(Ce,{})]})};var _e=o(485),Ne=o.n(_e);const{useEffect:ke}=wp.element,{softMinifyCssStrings:Be}=window.gutSliderModules.Helper,{generateRangeStyles:Ae,generateBorderStyles:Oe,generateResBoxStyles:Re,generateTypographyStyles:Me,generateBoxShadowStyles:Le,generateAlignmentStyles:Te}=window.gutSliderModules,Pe=e=>{const{attributes:t,setAttributes:o}=e,{uniqueId:r,blockStyle:l,blColor:a,afColor:n,capColor:i,cbBlur:s,arrowColor:c,blBg:p,alBg:L,handleBg:T,cbBg:P}=t,{deskStyle:E,tabStyke:H,mobStyle:I}=Ae({controlName:d,attributes:t,propertyName:"height"}),{desktopStyles:D,tabletStyles:V,mobileStyles:z}=Oe({controlName:u,attributes:t}),{desktopStyles:W,tabletStyles:U,mobileStyles:F}=Me({controlName:b,attributes:t}),{boxDeskStyles:J,boxTabStyles:Z,boxMobStyles:q}=Re({controlName:g,attributes:t,propertyName:"border-radius",forRadius:!0}),{boxDeskStyles:X,boxTabStyles:Y,boxMobStyles:K}=Re({controlName:h,attributes:t,propertyName:"padding"}),{boxDeskStyles:Q,boxTabStyles:ee,boxMobStyles:te}=Re({controlName:f,attributes:t,propertyName:"margin"}),{boxShadowStyles:oe}=Le({controlName:m,attributes:t}),{desktopStyles:re,tabletStyles:le,mobileStyles:ae}=Oe({controlName:y,attributes:t}),{desktopStyles:ne,tabletStyles:ie,mobileStyles:se}=Me({controlName:x,attributes:t}),{boxDeskStyles:ce,boxTabStyles:pe,boxMobStyles:de}=Re({controlName:w,attributes:t,propertyName:"border-radius",forRadius:!0}),{boxDeskStyles:be,boxTabStyles:ue,boxMobStyles:ge}=Re({controlName:C,attributes:t,propertyName:"padding"}),{boxDeskStyles:me,boxTabStyles:he,boxMobStyles:fe}=Re({controlName:j,attributes:t,propertyName:"margin"}),{boxShadowStyles:xe}=Le({controlName:v,attributes:t}),{deskAlign:ye,tabAlign:we,mobAlign:ve}=Te({controlName:_,attributes:t,propertyName:"text-align"}),{desktopStyles:Ce,tabletStyles:je,mobileStyles:Se}=Me({controlName:S,attributes:t}),{boxDeskStyles:$e,boxTabStyles:_e,boxMobStyles:Ne}=Re({controlName:$,attributes:t,propertyName:"margin"}),{deskStyle:Pe,tabStyke:Ee,mobStyle:He}=Ae({controlName:N,attributes:t,propertyName:"width"}),{boxShadowStyles:Ie}=Le({controlName:k,attributes:t}),{desktopStyles:De,tabletStyles:Ve,mobileStyles:ze}=Oe({controlName:B,attributes:t}),{boxDeskStyles:We,boxTabStyles:Ue,boxMobStyles:Fe}=Re({controlName:A,attributes:t,propertyName:"border-radius",forRadius:!0}),{boxShadowStyles:Ge}=Le({controlName:O,attributes:t}),{deskStyle:Je,tabStyke:Ze,mobStyle:qe}=Ae({controlName:R,attributes:t,propertyName:"width"}),{deskStyle:Xe,tabStyke:Ye,mobStyle:Ke}=Ae({controlName:M,attributes:t,propertyName:"height"}),Qe=`\n ${E?`.wp-block-gutsliders-before-after.${r} .gutslider-ba-item {\n ${E}\n }`:""}\n\t\t${a||D||W||J||X||Q||oe||p?`.wp-block-gutsliders-before-after.${r} .before-label {\n\t\t\t\t\t${a?`color: ${a};`:""}\n\t\t\t\t\t${p?`background: ${p};`:""}\n\t\t\t\t\t${D}\n\t\t\t\t\t${W}\n\t\t\t\t\t${J}\n\t\t\t\t\t${X}\n\t\t\t\t\t${Q}\n\t\t\t\t\t${oe}\n\t\t\t\t}`:""}\n\t\t${n||re||ne||ce||be||me||xe||L?`.wp-block-gutsliders-before-after.${r} .after-label {\n\t\t\t\t\t${n?`color: ${n};`:""}\n\t\t\t\t\t${L?`background: ${L};`:""}\n\t\t\t\t\t${re}\n\t\t\t\t\t${ne}\n\t\t\t\t\t${ce}\n\t\t\t\t\t${be}\n\t\t\t\t\t${me}\n\t\t\t\t\t${xe}\n\t\t\t\t}`:""}\n ${i||Ce?`.wp-block-gutsliders-before-after.${r} .gutslider-caption-text {\n ${i?`color: ${i};`:""}\n ${Ce}\n }`:""}\n ${$e||ye?`.wp-block-gutsliders-before-after.${r} .gutslider-caption {\n ${ye}\n ${$e}\n }`:""}\n ${c?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-arrow {\n border-right-color: ${c} !important;\n }`:""}\n ${Pe||T||Ie?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-line {\n ${Pe.replace(/;/g," !important;")}\n ${T?`background: ${T} !important;`:""}\n ${Ie.replace(/;/g," !important;")}\n }`:""} \n\t\t${s||De||We||P||Ge||Je||Xe?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-button {\n ${s?`backdrop-filter: blur(${s}px) !important;`:""}\n ${P?`background: ${P} !important;`:""}\n ${De.replace(/;/g," !important;")}\n ${We.replace(/;/g," !important;")}\n ${Ge.replace(/;/g," !important;")}\n ${Je.replace(/;/g," !important;")}\n ${Xe.replace(/;/g," !important;")}\n }`:""}\n\t`,et=`\n ${H?`.wp-block-gutsliders-before-after.${r} .gutslider-ba-item {\n ${H}\n }`:""}\n\t\t${V||U||Z||Y||ee?`.wp-block-gutsliders-before-after.${r} .before-label {\n\t\t\t\t\t${V}\n\t\t\t\t\t${U}\n\t\t\t\t\t${Z}\n\t\t\t\t\t${Y}\n\t\t\t\t\t${ee}\n\t\t\t\t}`:""}\n\t\t${le||ie||pe||ue||he?`.wp-block-gutsliders-before-after.${r} .after-label {\n\t\t\t\t\t${le}\n\t\t\t\t\t${ie}\n\t\t\t\t\t${pe}\n\t\t\t\t\t${ue}\n\t\t\t\t\t${he}\n\t\t\t\t}`:""}\n ${je?`.wp-block-gutsliders-before-after.${r} .gutslider-caption-text {\n ${je}\n }`:""}\n ${_e||we?`.wp-block-gutsliders-before-after.${r} .gutslider-caption {\n ${we}\n ${_e}\n }`:""}\n ${Ee?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-line {\n ${Ee.replace(/;/g," !important;")}\n }`:""}\n ${Ve||Ue||Ze||Ye?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-button {\n ${Ve.replace(/;/g," !important;")}\n ${Ue.replace(/;/g," !important;")}\n ${Ze.replace(/;/g," !important;")}\n ${Ye.replace(/;/g," !important;")}\n }`:""}\n\t`,tt=`\n ${I?`.wp-block-gutsliders-before-after.${r} .gutslider-ba-item {\n ${I}\n }`:""}\n\t\t${z||F||q||K||te?`.wp-block-gutsliders-before-after.${r} .before-label {\n\t\t\t\t\t${z}\n\t\t\t\t\t${F}\n\t\t\t\t\t${q}\n\t\t\t\t\t${K}\n\t\t\t\t\t${te}\n\t\t\t\t}`:""}\n\t\t${ae||se||de||ge||fe?`.wp-block-gutsliders-before-after.${r} .after-label {\n\t\t\t\t\t${ae}\n\t\t\t\t\t${se}\n\t\t\t\t\t${de}\n\t\t\t\t\t${ge}\n\t\t\t\t\t${fe}\n\t\t\t\t}`:""}\n ${Se?`.wp-block-gutsliders-before-after.${r} .gutslider-caption-text {\n ${Se}\n }`:""}\n ${Ne||ve?`.wp-block-gutsliders-before-after.${r} .gutslider-caption {\n ${ve}\n ${Ne}\n }`:""}\n ${He?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-line {\n ${He.replace(/;/g," !important;")}\n }`:""}\n ${ze||Fe||qe||Ke?`.wp-block-gutsliders-before-after.${r} .__rcs-handle-button {\n ${ze.replace(/;/g," !important;")}\n ${Fe.replace(/;/g," !important;")}\n ${qe.replace(/;/g," !important;")}\n ${Ke.replace(/;/g," !important;")}\n }`:""}\n\t`,ot=`\n ${Qe.replace(/\s/g,"").length>0?`${Qe}`:""}\n ${et.replace(/\s/g,"").length>0?`@media (max-width: 1024px) {\n ${et}\n }`:""}\n ${tt.replace(/\s/g,"").length>0?`@media (max-width: 767px) {\n ${tt}\n }`:""}\n `;return ke((()=>{JSON.stringify(l)!==JSON.stringify(ot)&&o({blockStyle:ot})}),[t]),(0,G.jsx)("style",{children:`${Be(ot)}`})},{Fragment:Ee,useEffect:He}=wp.element,{__:Ie}=wp.i18n,{SidebarOpener:De}=window.gutSliderModules;(0,r.registerBlockType)(z,{icon:{src:(0,G.jsxs)("svg",{width:22,height:21,viewBox:"0 0 22 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,G.jsx)("rect",{x:"0.5",y:"0.5",width:21,height:17,rx:"1.5",fill:"white",stroke:"#5a17e6"}),(0,G.jsx)("circle",{cx:"9.75",cy:"19.75",r:"0.75",fill:"#5a17e6"}),(0,G.jsx)("circle",{cx:"11.75",cy:"19.75",r:"0.75",fill:"#5a17e6"}),(0,G.jsx)("circle",{cx:"13.75",cy:"19.75",r:"0.75",fill:"#5a17e6"}),(0,G.jsx)("line",{x1:"10.5",y1:4,x2:"10.5",y2:14,stroke:"#5a17e6"}),(0,G.jsx)("path",{d:"M16.1328 4H5.82031C5.60275 4 5.3941 4.08643 5.24026 4.24026C5.08643 4.3941 5 4.60275 5 4.82031V13.2578C5 13.4754 5.08643 13.684 5.24026 13.8379C5.3941 13.9917 5.60275 14.0781 5.82031 14.0781H16.1328C16.3504 14.0781 16.559 13.9917 16.7129 13.8379C16.8667 13.684 16.9531 13.4754 16.9531 13.2578V4.82031C16.9531 4.60275 16.8667 4.3941 16.7129 4.24026C16.559 4.08643 16.3504 4 16.1328 4ZM5.82031 4.70312H16.1328C16.1639 4.70312 16.1937 4.71547 16.2157 4.73745C16.2377 4.75943 16.25 4.78923 16.25 4.82031V11.1232L14.5232 9.39648C14.4471 9.3203 14.3566 9.25987 14.2571 9.21864C14.1576 9.17741 14.0509 9.15619 13.9432 9.15619C13.8354 9.15619 13.7288 9.17741 13.6292 9.21864C13.5297 9.25987 13.4393 9.3203 13.3631 9.39648L12.108 10.6516L9.44727 7.99023C9.37109 7.91405 9.28066 7.85362 9.18113 7.81239C9.0816 7.77116 8.97492 7.74994 8.86719 7.74994C8.75946 7.74994 8.65278 7.77116 8.55325 7.81239C8.45372 7.85362 8.36328 7.91405 8.28711 7.99023L5.70312 10.5742V4.82031C5.70312 4.78923 5.71547 4.75943 5.73745 4.73745C5.75943 4.71547 5.78923 4.70312 5.82031 4.70312ZM5.70312 13.2578V11.5686L8.78398 8.4877C8.79488 8.47671 8.80784 8.46799 8.82212 8.46204C8.8364 8.45609 8.85172 8.45303 8.86719 8.45303C8.88266 8.45303 8.89797 8.45609 8.91225 8.46204C8.92654 8.46799 8.9395 8.47671 8.95039 8.4877L13.8377 13.375H5.82031C5.78923 13.375 5.75943 13.3627 5.73745 13.3407C5.71547 13.3187 5.70312 13.2889 5.70312 13.2578ZM16.1328 13.375H14.832L12.6055 11.1484L13.86 9.89336C13.8708 9.88246 13.8838 9.87382 13.898 9.86792C13.9122 9.86202 13.9275 9.85899 13.9429 9.85899C13.9583 9.85899 13.9735 9.86202 13.9877 9.86792C14.002 9.87382 14.0149 9.88246 14.0258 9.89336L16.2523 12.1199V13.2578C16.2523 13.2734 16.2492 13.2888 16.2432 13.3032C16.2372 13.3176 16.2283 13.3306 16.2172 13.3415C16.2061 13.3524 16.1929 13.361 16.1784 13.3668C16.1639 13.3725 16.1484 13.3753 16.1328 13.375ZM12.0312 7.39844C12.0312 7.28255 12.0656 7.16927 12.13 7.07291C12.1944 6.97655 12.2859 6.90145 12.393 6.8571C12.5 6.81275 12.6178 6.80115 12.7315 6.82376C12.8452 6.84637 12.9496 6.90217 13.0315 6.98412C13.1135 7.06606 13.1693 7.17047 13.1919 7.28413C13.2145 7.39779 13.2029 7.5156 13.1585 7.62267C13.1142 7.72973 13.0391 7.82124 12.9427 7.88563C12.8464 7.95001 12.7331 7.98438 12.6172 7.98438C12.4618 7.98438 12.3128 7.92264 12.2029 7.81276C12.093 7.70287 12.0312 7.55384 12.0312 7.39844Z",fill:"#5a17e6"})]})},attributes:V,edit:function(e){const{attributes:t,setAttributes:o,clientId:r}=e,{uniqueId:l,preview:a,beforeImage:n,afterImage:i,sliderOptions:s,comparisonOptions:c,showCaption:p,sliderCaption:d,captionTag:b}=t;if(He((()=>{o({uniqueId:"gutslider-"+r.slice(0,8)})}),[]),a)return(0,G.jsx)("div",{className:"gutslider-preview",children:(0,G.jsx)("img",{src:gutslider_preview.before_after,alt:"before after slider preview"})});const u=(0,W.useBlockProps)({className:Ne()(l,`${s?.labelsVisibility}`)});return(0,G.jsxs)(Ee,{children:[(0,G.jsx)($e,{attributes:t,setAttributes:o}),(0,G.jsx)(Pe,{...e}),(n&&n.id||i&&i.id)&&(0,G.jsxs)(W.BlockControls,{children:[n&&n.id&&(0,G.jsx)(U.ToolbarGroup,{children:(0,G.jsx)(W.MediaUpload,{onSelect:e=>{o({beforeImage:e})},type:"image",value:n&&n.id,render:({open:e})=>(0,G.jsx)(U.ToolbarButton,{className:"icgbp__upload_btn",onClick:e,icon:"edit",title:Ie("Edit Before Image","image-comparision-block")})})}),i&&i.id&&(0,G.jsx)(U.ToolbarGroup,{children:(0,G.jsx)(W.MediaUpload,{onSelect:e=>{o({afterImage:e})},type:"image",value:i&&i.id,render:({open:e})=>(0,G.jsx)(U.ToolbarButton,{className:"icgbp__upload_btn",onClick:e,icon:"edit",title:Ie("Edit After Image","image-comparision-block")})})})]}),(0,G.jsxs)("div",{...u,children:[(0,G.jsx)(De,{}),(0,G.jsx)("div",{className:"gutslider-compare-block",children:n&&n.url&&i&&i.url?(0,G.jsx)(re,{portrait:"horizontal"!==c?.slideMode,changePositionOnHover:"drag"!==c?.swipeMode,onlyHandleDraggable:c?.onlyHandleDraggable,disabled:c?.disableSliding,position:c?.initialPosition,itemOne:(0,G.jsxs)("div",{className:Ne()("gutslider-before","gutslider-ba-item",`${s?.labelsVisibility}`),children:[s?.showLabels&&(0,G.jsx)("div",{className:Ne()("gutslider-label","before-label",`${"hover"===s?.labelsVisibility?s?.hoverAnimation:""}`,`${c?.slideMode}`,`${"horizontal"===c?.slideMode?s?.labelVPosition:s?.labelHPosition}`),children:s?.beforeLabel}),(0,G.jsx)(le,{src:n&&n.url,alt:n&&n.alt||"Before Slider Photo"})]}),itemTwo:(0,G.jsxs)("div",{className:Ne()("gutslider-after","gutslider-ba-item",`${s?.labelsVisibility}`),children:[s?.showLabels&&(0,G.jsx)("div",{className:Ne()("gutslider-label","after-label",`${"hover"===s?.labelsVisibility?s?.hoverAnimation:""}`,`${c?.slideMode}`,`${"horizontal"===c?.slideMode?s?.labelVPosition:s?.labelHPosition}`),children:s?.afterLabel}),(0,G.jsx)(le,{src:i&&i.url,alt:i&&i.alt||"After Slider Photo"})]})}):(0,G.jsxs)("div",{className:"gutslider-compare-block--loaded",children:[(0,G.jsx)("div",{className:"gutslider-placeholder",children:n&&n.id?(0,G.jsx)("img",{src:n.url,alt:n.alt}):(0,G.jsx)(W.MediaUpload,{onSelect:e=>{o({beforeImage:{id:e.id,url:e.url,alt:e.alt}})},type:"image",value:n&&n.id,render:({open:e})=>(0,G.jsx)(U.Button,{className:"icgbp__upload_btn",onClick:e,children:Ie("Add Before Image","image-comparision-block")})})}),(0,G.jsx)("div",{className:"gutslider-placeholder",children:i&&i.id?(0,G.jsx)("img",{src:i.url,alt:i.alt}):(0,G.jsx)(W.MediaUpload,{onSelect:e=>{o({afterImage:{id:e.id,url:e.url,alt:e.alt}})},type:"image",value:i&&i.id,render:({open:e})=>(0,G.jsx)(U.Button,{className:"icgbp__upload_btn",onClick:e,children:Ie("Add After Image","image-comparision-block")})})})]})}),p&&(0,G.jsx)("figcaption",{className:"gutslider-caption",children:(0,G.jsx)(W.RichText,{tagName:b,className:"gutslider-caption-text",value:d,onChange:e=>o({sliderCaption:e}),placeholder:Ie("Enter caption here","image-comparision-block")})})]})]})},save:function({attributes:e}){const{uniqueId:t,sliderOptions:o,beforeImage:r,afterImage:l,showCaption:a,captionTag:n,sliderCaption:i,comparisonOptions:s}=e,c=W.useBlockProps.save({className:Ne()(t)});return(0,G.jsxs)("div",{...c,children:[(0,G.jsx)("div",{className:"gutslider-compare-block","data-beforeImage":JSON.stringify(r),"data-afterImage":JSON.stringify(l),"data-comparisonOptions":JSON.stringify(s),"data-sliderOptions":JSON.stringify(o)}),a&&(0,G.jsx)("figcaption",{className:"gutslider-caption",children:(0,G.jsx)(W.RichText.Content,{tagName:n,className:"gutslider-caption-text",value:i})})]})}})},485:(e,t)=>{var o;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var o=arguments[t];if(o){var a=typeof o;if("string"===a||"number"===a)e.push(o);else if(Array.isArray(o)){if(o.length){var n=l.apply(null,o);n&&e.push(n)}}else if("object"===a){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){e.push(o.toString());continue}for(var i in o)r.call(o,i)&&o[i]&&e.push(i)}}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(o=function(){return l}.apply(t,[]))||(e.exports=o)}()}},o={};function r(e){var l=o[e];if(void 0!==l)return l.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.m=t,e=[],r.O=(t,o,l,a)=>{if(!o){var n=1/0;for(p=0;p<e.length;p++){for(var[o,l,a]=e[p],i=!0,s=0;s<o.length;s++)(!1&a||n>=a)&&Object.keys(r.O).every((e=>r.O[e](o[s])))?o.splice(s--,1):(i=!1,a<n&&(n=a));if(i){e.splice(p--,1);var c=l();void 0!==c&&(t=c)}}return t}a=a||0;for(var p=e.length;p>0&&e[p-1][2]>a;p--)e[p]=e[p-1];e[p]=[o,l,a]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={725:0,985:0};r.O.j=t=>0===e[t];var t=(t,o)=>{var l,a,[n,i,s]=o,c=0;if(n.some((t=>0!==e[t]))){for(l in i)r.o(i,l)&&(r.m[l]=i[l]);if(s)var p=s(r)}for(t&&t(o);c<n.length;c++)a=n[c],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.O(p)},o=globalThis.webpackChunkgutenberg_boilerplate=globalThis.webpackChunkgutenberg_boilerplate||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var l=r.O(void 0,[985],(()=>r(451)));l=r.O(l)})(); | |
| 1 | +(()=>{var e={508(e,l,t){"use strict";const s=window.wp.blocks,o=window.wp.i18n,a=[{label:(0,o.__)("Horizontal","slider-blocks"),value:"horizontal"},{label:(0,o.__)("Vertical","slider-blocks"),value:"vertical"}],r=[{label:(0,o.__)("Drag","slider-blocks"),value:"drag"},{label:(0,o.__)("Hover","slider-blocks"),value:"hover"}],i=[{label:(0,o.__)("Always","slider-blocks"),value:"always"},{label:(0,o.__)("Hover","slider-blocks"),value:"hover"}],n=[{label:(0,o.__)("Fade","slider-blocks"),value:"icgb__fade"},{label:(0,o.__)("Zoom In","slider-blocks"),value:"icgb__zoom_in"},{label:(0,o.__)("Zoom Out","slider-blocks"),value:"icgb__zoom_out"},{label:(0,o.__)("Slide Down","slider-blocks"),value:"icgb__slide_down"},{label:(0,o.__)("Slide Up","slider-blocks"),value:"icgb__slide_up"},{label:(0,o.__)("Slide Left","slider-blocks"),value:"icgb__slide_left"},{label:(0,o.__)("Slide Right","slider-blocks"),value:"icgb__slide_right"}],d=[{label:(0,o.__)("Top","slider-blocks"),value:"icgbv__top"},{label:(0,o.__)("Center","slider-blocks"),value:"icgbv__center"},{label:(0,o.__)("Bottom","slider-blocks"),value:"icgbv__bottom"}],c=[{label:(0,o.__)("Left","slider-blocks"),value:"icgbh__left"},{label:(0,o.__)("Center","slider-blocks"),value:"icgbh__center"},{label:(0,o.__)("Right","slider-blocks"),value:"icgbh__right"}],b=[{label:(0,o.__)("Original","slider-blocks"),value:""},{label:"16:9",value:"16/9"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"1:1",value:"1/1"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"21:9",value:"21/9"}],p=[{label:(0,o.__)("Large","slider-blocks"),value:"large"},{label:(0,o.__)("Full","slider-blocks"),value:"full"}],g=[{label:(0,o.__)("Circle with arrows","slider-blocks"),value:"circle"},{label:(0,o.__)("Arrows only","slider-blocks"),value:"arrows"},{label:(0,o.__)("Line only","slider-blocks"),value:"line"},{label:(0,o.__)("Pill with text","slider-blocks"),value:"pill"},{label:(0,o.__)("Icon","slider-blocks"),value:"icon"}],u=[{label:(0,o.__)("Slide","slider-blocks"),value:"slide"},{label:(0,o.__)("Fade","slider-blocks"),value:"fade"},{label:(0,o.__)("Toggle","slider-blocks"),value:"toggle"}],h=[{label:(0,o.__)("Images","slider-blocks"),value:"image"},{label:(0,o.__)("Videos","slider-blocks"),value:"video"}],m=[{label:(0,o.__)("Bottom left","slider-blocks"),value:"bottom-left"},{label:(0,o.__)("Bottom center","slider-blocks"),value:"bottom-center"},{label:(0,o.__)("Bottom right","slider-blocks"),value:"bottom-right"},{label:(0,o.__)("Top left","slider-blocks"),value:"top-left"}],f="blBorder",_="blBorderRadius",x="blBoxShadow",k="blPadding",v="blMargin",y="alBorder",j="alBorderRadius",w="alBoxShadow",S="alPadding",N="alMargin",C="capTypo",$="capMargin",A="capAlign",B="handleWidth",T="handleBoxShadow",O="cbBorder",M="cbBorderRadius",P="cbBoxShadow",L="cbWidth",I="cbHeight",{generateResBoxControlAttributes:R,generateBorderAttributes:H,generateTypographyAttributes:D,generateResRangeAttributes:E,generateAlignmentAttributes:V,generateBoxShadowAttributes:z}=window.gutSliderModules,F={uniqueId:{type:"string"},preview:{type:"boolean",default:!1},blockStyle:{type:"string"},patternMode:{type:"boolean",default:!0},openModal:{type:"boolean",default:!1},beforeImage:{type:"object",default:{id:"",url:"",alt:""}},afterImage:{type:"object",default:{id:"",url:"",alt:""}},sliderOptions:{type:"object",default:{showLabels:!0,labelsVisibility:"always",hoverAnimation:"icgb__fade",labelVPosition:"icgbv__center",labelHPosition:"icgbh__center",beforeLabel:"Before",afterLabel:"After"}},comparisonOptions:{type:"object",default:{disableSliding:!1,onlyHandleDraggable:!1,slideMode:"horizontal",swipeMode:"drag",initialPosition:50}},showCaption:{type:"boolean",default:!1},sliderCaption:{type:"string"},captionTag:{type:"string",default:"span"},design:{type:"string",default:""},aspectRatio:{type:"string",default:""},imageSize:{type:"string",default:"full"},handleStyle:{type:"string",default:"circle"},handleText:{type:"string",default:""},handleIcon:{type:"string",default:""},compareMode:{type:"string",default:"slide"},introHint:{type:"boolean",default:!1},autoPlay:{type:"boolean",default:!1},fullscreen:{type:"boolean",default:!1},ctaText:{type:"string",default:""},ctaUrl:{type:"string",default:""},ctaNewTab:{type:"boolean",default:!1},ctaPosition:{type:"string",default:"bottom-center"},mediaType:{type:"string",default:"image"},beforeVideo:{type:"object",default:{id:"",url:""}},afterVideo:{type:"object",default:{id:"",url:""}},pairs:{type:"array",default:[]},pairThumbs:{type:"boolean",default:!0},blColor:{type:"string"},blBg:{type:"string"},afColor:{type:"string"},alBg:{type:"string"},capColor:{type:"string"},cbBlur:{type:"number"},handleBg:{type:"string"},arrowColor:{type:"string"},cbBg:{type:"string"},...E({controlName:"height"}),...D({controlName:"blTypo"}),...H({controlName:f}),...R({controlName:_}),...z({controlName:x}),...R({controlName:v}),...R({controlName:k}),...D({controlName:"alTypo"}),...H({controlName:y}),...R({controlName:j}),...z({controlName:w}),...R({controlName:N}),...R({controlName:S}),...V({controlName:A}),...D({controlName:C}),...R({controlName:$}),...E({controlName:B}),...z({controlName:T}),...H({controlName:O}),...R({controlName:M}),...z({controlName:P}),...E({controlName:L}),...E({controlName:I})},q=JSON.parse('{"apiVersion":3,"name":"gutsliders/before-after","version":"3.2.0","title":"Before After","category":"slider-blocks","description":"Showcase Photos Comparison in different styles.","keywords":["image","photo comparison","compare images","image compare","image comparison","before after slider","before after"],"supports":{"html":false,"anchor":true,"align":["wide","full"],"spacing":{"margin":true,"padding":true},"__experimentalBorder":{"radius":true,"color":true,"width":true,"style":true}},"example":{"attributes":{"preview":true},"viewportWidth":432},"textdomain":"slider-blocks","editorScript":["file:./index.js"],"editorStyle":["file:./index.css"],"style":["file:./style-index.css"],"viewScript":["file:./frontend.js"],"render":"file:./render.php"}'),U=window.wp.blockEditor,G=window.wp.components,J=window.wp.data,W=window.wp.element,X=e=>({id:e?.id||"",url:e?.url||"",alt:e?.alt||""}),Z=e=>({id:e?.id||"",url:e?.url||""}),Y=window.ReactJSXRuntime,K=[{value:"",label:(0,o.__)("Classic","slider-blocks"),description:(0,o.__)("White handle, dark labels","slider-blocks")},{value:"minimal",label:(0,o.__)("Minimal Line","slider-blocks"),description:(0,o.__)("Thin line and a small dot","slider-blocks")},{value:"glass",pro:!0,label:(0,o.__)("Glass Handle","slider-blocks"),description:(0,o.__)("Frosted handle and labels","slider-blocks")},{value:"card",pro:!0,label:(0,o.__)("Rounded Card","slider-blocks"),description:(0,o.__)("Soft corners and a shadow","slider-blocks")},{value:"split",pro:!0,label:(0,o.__)("Split Labels","slider-blocks"),description:(0,o.__)("Big labels in the lower corners","slider-blocks")},{value:"dark",pro:!0,label:(0,o.__)("Dark Studio","slider-blocks"),description:(0,o.__)("Framed on a dark panel","slider-blocks")}],Q=e=>(0,Y.jsxs)("span",{className:`gs-ba-thumb is-${e||"classic"}`,children:[(0,Y.jsx)("span",{className:"side is-before"}),(0,Y.jsx)("span",{className:"side is-after"}),(0,Y.jsx)("span",{className:"line"}),(0,Y.jsx)("span",{className:"knob"}),(0,Y.jsx)("span",{className:"tag is-before"}),(0,Y.jsx)("span",{className:"tag is-after"})]}),{ProLock:ee}=window.gutSliderModules,le=({attributes:e,setAttributes:l})=>{const t=Array.isArray(e.pairs)?e.pairs:[],s=e=>l({pairs:e}),a=(e,l)=>s(t.map(((t,s)=>s===e?{...t,...l}:t))),r=(e,l)=>{const o=[...t],[a]=o.splice(e,1);o.splice(e+l,0,a),s(o)},i=(e,l,s)=>{const o=t[e]?.[l];return(0,Y.jsx)(U.MediaUpload,{onSelect:t=>a(e,{[l]:X(t)}),allowedTypes:["image"],value:o?.id,render:({open:e})=>(0,Y.jsx)(G.Button,{className:"gs-ba-pair__pick",onClick:e,"aria-label":s,children:o?.url?(0,Y.jsx)("img",{src:o.url,alt:""}):(0,Y.jsx)("span",{children:s})})})};return(0,Y.jsxs)(G.PanelBody,{title:(0,o.__)("More comparisons","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)("p",{className:"gs-ba-help",children:(0,o.__)("Add more before/after pairs to show them as a carousel, with arrows and thumbnails.","slider-blocks")}),(0,Y.jsxs)(ee,{children:[t.map(((e,l)=>(0,Y.jsxs)("div",{className:"gs-ba-pair",children:[(0,Y.jsxs)("div",{className:"gs-ba-pair__head",children:[(0,Y.jsx)("strong",{children:(0,o.sprintf)(/* translators: %d: comparison number. */ /* translators: %d: comparison number. */ | |
| 2 | +(0,o.__)("Comparison %d","slider-blocks"),l+2)}),(0,Y.jsxs)("span",{className:"gs-ba-pair__actions",children:[(0,Y.jsx)(G.Button,{size:"small",icon:"arrow-up-alt2",label:(0,o.__)("Move up","slider-blocks"),disabled:0===l,onClick:()=>r(l,-1)}),(0,Y.jsx)(G.Button,{size:"small",icon:"arrow-down-alt2",label:(0,o.__)("Move down","slider-blocks"),disabled:l===t.length-1,onClick:()=>r(l,1)}),(0,Y.jsx)(G.Button,{size:"small",icon:"trash",isDestructive:!0,label:(0,o.__)("Remove","slider-blocks"),onClick:()=>s(t.filter(((e,t)=>t!==l)))})]})]}),(0,Y.jsxs)("div",{className:"gs-ba-pair__images",children:[i(l,"beforeImage",(0,o.__)("Before image","slider-blocks")),i(l,"afterImage",(0,o.__)("After image","slider-blocks"))]}),(0,Y.jsx)(G.TextControl,{label:(0,o.__)("Caption","slider-blocks"),value:e.caption||"",onChange:e=>a(l,{caption:e})})]},l))),(0,Y.jsx)(G.Button,{variant:"secondary",onClick:()=>s([...t,{beforeImage:{id:"",url:"",alt:""},afterImage:{id:"",url:"",alt:""},caption:""}]),children:(0,o.__)("Add a comparison","slider-blocks")})]}),t.length>0&&(0,Y.jsx)("div",{className:"gs-ba-pairs-thumbs",children:(0,Y.jsx)(G.ToggleControl,{label:(0,o.__)("Thumbnails","slider-blocks"),checked:!1!==e.pairThumbs,onChange:e=>l({pairThumbs:e})})})]})},{__}=wp.i18n,{InspectorControls:te}=wp.blockEditor,{PanelBody:se,TextControl:oe,TextareaControl:ae,ToggleControl:re}=wp.components,{Fragment:ie}=wp.element,{HeaderTabs:ne,ResRangeControl:de,SingleRangeControl:ce,ResBoxControl:be,ColorControl:pe,AlignmentControl:ge,TypographyControl:ue,BorderControl:he,BoxShadowControl:me,ButtonsGroupControl:fe,FooterNotice:_e,ProLink:xe,ProLock:ke,NativeSelectControl:ve,DesignPicker:ye,IconPickerControl:je}=window.gutSliderModules,{HEADING_TAGS:we}=window.gutSliderModules.GlobalConstants,Se=({attributes:e,setAttributes:l})=>{const{sliderOptions:t,comparisonOptions:s,showCaption:o,sliderCaption:R,captionTag:H,blColor:D,afColor:E,capColor:V,cbBlur:z,arrowColor:q,blBg:U,alBg:G,handleBg:J,cbBg:W,design:X,aspectRatio:Z,imageSize:ee,handleStyle:Se,handleText:Ne,handleIcon:Ce,compareMode:$e,introHint:Ae,autoPlay:Be,fullscreen:Te,ctaText:Oe,ctaUrl:Me,ctaNewTab:Pe,ctaPosition:Le,mediaType:Ie}=e,Re=["fade","toggle"].includes($e)?$e:"slide",He="toggle"===Re,De="slide"===Re&&"vertical"===s?.slideMode,Ee=!He&&!!t?.showLabels,Ve="video"===Ie,ze={attributes:e,setAttributes:l,objAttributes:F};return(0,Y.jsxs)(te,{children:[(0,Y.jsx)(ne,{settingTabContent:(0,Y.jsxs)(ie,{children:[(0,Y.jsx)(se,{title:__("Design","slider-blocks"),initialOpen:!0,children:ye&&(0,Y.jsx)(ye,{label:__("Before After design","slider-blocks"),options:K,value:X||"",onChange:e=>l({design:e}),renderThumb:Q})}),(0,Y.jsxs)(se,{title:__("General","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(fe,{label:__("Compare","slider-blocks"),value:Re,options:u,onChange:e=>l({compareMode:e})}),(0,Y.jsxs)("p",{className:"gs-ba-help",children:["slide"===Re&&__("A divider wipes between the images.","slider-blocks"),"fade"===Re&&__("A knob crossfades from one image to the other.","slider-blocks"),"toggle"===Re&&__("Buttons (or a tap) switch between the images.","slider-blocks")]}),(0,Y.jsx)(ke,{children:(0,Y.jsx)(fe,{label:__("Media","slider-blocks"),value:Ve?"video":"image",options:h,onChange:e=>l({mediaType:e})})}),Ve&&(0,Y.jsx)("p",{className:"gs-ba-help",children:__("Two videos play in step, muted and looping. Use clips of the same length.","slider-blocks")}),(0,Y.jsx)(ve,{label:__("Aspect Ratio","slider-blocks"),value:Z||"",options:b,onChange:e=>l({aspectRatio:e}),help:__("A fixed shape crops both sides the same way, so photos of different sizes line up.","slider-blocks")}),!Ve&&(0,Y.jsx)(fe,{label:__("Image Size","slider-blocks"),value:ee||"full",options:p,onChange:e=>l({imageSize:e})}),!He&&(0,Y.jsx)(re,{label:__("Show Labels","slider-blocks"),checked:t?.showLabels,onChange:()=>{l({sliderOptions:{...t,showLabels:!t?.showLabels}})}}),(0,Y.jsx)(re,{label:__("Show Slider Caption","slider-blocks"),checked:o,onChange:()=>l({showCaption:!o})}),"toggle"!==Re&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(re,{label:__("Disable Sliding Behavior","slider-blocks"),checked:s?.disableSliding,onChange:()=>l({comparisonOptions:{...s,disableSliding:!s?.disableSliding}})}),!s?.disableSliding&&(0,Y.jsx)(re,{label:__("Only Handle Draggable","slider-blocks"),checked:s?.onlyHandleDraggable,onChange:()=>l({comparisonOptions:{...s,onlyHandleDraggable:!s?.onlyHandleDraggable}})}),(0,Y.jsx)(ce,{label:__("Start Position","slider-blocks"),help:__("Or drag the divider in the editor: where you leave it is where it starts.","slider-blocks"),value:s?.initialPosition,onChange:e=>l({comparisonOptions:{...s,initialPosition:e}}),min:0,max:100,onClickReset:()=>l({comparisonOptions:{...s,initialPosition:50}})})]}),"slide"===Re&&(0,Y.jsx)(fe,{label:__("Slide Direction","slider-blocks"),value:s?.slideMode,onChange:e=>l({comparisonOptions:{...s,slideMode:e}}),options:a}),"slide"===Re&&!s?.disableSliding&&(0,Y.jsx)(fe,{label:__("Swipe Mode","slider-blocks"),value:s?.swipeMode,onChange:e=>l({comparisonOptions:{...s,swipeMode:e}}),options:r})]}),"toggle"!==Re&&(0,Y.jsxs)(se,{title:__("Handle","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(ve,{label:__("Handle Style","slider-blocks"),value:Se||"circle",options:g,onChange:e=>l({handleStyle:e})}),"pill"===Se&&(0,Y.jsx)(oe,{label:__("Handle Text","slider-blocks"),value:Ne||"",placeholder:__("Drag","slider-blocks"),onChange:e=>l({handleText:e})}),"icon"===Se&&je&&(0,Y.jsx)(je,{label:__("Handle Icon","slider-blocks"),value:Ce,onChange:e=>l({handleIcon:e})})]}),"toggle"!==Re&&!s?.disableSliding&&(0,Y.jsxs)(se,{title:__("Motion","slider-blocks"),initialOpen:!1,children:["slide"===Re&&(0,Y.jsx)(re,{label:__("Intro hint","slider-blocks"),help:__("The divider wiggles once when it comes into view, so visitors see they can drag it.","slider-blocks"),checked:!!Ae,onChange:e=>l({introHint:e})}),(0,Y.jsx)(ke,{children:(0,Y.jsx)(re,{label:__("Auto-play","slider-blocks"),help:__("Moves back and forth slowly until the visitor touches it. Off for visitors who prefer reduced motion.","slider-blocks"),checked:!!Be,onChange:e=>l({autoPlay:e})})})]}),(0,Y.jsxs)(se,{title:__("Buttons","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(ke,{children:(0,Y.jsx)(re,{label:__("Fullscreen button","slider-blocks"),help:__("Lets visitors open the comparison full screen to see the detail.","slider-blocks"),checked:!!Te,onChange:e=>l({fullscreen:e})})}),(0,Y.jsx)(oe,{label:__("Call to action text","slider-blocks"),value:Oe||"",placeholder:__("e.g. See the project","slider-blocks"),onChange:e=>l({ctaText:e})}),(0,Y.jsx)(oe,{label:__("Call to action link","slider-blocks"),type:"url",value:Me||"",placeholder:"https://",onChange:e=>l({ctaUrl:e})}),Oe&&Me&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(re,{label:__("Open in a new tab","slider-blocks"),checked:!!Pe,onChange:e=>l({ctaNewTab:e})}),(0,Y.jsx)(ve,{label:__("Button position","slider-blocks"),value:Le||"bottom-center",options:m,onChange:e=>l({ctaPosition:e})})]})]}),!Ve&&(0,Y.jsx)(le,{attributes:e,setAttributes:l}),(Ee||He)&&(0,Y.jsxs)(se,{title:__("Labels","slider-blocks"),initialOpen:!1,children:[He&&(0,Y.jsx)("p",{className:"gs-ba-help",children:__("In Toggle mode these name the two buttons.","slider-blocks")}),(0,Y.jsx)(oe,{label:__("Before Label","slider-blocks"),value:t?.beforeLabel,onChange:e=>l({sliderOptions:{...t,beforeLabel:e}}),placeholder:__("Before","slider-blocks")}),(0,Y.jsx)(oe,{label:__("After Label","slider-blocks"),value:t?.afterLabel,onChange:e=>l({sliderOptions:{...t,afterLabel:e}}),placeholder:__("After","slider-blocks")}),Ee&&!De&&(0,Y.jsx)(fe,{label:__("Labels Position","slider-blocks"),value:t?.labelVPosition,onChange:e=>l({sliderOptions:{...t,labelVPosition:e}}),options:d}),Ee&&De&&(0,Y.jsx)(fe,{label:__("Labels Position","slider-blocks"),value:t?.labelHPosition,onChange:e=>l({sliderOptions:{...t,labelHPosition:e}}),options:c}),Ee&&(0,Y.jsx)(fe,{label:__("Labels Visible On","slider-blocks"),value:t?.labelsVisibility,onChange:e=>l({sliderOptions:{...t,labelsVisibility:e}}),options:i}),Ee&&"hover"===t?.labelsVisibility&&(0,Y.jsx)(ve,{label:__("Animation","slider-blocks"),value:t?.hoverAnimation,options:n,onChange:e=>l({sliderOptions:{...t,hoverAnimation:e}})})]}),o&&(0,Y.jsxs)(se,{title:__("Caption","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(ae,{label:__("Text","slider-blocks"),value:R,onChange:e=>l({sliderCaption:e}),placeholder:__("Enter caption here","slider-blocks")}),(0,Y.jsx)(ve,{label:__("Select Tag","slider-blocks"),value:H,options:we,onChange:e=>l({captionTag:e})}),(0,Y.jsx)(ge,{label:__("Alignment","slider-blocks"),controlName:A,objAttrs:ze})]})]}),designTabContent:(0,Y.jsxs)(ie,{children:[(0,Y.jsx)(se,{title:__("Container","slider-blocks"),initialOpen:!0,children:Z?(0,Y.jsx)("p",{className:"gs-ba-help",children:__("The height follows the aspect ratio (Settings → General).","slider-blocks")}):(0,Y.jsx)(de,{label:__("Height","slider-blocks"),objAttrs:ze,controlName:"height",min:100,max:1e3})}),Ee&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(se,{title:__("Before Label","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(pe,{label:__("Color","slider-blocks"),color:D,onChange:e=>l({blColor:e})}),(0,Y.jsx)(ue,{label:__("Typography","slider-blocks"),objAttrs:ze,controlName:"blTypo"}),(0,Y.jsx)(he,{objAttrs:ze,controlName:f,noHover:!0}),(0,Y.jsx)(be,{label:__("Border Radius","slider-blocks"),objAttrs:ze,controlName:_}),(0,Y.jsx)(be,{label:__("Margin","slider-blocks"),objAttrs:ze,controlName:v}),(0,Y.jsx)(be,{label:__("Padding","slider-blocks"),objAttrs:ze,controlName:k}),(0,Y.jsx)(me,{label:__("Box Shadow","slider-blocks"),objAttrs:ze,controlName:x}),(0,Y.jsx)(pe,{label:__("Background Color","slider-blocks"),color:U,onChange:e=>l({blBg:e})})]}),(0,Y.jsxs)(se,{title:__("After Label","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(pe,{label:__("Color","slider-blocks"),color:E,onChange:e=>l({afColor:e})}),(0,Y.jsx)(ue,{label:__("Typography","slider-blocks"),objAttrs:ze,controlName:"alTypo"}),(0,Y.jsx)(he,{objAttrs:ze,controlName:y,noHover:!0}),(0,Y.jsx)(be,{label:__("Border Radius","slider-blocks"),objAttrs:ze,controlName:j}),(0,Y.jsx)(be,{label:__("Margin","slider-blocks"),objAttrs:ze,controlName:N}),(0,Y.jsx)(be,{label:__("Padding","slider-blocks"),objAttrs:ze,controlName:S}),(0,Y.jsx)(me,{label:__("Box Shadow","slider-blocks"),objAttrs:ze,controlName:w}),(0,Y.jsx)(pe,{label:__("Background Color","slider-blocks"),color:G,onChange:e=>l({alBg:e})})]})]}),o&&(0,Y.jsxs)(se,{title:__("Caption","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(pe,{label:__("Color","slider-blocks"),color:V,onChange:e=>l({capColor:e})}),(0,Y.jsx)(ue,{label:__("Typography","slider-blocks"),objAttrs:ze,controlName:C}),(0,Y.jsx)(be,{label:__("Margin","slider-blocks"),objAttrs:ze,controlName:$})]}),(0,Y.jsxs)(se,{title:__("Control Line","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(de,{label:__("Thickness","slider-blocks"),objAttrs:ze,controlName:B}),(0,Y.jsx)(me,{label:__("Box Shadow","slider-blocks"),objAttrs:ze,controlName:T}),(0,Y.jsx)(pe,{label:__("Background Color","slider-blocks"),color:J,onChange:e=>l({handleBg:e})})]}),(0,Y.jsxs)(se,{title:__("Control Button","slider-blocks"),initialOpen:!1,children:[(0,Y.jsx)(pe,{label:__("Arrow Color","slider-blocks"),color:q,onChange:e=>l({arrowColor:e})}),(0,Y.jsx)(ce,{label:__("Blur","slider-blocks"),value:z,onChange:e=>l({cbBlur:e}),min:1,max:20,onClickReset:()=>l({cbBlur:""})}),(0,Y.jsx)(de,{label:__("Width","slider-blocks"),objAttrs:ze,controlName:L}),(0,Y.jsx)(de,{label:__("Height","slider-blocks"),objAttrs:ze,controlName:I}),(0,Y.jsx)(he,{objAttrs:ze,controlName:O,noHover:!0}),(0,Y.jsx)(be,{label:__("Border Radius","slider-blocks"),objAttrs:ze,controlName:M}),(0,Y.jsx)(me,{label:__("Box Shadow","slider-blocks"),objAttrs:ze,controlName:P}),(0,Y.jsx)(pe,{label:__("Background Color","slider-blocks"),color:W,onChange:e=>l({cbBg:e})})]})]})}),(0,Y.jsx)(xe,{message:__("GutSlider Pro","slider-blocks")}),(0,Y.jsx)(_e,{})]})};var Ne=t(485),Ce=t.n(Ne);const{useEffect:$e}=wp.element,{softMinifyCssStrings:Ae}=window.gutSliderModules.Helper,{generateRangeStyles:Be,generateBorderStyles:Te,generateResBoxStyles:Oe,generateTypographyStyles:Me,generateBoxShadowStyles:Pe,generateAlignmentStyles:Le}=window.gutSliderModules,Ie=e=>{const{attributes:l,setAttributes:t}=e,{uniqueId:s,blockStyle:o,blColor:a,afColor:r,capColor:i,cbBlur:n,arrowColor:d,blBg:c,alBg:b,handleBg:p,cbBg:g}=l,{deskStyle:u,tabStyle:h,mobStyle:m}=Be({controlName:"height",attributes:l,propertyName:"height"}),{desktopStyles:R,tabletStyles:H,mobileStyles:D}=Te({controlName:f,attributes:l}),{desktopStyles:E,tabletStyles:V,mobileStyles:z}=Me({controlName:"blTypo",attributes:l}),{boxDeskStyles:F,boxTabStyles:q,boxMobStyles:U}=Oe({controlName:_,attributes:l,propertyName:"border-radius",forRadius:!0}),{boxDeskStyles:G,boxTabStyles:J,boxMobStyles:W}=Oe({controlName:k,attributes:l,propertyName:"padding"}),{boxDeskStyles:X,boxTabStyles:Z,boxMobStyles:K}=Oe({controlName:v,attributes:l,propertyName:"margin"}),{boxShadowStyles:Q}=Pe({controlName:x,attributes:l}),{desktopStyles:ee,tabletStyles:le,mobileStyles:te}=Te({controlName:y,attributes:l}),{desktopStyles:se,tabletStyles:oe,mobileStyles:ae}=Me({controlName:"alTypo",attributes:l}),{boxDeskStyles:re,boxTabStyles:ie,boxMobStyles:ne}=Oe({controlName:j,attributes:l,propertyName:"border-radius",forRadius:!0}),{boxDeskStyles:de,boxTabStyles:ce,boxMobStyles:be}=Oe({controlName:S,attributes:l,propertyName:"padding"}),{boxDeskStyles:pe,boxTabStyles:ge,boxMobStyles:ue}=Oe({controlName:N,attributes:l,propertyName:"margin"}),{boxShadowStyles:he}=Pe({controlName:w,attributes:l}),{deskAlign:me,tabAlign:fe,mobAlign:_e}=Le({controlName:A,attributes:l,propertyName:"text-align"}),{desktopStyles:xe,tabletStyles:ke,mobileStyles:ve}=Me({controlName:C,attributes:l}),{boxDeskStyles:ye,boxTabStyles:je,boxMobStyles:we}=Oe({controlName:$,attributes:l,propertyName:"margin"}),{deskStyle:Se,tabStyle:Ne,mobStyle:Ce}=Be({controlName:B,attributes:l,propertyName:"vertical"===l.comparisonOptions?.slideMode?"height":"width"}),{boxShadowStyles:Ie}=Pe({controlName:T,attributes:l}),{desktopStyles:Re,tabletStyles:He,mobileStyles:De}=Te({controlName:O,attributes:l}),{boxDeskStyles:Ee,boxTabStyles:Ve,boxMobStyles:ze}=Oe({controlName:M,attributes:l,propertyName:"border-radius",forRadius:!0}),{boxShadowStyles:Fe}=Pe({controlName:P,attributes:l}),{deskStyle:qe,tabStyle:Ue,mobStyle:Ge}=Be({controlName:L,attributes:l,propertyName:"width"}),{deskStyle:Je,tabStyle:We,mobStyle:Xe}=Be({controlName:I,attributes:l,propertyName:"height"}),Ze=`\n ${u?`.wp-block-gutsliders-before-after.${s} .gutslider-ba-item {\n ${u}\n }`:""}\n\t\t${a||R||E||F||G||X||Q||c?`.wp-block-gutsliders-before-after.${s} .before-label {\n\t\t\t\t\t${a?`color: ${a};`:""}\n\t\t\t\t\t${c?`background: ${c};`:""}\n\t\t\t\t\t${R}\n\t\t\t\t\t${E}\n\t\t\t\t\t${F}\n\t\t\t\t\t${G}\n\t\t\t\t\t${X}\n\t\t\t\t\t${Q}\n\t\t\t\t}`:""}\n\t\t${r||ee||se||re||de||pe||he||b?`.wp-block-gutsliders-before-after.${s} .after-label {\n\t\t\t\t\t${r?`color: ${r};`:""}\n\t\t\t\t\t${b?`background: ${b};`:""}\n\t\t\t\t\t${ee}\n\t\t\t\t\t${se}\n\t\t\t\t\t${re}\n\t\t\t\t\t${de}\n\t\t\t\t\t${pe}\n\t\t\t\t\t${he}\n\t\t\t\t}`:""}\n ${i||xe?`.wp-block-gutsliders-before-after.${s} .gutslider-caption-text {\n ${i?`color: ${i};`:""}\n ${xe}\n }`:""}\n ${ye||me?`.wp-block-gutsliders-before-after.${s} .gutslider-caption {\n ${me}\n ${ye}\n }`:""}\n ${d?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-arrow {\n border-right-color: ${d} !important;\n }`:""}\n ${Se||p||Ie?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-line {\n ${Se.replace(/;/g," !important;")}\n ${p?`background: ${p} !important;`:""}\n ${Ie.replace(/;/g," !important;")}\n }`:""} \n\t\t${n||Re||Ee||g||Fe||qe||Je?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-button {\n ${n?`backdrop-filter: blur(${n}px) !important;`:""}\n ${g?`background: ${g} !important;`:""}\n ${Re.replace(/;/g," !important;")}\n ${Ee.replace(/;/g," !important;")}\n ${Fe.replace(/;/g," !important;")}\n ${qe.replace(/;/g," !important;")}\n ${Je.replace(/;/g," !important;")}\n }`:""}\n\t`,Ye=`\n ${h?`.wp-block-gutsliders-before-after.${s} .gutslider-ba-item {\n ${h}\n }`:""}\n\t\t${H||V||q||J||Z?`.wp-block-gutsliders-before-after.${s} .before-label {\n\t\t\t\t\t${H}\n\t\t\t\t\t${V}\n\t\t\t\t\t${q}\n\t\t\t\t\t${J}\n\t\t\t\t\t${Z}\n\t\t\t\t}`:""}\n\t\t${le||oe||ie||ce||ge?`.wp-block-gutsliders-before-after.${s} .after-label {\n\t\t\t\t\t${le}\n\t\t\t\t\t${oe}\n\t\t\t\t\t${ie}\n\t\t\t\t\t${ce}\n\t\t\t\t\t${ge}\n\t\t\t\t}`:""}\n ${ke?`.wp-block-gutsliders-before-after.${s} .gutslider-caption-text {\n ${ke}\n }`:""}\n ${je||fe?`.wp-block-gutsliders-before-after.${s} .gutslider-caption {\n ${fe}\n ${je}\n }`:""}\n ${Ne?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-line {\n ${Ne.replace(/;/g," !important;")}\n }`:""}\n ${He||Ve||Ue||We?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-button {\n ${He.replace(/;/g," !important;")}\n ${Ve.replace(/;/g," !important;")}\n ${Ue.replace(/;/g," !important;")}\n ${We.replace(/;/g," !important;")}\n }`:""}\n\t`,Ke=`\n ${m?`.wp-block-gutsliders-before-after.${s} .gutslider-ba-item {\n ${m}\n }`:""}\n\t\t${D||z||U||W||K?`.wp-block-gutsliders-before-after.${s} .before-label {\n\t\t\t\t\t${D}\n\t\t\t\t\t${z}\n\t\t\t\t\t${U}\n\t\t\t\t\t${W}\n\t\t\t\t\t${K}\n\t\t\t\t}`:""}\n\t\t${te||ae||ne||be||ue?`.wp-block-gutsliders-before-after.${s} .after-label {\n\t\t\t\t\t${te}\n\t\t\t\t\t${ae}\n\t\t\t\t\t${ne}\n\t\t\t\t\t${be}\n\t\t\t\t\t${ue}\n\t\t\t\t}`:""}\n ${ve?`.wp-block-gutsliders-before-after.${s} .gutslider-caption-text {\n ${ve}\n }`:""}\n ${we||_e?`.wp-block-gutsliders-before-after.${s} .gutslider-caption {\n ${_e}\n ${we}\n }`:""}\n ${Ce?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-line {\n ${Ce.replace(/;/g," !important;")}\n }`:""}\n ${De||ze||Ge||Xe?`.wp-block-gutsliders-before-after.${s} .__rcs-handle-button {\n ${De.replace(/;/g," !important;")}\n ${ze.replace(/;/g," !important;")}\n ${Ge.replace(/;/g," !important;")}\n ${Xe.replace(/;/g," !important;")}\n }`:""}\n\t`,Qe=`\n ${Ze.replace(/\s/g,"").length>0?`${Ze}`:""}\n ${Ye.replace(/\s/g,"").length>0?`@media (max-width: 1024px) {\n ${Ye}\n }`:""}\n ${Ke.replace(/\s/g,"").length>0?`@media (max-width: 767px) {\n ${Ke}\n }`:""}\n `;return $e((()=>{JSON.stringify(o)!==JSON.stringify(Qe)&&t({blockStyle:Qe})}),[l]),(0,Y.jsx)("style",{children:`${Ae(Qe)}`})},{PatternPlaceholder:Re,SidebarOpener:He,Patterns:De,DisplayIcon:Ee}=window.gutSliderModules,Ve=e=>!!e&&"object"==typeof e&&Object.keys(e).some((e=>!["id","url","alt"].includes(e))),ze=(e,l)=>"Before"===e&&"before"===l?(0,o.__)("Before","slider-blocks"):"After"===e&&"after"===l?(0,o.__)("After","slider-blocks"):e,Fe=(0,Y.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false",children:(0,Y.jsx)("path",{d:"M7 7h11l-3-3 1.4-1.4L21.8 8l-5.4 5.4L15 12l3-3H7V7zm10 10H6l3 3-1.4 1.4L2.2 16l5.4-5.4L9 12l-3 3h11v2z"})}),qe=({before:e,after:l,attributes:t,onPositionChange:s})=>{const{sliderOptions:a,comparisonOptions:r,compareMode:i="slide",handleStyle:n="circle",mediaType:d}=t,c=(0,W.useRef)(null),b=(0,W.useRef)(s);b.current=s;const p=["fade","toggle"].includes(i)?i:"slide",g="slide"===p&&"vertical"===r?.slideMode,u="video"===d,h="toggle"===p?100:Math.min(100,Math.max(0,Number(r?.initialPosition??50))),m="hover"===a?.labelsVisibility?"hover":"always",f=ze(a?.beforeLabel,"before"),_=ze(a?.afterLabel,"after"),x=!!r?.disableSliding&&"toggle"!==p,k=JSON.stringify([p,g,r?.swipeMode,r?.onlyHandleDraggable,x,n,u,a?.showLabels,t.fullscreen,e.url,l.url]);(0,W.useEffect)((()=>function(e,{live:l=!0,onChange:t}={}){const s=e?.querySelector(".gs-ba__handle");if(!e||!s)return()=>{};const o=e.ownerDocument,a=o.defaultView||window,r=["fade","toggle"].includes(e.dataset.compare)?e.dataset.compare:"slide",i="slide"===r&&"vertical"===e.dataset.orientation,n="slide"===r&&"hover"===e.dataset.mode,d="toggle"!==r&&"1"===e.dataset.handleOnly,c="toggle"!==r&&"1"===e.dataset.disabled,b=a.matchMedia?.("(prefers-reduced-motion: reduce)").matches,p=[],g=(e,l,t,s)=>{e.addEventListener(l,t,s),p.push((()=>e.removeEventListener(l,t,s)))},u=[[e.querySelector(".before-label"),"before"],[e.querySelector(".after-label"),"after"]].filter((([e])=>e)),h=()=>{if("slide"!==r||!u.length)return;const l=e.getBoundingClientRect();if(!l.width||!l.height)return;const t=i?l.height*m/100:l.width*m/100;u.forEach((([e,s])=>{const o=e.getBoundingClientRect(),a="before"===s?t<6+(i?o.bottom-l.top:o.right-l.left):t>(i?o.top-l.top:o.left-l.left)-6;e.classList.toggle("is-covered",a)}))};let m=50;const f=l=>{m=Math.min(100,Math.max(0,Number(l)||0)),e.style.setProperty("--gs-ba-pos",`${m}%`),e.style.setProperty("--gs-ba-o",String("fade"===r?m/100:1-m/100)),s.setAttribute("aria-valuenow",String(Math.round(m))),h()},_="toggle"===r?100:Number(e.dataset.position??50);f(_),e.gsCompare={set:f,get:()=>m};let x=null,k=!1;const v=()=>{x&&(a.cancelAnimationFrame(x),x=null)},y=()=>{k=!0,v(),e.classList.remove("is-autoplaying")},j=()=>t?.(Math.round(m));if("toggle"===r){const l=[...e.querySelectorAll(".gs-ba__toggle [data-show]")],t=e=>{f("after"===e?0:100),l.forEach((l=>l.setAttribute("aria-pressed",String(l.dataset.show===e))))};l.forEach((e=>g(e,"click",(()=>t(e.dataset.show))))),g(e,"click",(e=>{e.target.closest(".gs-ba__ui")||t(m>50?"after":"before")})),t("before")}const w=l=>{const t=e.getBoundingClientRect();return"fade"===r?(l.clientX-t.left-24)/Math.max(1,t.width-48)*100:i?(l.clientY-t.top)/t.height*100:(l.clientX-t.left)/t.width*100};let S=!1;const N=e=>{S&&f(w(e))},C=()=>{S&&(S=!1,e.classList.remove("is-dragging"),a.removeEventListener("pointermove",N),a.removeEventListener("pointerup",C),a.removeEventListener("pointercancel",C),j())};if(p.push(C),"toggle"===r||c||(g(d?s:e,"pointerdown",(l=>{0!==l.button||l.target.closest(".gs-ba__ui")||(y(),S=!0,e.classList.add("is-dragging"),f(w(l)),s.focus({preventScroll:!0}),a.addEventListener("pointermove",N),a.addEventListener("pointerup",C),a.addEventListener("pointercancel",C))})),n&&g(e,"pointermove",(e=>{S||"mouse"!==e.pointerType||e.target.closest(".gs-ba__ui")||(y(),f(w(e)))})),g(s,"keydown",(e=>{const l=i?["ArrowUp","ArrowLeft"]:["ArrowLeft","ArrowDown"],t={PageUp:m+10,PageDown:m-10,Home:0,End:100};let s=null;(i?["ArrowDown","ArrowRight"]:["ArrowRight","ArrowUp"]).includes(e.key)?s=m+5:l.includes(e.key)?s=m-5:e.key in t&&(s=t[e.key]),null!==s&&(e.preventDefault(),y(),f(s),j())}))),a.ResizeObserver){const l=new a.ResizeObserver((()=>h()));l.observe(e),p.push((()=>l.disconnect()))}const $=(e,l)=>{v();const t=a.performance.now(),s=o=>{const r=l?Math.min(1,(o-t)/l):o-t;e(r),x=!l||r<1?a.requestAnimationFrame(s):null};x=a.requestAnimationFrame(s)},A=l&&!b&&"slide"===r&&!c&&"1"===e.dataset.hint,B=l&&!b&&"toggle"!==r&&!c&&"1"===e.dataset.autoplay;if((A||B)&&a.IntersectionObserver){let l=!1;const t=new a.IntersectionObserver((([s])=>{if(k)t.disconnect();else if(s.isIntersecting){if(B){const l=m;e.classList.add("is-autoplaying"),$((e=>f(l+Math.sin(e/7e3*Math.PI*2)*Math.min(38,100-l,l))),0)}else if(!l){l=!0;const e=m;$((l=>f(e+14*Math.sin(l*Math.PI*2)*(1-.35*l))),1400),t.disconnect()}}else v()}),{threshold:.6});t.observe(e),p.push((()=>t.disconnect())),g(e,"pointerenter",(e=>"mouse"!==e.pointerType||!B||y()))}p.push(v);const T=[...e.querySelectorAll("video.gs-ba__video")];if(2===T.length){const[l,t]=T,s=e.querySelector(".gs-ba__play");let o=b;const r=()=>{Math.abs(t.currentTime-l.currentTime)>.15&&(t.currentTime=l.currentTime)},i=()=>T.forEach((e=>e.play().catch((()=>{})))),n=()=>T.forEach((e=>e.pause())),d=()=>{s?.setAttribute("aria-pressed",String(!l.paused)),s?.setAttribute("aria-label",l.paused?s.dataset.labelPlay:s.dataset.labelPause),e.classList.toggle("is-paused",l.paused)};if(g(l,"timeupdate",r),g(l,"seeked",r),g(l,"play",d),g(l,"pause",d),s&&g(s,"click",(()=>{o=!l.paused,o?n():i()})),b&&n(),a.IntersectionObserver){const l=new a.IntersectionObserver((([e])=>e.isIntersecting&&!o?i():n()),{threshold:.25});l.observe(e),p.push((()=>l.disconnect()))}d()}const O=e.querySelector(".gs-ba__fs");if(O){const l=!!e.requestFullscreen,t=()=>l?o.fullscreenElement===e:e.classList.contains("is-fullscreen"),s=()=>{const s=t();e.classList.toggle("is-fullscreen",s),O.setAttribute("aria-pressed",String(s)),O.setAttribute("aria-label",s?O.dataset.labelClose:O.dataset.labelOpen),o.documentElement.classList.toggle("gs-ba-has-fullscreen",s&&!l),h()};g(O,"click",(()=>{l?t()?o.exitFullscreen?.():e.requestFullscreen().catch((()=>{})):(e.classList.toggle("is-fullscreen"),s())})),l?g(o,"fullscreenchange",s):g(o,"keydown",(l=>{"Escape"===l.key&&t()&&(e.classList.remove("is-fullscreen"),s())}))}return g(e,"focusin",y),()=>{p.forEach((e=>e())),delete e.gsCompare}}(c.current,{live:!1,onChange:e=>b.current?.(e)})),[k]),(0,W.useEffect)((()=>{"toggle"!==p&&c.current?.gsCompare?.set(h)}),[h,p]);const v=(e,l,t)=>(0,Y.jsxs)("div",{className:Ce()(`gutslider-${l}`,"gutslider-ba-item",m),children:[a?.showLabels&&t&&"toggle"!==p&&(0,Y.jsx)("div",{className:Ce()("gutslider-label",`${l}-label`,g?"vertical":"horizontal","hover"===m?a?.hoverAnimation:"",g?a?.labelHPosition:a?.labelVPosition),"aria-hidden":"true",children:t}),u?(0,Y.jsx)("video",{className:"gs-ba__img gs-ba__video",src:e.url,muted:!0,loop:!0,playsInline:!0,autoPlay:!0,"aria-label":t}):(0,Y.jsx)("img",{className:"gs-ba__img",src:e.url,alt:e.alt||t,draggable:"false"})]});let y=(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)("div",{className:"__rcs-handle-arrow"}),(0,Y.jsx)("div",{className:"__rcs-handle-arrow"})]});return"pill"===n?y=(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)("div",{className:"__rcs-handle-arrow"}),(0,Y.jsx)("span",{className:"gs-ba__handle-text",children:t.handleText||(0,o.__)("Drag","slider-blocks")}),(0,Y.jsx)("div",{className:"__rcs-handle-arrow"})]}):"icon"===n&&t.handleIcon&&(y=(0,Y.jsx)("span",{className:"gs-ba__handle-icon",children:(0,Y.jsx)(Ee,{icon:t.handleIcon})})),(0,Y.jsxs)("div",{ref:c,className:Ce()("gutslider-compare-block","gs-ba",g?"is-vertical":"is-horizontal",`is-${p}`,`has-handle-${n}`,{"is-disabled":x,"is-handle-only":r?.onlyHandleDraggable,"has-ratio":!!t.aspectRatio,"is-video":u}),style:{"--gs-ba-pos":`${h}%`,"--gs-ba-o":String("fade"===p?h/100:1-h/100),...t.aspectRatio?{aspectRatio:t.aspectRatio}:{}},"data-orientation":g?"vertical":"horizontal","data-position":h,"data-compare":p,"data-mode":"hover"===r?.swipeMode?"hover":"drag","data-handle-only":r?.onlyHandleDraggable?"1":"0","data-disabled":r?.disableSliding?"1":"0",children:[v(e,"before",f),(0,Y.jsx)("div",{className:"gs-ba__clip",children:v(l,"after",_)}),(0,Y.jsx)("div",{className:"gs-ba__handle",role:"slider",tabIndex:x||"toggle"===p?-1:0,"aria-label":"fade"===p?(0,o.__)("Fade between the before and after images","slider-blocks"):(0,o.__)("Drag to compare the before and after images","slider-blocks"),"aria-orientation":g?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(h),children:(0,Y.jsxs)("div",{className:"__rcs-handle-root",children:[(0,Y.jsx)("div",{className:"__rcs-handle-line"}),(0,Y.jsx)("div",{className:"__rcs-handle-button",children:y}),(0,Y.jsx)("div",{className:"__rcs-handle-line"})]})}),"toggle"===p&&(0,Y.jsxs)("div",{className:"gs-ba__ui gs-ba__toggle",role:"group","aria-label":(0,o.__)("Show","slider-blocks"),children:[(0,Y.jsx)("button",{type:"button","data-show":"before","aria-pressed":"true",children:f||(0,o.__)("Before","slider-blocks")}),(0,Y.jsx)("button",{type:"button","data-show":"after","aria-pressed":"false",children:_||(0,o.__)("After","slider-blocks")})]}),u&&(0,Y.jsx)("button",{type:"button",className:"gs-ba__ui gs-ba__play","aria-pressed":"true","aria-label":(0,o.__)("Pause videos","slider-blocks"),"data-label-play":(0,o.__)("Play videos","slider-blocks"),"data-label-pause":(0,o.__)("Pause videos","slider-blocks"),children:(0,Y.jsx)("span",{"aria-hidden":"true"})}),t.fullscreen&&(0,Y.jsx)("button",{type:"button",className:"gs-ba__ui gs-ba__fs","aria-pressed":"false","aria-label":(0,o.__)("View fullscreen","slider-blocks"),"data-label-open":(0,o.__)("View fullscreen","slider-blocks"),"data-label-close":(0,o.__)("Exit fullscreen","slider-blocks"),children:(0,Y.jsx)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:(0,Y.jsx)("path",{d:"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}),t.ctaText&&t.ctaUrl&&(0,Y.jsx)("a",{className:`gs-ba__ui gs-ba__cta is-${t.ctaPosition||"bottom-center"}`,href:t.ctaUrl,onClick:e=>e.preventDefault(),children:t.ctaText})]},k)};(0,s.registerBlockType)(q,{icon:{src:(0,Y.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 -960 960 960",width:"24",fill:"#1f1f1f",children:(0,Y.jsx)("path",{d:"M400-40v-80H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h200v-80h80v880zM200-240h200v-240zm360 120v-360l200 240v-520H560v-80h200q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120z"})})},attributes:F,edit:function(e){const{attributes:l,setAttributes:t,clientId:s}=e,{uniqueId:a,preview:r,beforeImage:i,afterImage:n,sliderOptions:d,comparisonOptions:c,showCaption:b,sliderCaption:p,captionTag:g,patternMode:u,openModal:h,mediaType:m,beforeVideo:f,afterVideo:_,pairs:x=[],pairThumbs:k,design:v}=l,y="video"===m,[j,w]=(0,W.useState)(0);if((0,W.useEffect)((()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=(0,J.select)("core/block-editor"),o=!!a&&e().some((e=>e!==s&&l(e)?.uniqueId===a));a&&!o||t({uniqueId:"gutslider-"+s.slice(0,8)})}),[]),(0,W.useEffect)((()=>{const e={};Ve(i)&&(e.beforeImage=X(i)),Ve(n)&&(e.afterImage=X(n)),Object.keys(e).length&&t(e)}),[]),r)return(0,Y.jsx)("div",{className:"gutslider-preview",children:(0,Y.jsx)("img",{src:gutslider_preview.before_after,alt:"before after slider preview"})});const S=y?f||{}:i||{},N=y?_||{}:n||{},C=!!S.url&&!!N.url,$=y?[]:x.filter((e=>e?.beforeImage?.url&&e?.afterImage?.url)),A=[{before:S,after:N},...$.map((e=>({before:e.beforeImage,after:e.afterImage,caption:e.caption})))],B=Math.min(j,A.length-1),T=(0,U.useBlockProps)({className:Ce()(a,`${d?.labelsVisibility}`,{[`gs-ba-design-${v}`]:!!v,"has-pairs":$.length>0})}),O=y?["beforeVideo","afterVideo"]:["beforeImage","afterImage"],M=y?Z:X,P=y?["video"]:["image"],L=(e,l)=>(0,Y.jsx)(U.MediaUpload,{onSelect:l=>t({["before"===e?O[0]:O[1]]:M(l)}),allowedTypes:P,value:("before"===e?S:N)?.id,render:({open:e})=>(0,Y.jsx)(G.Button,{className:"icgbp__upload_btn",onClick:e,children:l})});return(0,Y.jsxs)(W.Fragment,{children:[(0,Y.jsx)(Se,{attributes:l,setAttributes:t}),(0,Y.jsx)(Ie,{...e}),h&&(0,Y.jsx)(De,{...e}),(S.id||N.id)&&(0,Y.jsxs)(U.BlockControls,{children:[(0,Y.jsxs)(G.ToolbarGroup,{children:[S.id&&(0,Y.jsx)(U.MediaUpload,{onSelect:e=>t({[O[0]]:M(e)}),allowedTypes:P,value:S.id,render:({open:e})=>(0,Y.jsx)(G.ToolbarButton,{className:"icgbp__upload_btn",onClick:e,icon:"edit",label:y?(0,o.__)("Replace Before Video","slider-blocks"):(0,o.__)("Replace Before Image","slider-blocks")})}),N.id&&(0,Y.jsx)(U.MediaUpload,{onSelect:e=>t({[O[1]]:M(e)}),allowedTypes:P,value:N.id,render:({open:e})=>(0,Y.jsx)(G.ToolbarButton,{className:"icgbp__upload_btn",onClick:e,icon:"edit",label:y?(0,o.__)("Replace After Video","slider-blocks"):(0,o.__)("Replace After Image","slider-blocks")})})]}),C&&(0,Y.jsx)(G.ToolbarGroup,{children:(0,Y.jsx)(G.ToolbarButton,{icon:Fe,label:(0,o.__)("Swap before and after","slider-blocks"),onClick:()=>t({[O[0]]:N,[O[1]]:S})})})]}),(0,Y.jsx)("div",{...T,children:!u||S.id||N.id?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(He,{}),C?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)("div",{className:Ce()({"gs-ba-carousel":$.length>0}),children:[(0,Y.jsxs)("figure",{className:"gs-ba-figure",children:[(0,Y.jsx)(qe,{before:A[B].before,after:A[B].after,attributes:l,onPositionChange:e=>t({comparisonOptions:{...c,initialPosition:e}})},B),0===B&&b&&(0,Y.jsx)("figcaption",{className:"gutslider-caption",children:(0,Y.jsx)(U.RichText,{tagName:g,className:"gutslider-caption-text",value:p,onChange:e=>t({sliderCaption:e}),placeholder:(0,o.__)("Enter caption here","slider-blocks")})}),B>0&&A[B].caption&&(0,Y.jsx)("figcaption",{className:"gutslider-caption",children:(0,Y.jsx)("span",{className:"gutslider-caption-text",children:A[B].caption})})]}),$.length>0&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)("button",{type:"button",className:Ce()("gs-ba-carousel__nav","is-prev",{"swiper-button-disabled":0===B}),"aria-label":(0,o.__)("Previous comparison","slider-blocks"),onClick:()=>w(Math.max(0,B-1))}),(0,Y.jsx)("button",{type:"button",className:Ce()("gs-ba-carousel__nav","is-next",{"swiper-button-disabled":B===A.length-1}),"aria-label":(0,o.__)("Next comparison","slider-blocks"),onClick:()=>w(Math.min(A.length-1,B+1))})]})]}),$.length>0&&!1!==k&&(0,Y.jsx)("div",{className:"gs-ba-thumbs",children:A.map(((e,l)=>(0,Y.jsx)("button",{type:"button",className:Ce()("gs-ba-thumbs__item",{"is-active":l===B}),"aria-label":(0,o.sprintf)(/* translators: %d: comparison number. */ /* translators: %d: comparison number. */ | |
| 3 | +(0,o.__)("Show comparison %d","slider-blocks"),l+1),onClick:()=>w(l),children:(0,Y.jsx)("img",{src:e.after.url,alt:""})},l)))})]}):(0,Y.jsx)("figure",{className:"gs-ba-figure",children:(0,Y.jsxs)("div",{className:"gutslider-compare-block--loaded",children:[(0,Y.jsx)("div",{className:"gutslider-placeholder",children:S.url?y?(0,Y.jsx)("video",{src:S.url,muted:!0}):(0,Y.jsx)("img",{src:S.url,alt:S.alt}):L("before",y?(0,o.__)("Add Before Video","slider-blocks"):(0,o.__)("Add Before Image","slider-blocks"))}),(0,Y.jsx)("div",{className:"gutslider-placeholder",children:N.url?y?(0,Y.jsx)("video",{src:N.url,muted:!0}):(0,Y.jsx)("img",{src:N.url,alt:N.alt}):L("after",y?(0,o.__)("Add After Video","slider-blocks"):(0,o.__)("Add After Image","slider-blocks"))})]})})]}):(0,Y.jsx)(Re,{clientId:s,setAttributes:t})})]})},save:function({attributes:e}){const{uniqueId:l,sliderOptions:t,beforeImage:s,afterImage:o,showCaption:a,captionTag:r,sliderCaption:i,comparisonOptions:n}=e,d=U.useBlockProps.save({className:Ce()(l)});return(0,Y.jsxs)("div",{...d,children:[(0,Y.jsx)("div",{className:"gutslider-compare-block","data-beforeImage":JSON.stringify(s),"data-afterImage":JSON.stringify(o),"data-comparisonOptions":JSON.stringify(n),"data-sliderOptions":JSON.stringify(t)}),a&&(0,Y.jsx)("figcaption",{className:"gutslider-caption",children:(0,Y.jsx)(U.RichText.Content,{tagName:r,className:"gutslider-caption-text",value:i})})]})}})},485(e,l){var t;!function(){"use strict";var s={}.hasOwnProperty;function o(){for(var e=[],l=0;l<arguments.length;l++){var t=arguments[l];if(t){var a=typeof t;if("string"===a||"number"===a)e.push(t);else if(Array.isArray(t)){if(t.length){var r=o.apply(null,t);r&&e.push(r)}}else if("object"===a){if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]")){e.push(t.toString());continue}for(var i in t)s.call(t,i)&&t[i]&&e.push(i)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(l,[]))||(e.exports=t)}()}};const l={};function t(s){const o=l[s];if(void 0!==o)return o.exports;const a=l[s]={exports:{}};return e[s](a,a.exports,t),a.exports}t.m=e,(()=>{const e=[];t.O=(l,s,o,a)=>{if(s){a=a||0;for(var r=e.length;r>0&&e[r-1][2]>a;r--)e[r]=e[r-1];return void(e[r]=[s,o,a])}let i=1/0;for(r=0;r<e.length;r++){let[s,o,a]=e[r],d=!0;for(var n=0;n<s.length;n++)(!1&a||i>=a)&&Object.keys(t.O).every((e=>t.O[e](s[n])))?s.splice(n--,1):(d=!1,a<i&&(i=a));if(d){e.splice(r--,1);const t=o();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var s=0;s<l.length;){var o=l[s++],a=l[s++];t.o(e,o)?0===a&&s++:0===a?Object.defineProperty(e,o,{enumerable:!0,value:l[s++]}):Object.defineProperty(e,o,{enumerable:!0,get:a})}else for(var o in l)t.o(l,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:l[o]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={725:0,985:0};t.O.j=l=>0===e[l];const l=(l,s)=>{let[o,a,r]=s;var i,n,d=0;if(o.some((l=>0!==e[l]))){for(i in a)t.o(a,i)&&(t.m[i]=a[i]);if(r)var c=r(t)}for(l&&l(s);d<o.length;d++)n=o[d],t.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return t.O(c)},s=globalThis.webpackChunkgutenberg_boilerplate||=[];s.forEach(l.bind(null,0)),s.push=l.bind(null,s.push.bind(s))})();let s=t.O(void 0,[985],(()=>t(508)));s=t.O(s)})(); | |
