!function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{AspectRatioControl:function(){return Yn},BackgroundControl:function(){return Kr},BoxShadowRepeaterControl:function(){return ht},ClearIconButton:function(){return Pa},ColorControl:function(){return Ie},ControlActionsProvider:function(){return D},ControlAdornments:function(){return De},ControlAdornmentsProvider:function(){return Be},ControlFormLabel:function(){return _},ControlReplacementsProvider:function(){return T},ControlToggleButtonGroup:function(){return Jt},EqualUnequalSizesControl:function(){return un},FilterRepeaterControl:function(){return Nt},FloatingActionsBar:function(){return j},FontFamilyControl:function(){return yn},GapControl:function(){return Nn},HtmlTagControl:function(){return Wn},ImageControl:function(){return Y},ItemSelector:function(){return bn},KeyValueControl:function(){return ul},LinkControl:function(){return Ln},LinkedDimensionsControl:function(){return pn},NumberControl:function(){return an},PopoverContent:function(){return Et},PositionControl:function(){return pl},PropKeyProvider:function(){return f},PropProvider:function(){return m},QueryControl:function(){return Un},RepeatableControl:function(){return tl},Repeater:function(){return za},SelectControl:function(){return q},SelectControlWrapper:function(){return qt},SizeControl:function(){return ye},StrokeControl:function(){return ze},SvgMediaControl:function(){return mr},SwitchControl:function(){return $n},TextAreaControl:function(){return ee},TextControl:function(){return J},ToggleControl:function(){return rn},TransformRepeaterControl:function(){return ia},TransformSettingsControl:function(){return la},TransitionRepeaterControl:function(){return Ta},UrlControl:function(){return xn},createControl:function(){return I},createControlReplacementsRegistry:function(){return P},enqueueFont:function(){return gn},injectIntoRepeaterItemActions:function(){return lt},injectIntoRepeaterItemIcon:function(){return et},injectIntoRepeaterItemLabel:function(){return nt},transitionProperties:function(){return da},transitionsItemsList:function(){return fa},useBoundProp:function(){return g},useControlActions:function(){return W},useFloatingActionsBar:function(){return B},useSyncExternalState:function(){return ve}});var n=window.React,r=window.elementorV2.editorProps,l=window.elementorV2.ui,a=window.wp.i18n,o=window.elementorV2.utils;const i=(0,o.createError)({code:"missing_prop_provider_prop_type",message:"Prop type is missing"}),c=(0,o.createError)({code:"unsupported_prop_provider_prop_type",message:"Parent prop type is not supported"}),s=(0,o.createError)({code:"hook_outside_provider",message:"Hook used outside of provider"}),u=(0,n.createContext)(null),m=({children:e,value:t,setValue:r,propType:l,placeholder:a,isDisabled:o})=>n.createElement(u.Provider,{value:{value:t,propType:l,setValue:r,placeholder:a,isDisabled:o}},e),p=()=>{const e=(0,n.useContext)(u);if(!e)throw new s({context:{hook:"usePropContext",provider:"PropProvider"}});return e},d=(0,n.createContext)(null),f=({children:e,bind:t})=>{const{propType:r}=p();if(!r)throw new i({context:{bind:t}});if("array"===r.kind)return n.createElement(v,{bind:t},e);if("object"===r.kind)return n.createElement(b,{bind:t},e);throw new c({context:{propType:r}})},b=({children:e,bind:t})=>{const r=p(),{path:l}=(0,n.useContext)(d)??{},a=r.value?.[t],o=r.placeholder?.[t],i=r.propType.shape[t];return n.createElement(d.Provider,{value:{...r,value:a,setValue:(e,n,l)=>{const a={...r.value,[t]:e};return r?.setValue(a,n,{...l,bind:t})},placeholder:o,bind:t,propType:i,path:[...l??[],t]}},e)},v=({children:e,bind:t})=>{const r=p(),{path:l}=(0,n.useContext)(d)??{},a=r.value?.[Number(t)],o=r.propType.item_prop_type;return n.createElement(d.Provider,{value:{...r,value:a,setValue:(e,n)=>{const l=[...r.value??[]];return l[Number(t)]=e,r?.setValue(l,n,{bind:t})},bind:t,propType:o,path:[...l??[],t]}},e)},E=()=>{const e=(0,n.useContext)(d);if(!e)throw new s({context:{hook:"usePropKeyContext",provider:"PropKeyProvider"}});return e};function g(e){const t=E(),{isValid:n,validate:r,restoreValue:l}=h(t.propType),a=t.isDisabled?.(t.propType);if(!e)return{...t,disabled:a};const o=y(t.propType,e.key),i=e.extract(t.value??o.default??null),c=e.extract(t.placeholder??null);return{...t,propType:o,setValue:function(n,l,a){if(r(n,a?.validation))return null===n?t?.setValue(null,l,a):t?.setValue(e?.create(n,l),{},a)},value:n?i:null,restoreValue:l,placeholder:c,disabled:a}}const h=e=>{const[t,r]=(0,n.useState)(!0);return{isValid:t,setIsValid:r,validate:(t,n)=>{let l=!0;return e.settings.required&&null===t&&(l=!1),n&&!n(t)&&(l=!1),r(l),l},restoreValue:()=>r(!0)}},y=(e,t)=>{let n=e;if("union"===e.kind&&(n=e.prop_types[t]),!n)throw new i({context:{key:t}});return n};function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;tn.createElement(l.FormLabel,x({size:"tiny"},e)),w=(0,n.createContext)([]),T=({replacements:e,children:t})=>n.createElement(w.Provider,{value:e},t),C=e=>{const{value:t,placeholder:r}=g(),l=(0,n.useContext)(w);try{const n=l.find(e=>e.condition({value:t,placeholder:r}));return n?.component??e}catch{return e}},P=()=>{const e=[];return{registerControlReplacement:function(t){e.push(t)},getControlReplacements:function(){return e}}};function I(e){return t=>{const r=C(e);return n.createElement(l.ErrorBoundary,{fallback:null},n.createElement(r,t))}}Symbol("control");var S=window.elementorV2.query,z=window.elementorV2.httpClient;const k="elementor/v1/settings",O=e=>e.data.value,R="elementor_unfiltered_files_upload",U={queryKey:[R]},$=()=>(0,S.useQuery)({...U,queryFn:()=>{return(e=R,(0,z.httpService)().get(`${k}/${e}`).then(e=>O(e.data))).then(e=>V(e));var e},staleTime:1/0}),V=e=>Boolean("1"===e);var A=window.elementorV2.icons,L=window.elementorV2.wpMedia;const G=(0,l.styled)("span")` display: contents; .MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) { display: none; } .MuiFloatingActionBar-popper { z-index: 1000; } `,F=(0,n.createContext)(null);function j({actions:e,children:t}){const[r,a]=(0,n.useState)(!1);return n.createElement(F.Provider,{value:{open:r,setOpen:a}},n.createElement(G,null,n.createElement(l.UnstableFloatingActionBar,{actions:e,open:r||void 0},t)))}function B(){const e=(0,n.useContext)(F);if(!e)throw new Error("useFloatingActions must be used within a FloatingActionsBar");return e}const M=(0,n.createContext)(null),D=({children:e,items:t})=>n.createElement(M.Provider,{value:{items:t}},e),W=()=>{const e=(0,n.useContext)(M);if(!e)throw new Error("useControlActions must be used within a ControlActionsProvider");return e};function N({children:e}){const{items:t}=W(),{disabled:r}=g();if(0===t.length||r)return e;const l=t.map(({MenuItem:e,id:t})=>n.createElement(e,{key:t}));return n.createElement(j,{actions:l},e)}const H=I(({mediaTypes:e=["image"]})=>{const{value:t,setValue:o,propType:i}=g(r.imageSrcPropTypeUtil),{id:c,url:s}=t??{},{data:u,isFetching:m}=(0,L.useWpMediaAttachment)(c?.value||null),p=u?.url??s?.value??null,{open:d}=(0,L.useWpMediaFrame)({mediaTypes:e,multiple:!1,selected:c?.value||null,onSelect:e=>{o({id:{$$type:"image-attachment-id",value:e.id},url:null})}});return n.createElement(N,null,n.createElement(l.Card,{variant:"outlined"},n.createElement(l.CardMedia,{image:p,sx:{height:i.meta.isDynamic?134:150}},m?n.createElement(l.Stack,{justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},n.createElement(l.CircularProgress,null)):n.createElement(n.Fragment,null)),n.createElement(l.CardOverlay,null,n.createElement(l.Stack,{gap:1},n.createElement(l.Button,{size:"tiny",color:"inherit",variant:"outlined",onClick:()=>d({mode:"browse"})},(0,a.__)("Select image","elementor")),n.createElement(l.Button,{size:"tiny",variant:"text",color:"inherit",startIcon:n.createElement(A.UploadIcon,null),onClick:()=>d({mode:"upload"})},(0,a.__)("Upload","elementor"))))))});var X=window.elementorV2.editorUi;function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:i,setValue:c,disabled:s,placeholder:u}=g(r.stringPropTypeUtil),m=s||0===e.length;return n.createElement(N,null,n.createElement(l.Select,{sx:{overflow:"hidden"},displayEmpty:!0,size:"tiny",MenuProps:a,"aria-label":o||u,renderValue:t=>{const r=t=>e.find(e=>e.value===t);if(!t||""===t){if(u){const e=r(u),t=e?.label||u;return n.createElement(l.Typography,{component:"span",variant:"caption",color:"text.tertiary"},t)}return""}const a=r(t);return a?.label||t},value:i??"",onChange:e=>{const n=e.target.value||null;t?.(n,i),c(n)},disabled:m,fullWidth:!0},e.map(({label:e,...t})=>n.createElement(X.MenuListItem,K({key:t.value},t,{value:t.value??""}),e))))}),Y=I(({sizes:e,showMode:t="all"})=>{const o=g(r.imagePropTypeUtil);let i;switch(t){case"media":i=n.createElement(Z,null);break;case"sizes":i=n.createElement(Q,{sizes:e});break;default:i=n.createElement(l.Stack,{gap:1.5},n.createElement(_,null,(0,a.__)("Image","elementor")),n.createElement(Z,null),n.createElement(l.Grid,{container:!0,gap:1.5,alignItems:"center",flexWrap:"nowrap"},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Resolution","elementor"))),n.createElement(l.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},n.createElement(Q,{sizes:e}))))}return n.createElement(m,o,i)}),Z=()=>{const{data:e}=$(),t=e?["image","svg"]:["image"];return n.createElement(f,{bind:"src"},n.createElement(H,{mediaTypes:t}))},Q=({sizes:e})=>n.createElement(f,{bind:"size"},n.createElement(q,{options:e})),J=I(({placeholder:e,error:t,inputValue:a,inputDisabled:o,helperText:i,sx:c,ariaLabel:s})=>{const{value:u,setValue:m,disabled:p}=g(r.stringPropTypeUtil);return n.createElement(N,null,n.createElement(l.TextField,{size:"tiny",fullWidth:!0,disabled:o??p,value:a??u??"",onChange:e=>m(e.target.value),placeholder:e,error:t,helperText:i,sx:c,inputProps:{...s?{"aria-label":s}:{}}}))}),ee=I(({placeholder:e,ariaLabel:t})=>{const{value:a,setValue:o,disabled:i}=g(r.stringPropTypeUtil);return n.createElement(N,null,n.createElement(l.TextField,{size:"tiny",multiline:!0,fullWidth:!0,minRows:5,disabled:i,value:a??"",onChange:e=>{o(e.target.value)},placeholder:e,inputProps:{...t?{"aria-label":t}:{}}}))});var te=window.elementorV2.editorResponsive;const ne=["px","%","em","rem","vw","vh"],re=["auto","custom"],le=NaN;function ae(e){return re.includes(e)}function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const[r,a]=(0,n.useState)(0);return n.createElement(l.TextField,oe({},e,{ref:t,key:r,onKeyDown:t=>{!function(e,t){const n=[...ie];t>=0&&n.push("-"),n.includes(e.key)&&e.preventDefault()}(t,e.inputProps?.min),e.onKeyDown?.(t)},onBlur:t=>{e.onBlur?.(t);const{valid:n}=t.target.validity;n||a(e=>e+1)}}))});function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{placeholder:b}=g(r.sizePropTypeUtil);return n.createElement(ce,{ref:f,sx:{input:{cursor:s.readOnly?"default !important":void 0}},size:"tiny",fullWidth:!0,type:t,value:l,onInput:a,onKeyDown:i,onKeyUp:c,disabled:m,onBlur:o,focused:!!p||void 0,placeholder:e??(String(b?.size??"")||void 0),InputProps:s,inputProps:u,id:d})}),me=({options:e,alternativeOptionLabels:t={},onClick:a,value:o,menuItemsAttributes:i={},disabled:c})=>{const s=(0,l.usePopupState)({variant:"popover",popupId:(0,n.useId)()}),{placeholder:u,showPrimaryColor:m}=function(e){const{value:t,placeholder:n}=g(r.sizePropTypeUtil),l=t?.size,a=t?.unit,o="custom"===e&&Boolean(l),i="auto"===e||o||Boolean(l);if(!n)return{placeholder:null,showPrimaryColor:i};return{placeholder:!a&&"px"===e?n.unit:void 0,showPrimaryColor:i}}(o),p={display:"flex",flexDirection:"column",justifyContent:"center"};return n.createElement(l.InputAdornment,{position:"end"},n.createElement(pe,se({isPrimaryColor:m,size:"small",disabled:c},(0,l.bindTrigger)(s)),u??t[o]??o),n.createElement(l.Menu,se({MenuListProps:{dense:!0}},(0,l.bindMenu)(s)),e.map((r,l)=>n.createElement(X.MenuListItem,se({key:r,onClick:()=>(t=>{a(e[t]),s.close()})(l)},i?.[r],{primaryTypographyProps:{variant:"caption",sx:{...p,lineHeight:"1"}},menuItemTextProps:{sx:p}}),t[r]??r.toUpperCase()))))},pe=(0,l.styled)(l.Button,{shouldForwardProp:e=>"isPrimaryColor"!==e})(({isPrimaryColor:e,theme:t})=>({color:e?t.palette.text.primary:t.palette.text.tertiary,font:"inherit",minWidth:"initial",textTransform:"uppercase"})),de=({units:e,handleUnitChange:t,handleSizeChange:r,placeholder:a,startIcon:o,onBlur:i,onFocus:c,onClick:s,size:u,unit:m,popupState:p,disabled:d,min:f,id:b,ariaLabel:v})=>{const E=(0,n.useRef)(""),g=ae(m)?"text":"number",h=!ae(m)&&Number.isNaN(u)?"":u??"",y={"aria-controls":p.isOpen?p.popupId:void 0,"aria-haspopup":!0},x=e.includes("custom")?{custom:y}:void 0,_={custom:n.createElement(A.MathFunctionIcon,{fontSize:"tiny"})},w={...y,readOnly:ae(m),autoComplete:"off",onClick:s,onFocus:c,startAdornment:o?n.createElement(l.InputAdornment,{position:"start",disabled:d},o):void 0,endAdornment:n.createElement(me,{disabled:d,options:e,onClick:t,value:m,alternativeOptionLabels:_,menuItemsAttributes:x})};return n.createElement(N,null,n.createElement(l.Box,null,n.createElement(ue,{disabled:d,placeholder:a,type:g,value:h,onChange:r,onKeyUp:n=>{const{key:r}=n;if(!/^[a-zA-Z%]$/.test(r))return;n.preventDefault();const l=r.toLowerCase(),a=(E.current+l).slice(-3);E.current=a;const o=e.find(e=>e.includes(a))||e.find(e=>e.startsWith(l))||e.find(e=>e.includes(l));o&&t(o)},onBlur:i,InputProps:w,inputProps:{min:f,step:"any","aria-label":v},isPopoverOpen:p.isOpen,id:b})))};function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{popupState:t,restoreValue:r,anchorRef:o,value:i,onChange:c}=e,s=(0,n.useRef)(null);(0,n.useEffect)(()=>{t.isOpen&&requestAnimationFrame(()=>{s.current&&s.current.focus()})},[t.isOpen]);const u=()=>{r(),t.close()};return n.createElement(l.Popover,fe({disablePortal:!0,slotProps:{paper:{sx:{borderRadius:2,width:o.current?.offsetWidth+"px"}}}},(0,l.bindPopover)(t),{anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},onClose:u}),n.createElement(X.PopoverHeader,{title:(0,a.__)("CSS function","elementor"),onClose:u,icon:n.createElement(A.MathFunctionIcon,{fontSize:"tiny"})}),n.createElement(l.TextField,{value:i,onChange:c,size:"tiny",type:"text",fullWidth:!0,inputProps:{ref:s},sx:{pt:0,pr:1.5,pb:1.5,pl:1.5}}))},ve=({external:e,setExternal:t,persistWhen:r,fallback:l})=>{function a(e,t){return e||l(t)}const[o,i]=(0,n.useState)(a(e,null));return(0,n.useEffect)(()=>{i(t=>a(e,t))},[e]),[o,(e,n,l)=>{const a=("function"==typeof e?e:()=>e)(o);var c;i(a),t(r(c=a)?c:null,n,l)}]},Ee={length:"px",angle:"deg",time:"ms"},ge={length:[...ne],angle:["deg","rad","grad","turn"],time:["s","ms"]},he="fx",ye=I(({variant:e="length",defaultUnit:t,units:a,placeholder:o,startIcon:i,anchorRef:c,extendedOptions:s,disableCustom:u,min:m=0,enablePropTypeUnits:p=!1,id:d,ariaLabel:f,isRepeaterControl:b=!1})=>{const{value:v,setValue:E,disabled:h,restoreValue:y,placeholder:x,propType:_}=g(r.sizePropTypeUtil),w=t??x?.unit??Ee[e],[T,C]=(0,n.useState)(_e(v,w)),P=(0,te.useActiveBreakpoint)(),I=function(e,t,n,r){const l=[...ge[n]];return t?e.settings?.available_units??l:r??l}(_,p,e,a),S=function(e,t){return(0,n.useMemo)(()=>{const n=[...e];return t||n.includes("custom")?e.includes("custom")&&n.splice(n.indexOf("custom"),1):n.push("custom"),n},[e,t])}(s||[],u??!1),z=(0,l.usePopupState)({variant:"popover"}),[k,O]=ve({external:T,setExternal:(e,t,n)=>E(we(e),t,n),persistWhen:e=>!!we(e),fallback:e=>({unit:e?.unit??w,numeric:e?.numeric??le,custom:e?.custom??""})}),{size:R=le,unit:U=w}=we(k,!0)||{},$=e=>{const t=e.target.value,n=e.target.validity.valid;"auto"!==U?O(e=>({...e,["custom"===U?"custom":"numeric"]:xe(t,U),unit:U}),void 0,{validation:()=>n}):O(e=>({...e,unit:U}))};return(0,n.useEffect)(()=>{b||(()=>{const e=_e(v,"custom"===k.unit?k.unit:w,"",k.custom),t=ae(k.unit)?"custom":"numeric",n={...k,unit:e.unit??k.unit,[t]:e[t]};"auto"!==n.unit&&Te(k,n)||(k.unit!==e.unit?O(e):C(n))})()},[v]),(0,n.useEffect)(()=>{const e=_e(v,w,"",k.custom);P&&!Te(e,k)&&O(e)},[P]),n.createElement(n.Fragment,null,n.createElement(de,{disabled:h,size:R,unit:U,units:[...I,...S||[]],placeholder:o,startIcon:i,handleSizeChange:$,handleUnitChange:e=>{"custom"===e&&z.open(c?.current),O(t=>({...t,unit:e}))},onBlur:y,onClick:e=>{e.target.closest("input")&&"custom"===k.unit&&z.open(c?.current)},popupState:z,min:m,id:d,ariaLabel:f}),c?.current&&z.isOpen&&n.createElement(be,{popupState:z,anchorRef:c,restoreValue:y,value:R,onChange:$}))});function xe(e,t){return ae(t)?"auto"===t?"":String(e??""):e||0===e?Number(e):NaN}function _e(e,t,n="",r=""){const l=e?.unit??t,a=e?.size??n;return{numeric:ae(l)||isNaN(Number(a))||!a&&0!==a?le:Number(a),custom:"custom"===l?String(a):r,unit:l}}function we(e,t=!1){if(!e)return null;if(!e?.unit)return{size:le,unit:"px"};const{unit:n}=e;return"auto"===n?{size:"",unit:n}:t||("custom"!==n||e.custom)&&("custom"===n||e.numeric||0===e.numeric)?{size:e["custom"===n?"custom":"numeric"],unit:n}:null}function Te(e,t){return e.unit===t.unit&&e.custom===t.custom&&(ae(e.unit)?e.custom===t.custom:e.numeric===t.numeric||isNaN(e.numeric)&&isNaN(t.numeric))}const Ce=({gap:e=.5,sx:t,children:r})=>n.createElement(l.Stack,{gap:e,sx:{...t}},r);function Pe(){return Pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:c,setValue:s,placeholder:u,disabled:m}=g(e),p=i.placeholder??u;return n.createElement(N,null,n.createElement(l.UnstableColorField,Pe({id:o,size:"tiny",fullWidth:!0,value:c??"",placeholder:p??"",onChange:e=>{s(e||null)}},i,{disabled:m,slotProps:{...a,colorPicker:{anchorEl:t,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-10},slotProps:{colorIndicator:{value:c??p??""},colorBox:{value:c??p??""}}}}})))}),Se=["px","em","rem"],ze=I(()=>{const e=g(r.strokePropTypeUtil),t=(0,n.useRef)(null);return n.createElement(m,e,n.createElement(Ce,null,n.createElement(ke,{bind:"width",label:(0,a.__)("Stroke width","elementor"),ref:t},n.createElement(ye,{units:Se,anchorRef:t})),n.createElement(ke,{bind:"color",label:(0,a.__)("Stroke color","elementor")},n.createElement(Ie,null))))}),ke=(0,n.forwardRef)(({bind:e,label:t,children:r},a)=>n.createElement(f,{bind:e},n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:a},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,t)),n.createElement(l.Grid,{item:!0,xs:6},r)))),Oe=new class{listeners=new Map;subscribe(e,t){this.listeners.has(e)||this.listeners.set(e,new Set);const n=this.listeners.get(e);n&&n.add(t)}unsubscribe(e,t){const n=this.listeners.get(e);n&&(n.delete(t),0===n.size&&this.listeners.delete(e))}emit(e,t){const n=this.listeners.get(e);n&&n.forEach(e=>e(t))}clearAll(){this.listeners.clear()}},Re=(0,n.createContext)({index:-1,value:{}}),Ue=(0,n.createContext)(null),$e=()=>{const e=n.useContext(Ue),t=n.useContext(Re);if(!e)throw new Error("useRepeaterContext must be used within a RepeaterContextProvider");return{...e,...t}},Ve=({children:e,initial:t,propTypeUtil:r})=>{const{value:a,setValue:o}=g(r),[i,c]=ve({external:a,fallback:()=>[],setExternal:o,persistWhen:()=>!0}),[s,u]=(0,n.useState)(()=>i?.map((e,t)=>t)??[]),m=(0,n.useMemo)(()=>s.map((e,t)=>({key:e,item:i[t]})).filter(({item:e})=>void 0!==e),[s,i]),[p,d]=(0,n.useState)(-1),[f,b]=(0,n.useState)(null),v=-1!==p,E=(0,l.usePopupState)({variant:"popover"});return n.createElement(Ue.Provider,{value:{isOpen:v,openItemIndex:p,setOpenItemIndex:d,items:m??[],setItems:e=>{c(e.map(({item:e})=>e))},popoverState:E,initial:t,updateItem:(e,t)=>{const n=[...i.slice(0,t),e,...i.slice(t+1)];c(n)},addItem:(e,n)=>{const l=n?.item??{...t},a=n?.index??i.length,o=Ae(),m=[...i];m.splice(a,0,l),c(m),u([...s.slice(0,a),o,...s.slice(a)]),d(a),E.open(f??e),Oe.emit(`${r.key}-item-added`,{itemValue:t.value})},removeItem:e=>{const t=i[e];c(i.filter((t,n)=>n!==e)),u(s.filter((t,n)=>n!==e)),Oe.emit(`${r.key}-item-removed`,{itemValue:t?.value})},rowRef:f,setRowRef:b}},e)},Ae=()=>Date.now()+Math.floor(1e6*Math.random()),Le="tiny",Ge=({disabled:e=!1,enableTooltip:t=!1,tooltipContent:r=null,newItemIndex:o,ariaLabel:i})=>{const{addItem:c}=$e();return n.createElement(Fe,{content:r,enable:t},n.createElement(l.Box,{component:"span",sx:{cursor:e?"not-allowed":"pointer"}},n.createElement(l.IconButton,{size:Le,disabled:e,onClick:e=>c(e,{index:o}),"aria-label":(0,a.sprintf)((0,a.__)("Add %s item","elementor"),i?.toLowerCase())},n.createElement(A.PlusIcon,{fontSize:Le}))))},Fe=({children:e,enable:t,content:r})=>t&&r?n.createElement(l.Infotip,{placement:"right",color:"secondary",content:r},e):e,je=(0,n.createContext)(null),Be=({children:e,items:t})=>n.createElement(je.Provider,{value:{items:t}},e),Me=()=>{const e=(0,n.useContext)(je);return e?.items??[]};function De({customContext:e}){const t=Me();return 0===t?.length?null:n.createElement(n.Fragment,null,t.map(({Adornment:t,id:r})=>n.createElement(t,{key:r,customContext:e})))}const We=n.forwardRef(({label:e,children:t,adornment:r=De},a)=>n.createElement(l.Stack,{direction:"row",alignItems:"center",gap:1,sx:{marginInlineEnd:-.75,py:.25},ref:a},n.createElement(l.Box,{display:"flex",alignItems:"center",gap:1,sx:{flexGrow:1}},n.createElement(l.Typography,{component:"label",variant:"caption",color:"text.secondary",sx:{lineHeight:1}},e),n.createElement(r,null)),t));function Ne(){return Ne=Object.assign?Object.assign.bind():function(e){for(var t=1;tn.createElement(l.List,{sx:{p:0,my:-.5,mx:0}},n.createElement(l.UnstableSortableProvider,Ne({restrictAxis:!0,disableDragOverlay:!1,variant:"static"},e))),Xe=({id:e,children:t,disabled:r})=>n.createElement(l.UnstableSortableItem,{id:e,disabled:r,render:({itemProps:e,triggerProps:l,itemStyle:a,triggerStyle:o,showDropIndication:i,dropIndicationStyle:c})=>n.createElement(Ke,Ne({},e,{style:a,tabIndex:-1}),!r&&n.createElement(qe,Ne({},l,{style:o})),t,i&&n.createElement(Ye,{style:c}))}),Ke=(0,l.styled)(l.ListItem)` position: relative; margin-inline: 0px; padding-inline: 0px; padding-block: ${({theme:e})=>e.spacing(.5)}; & .class-item-sortable-trigger { color: ${({theme:e})=>e.palette.action.active}; height: 100%; display: flex; align-items: center; visibility: hidden; position: absolute; top: 50%; padding-inline-end: ${({theme:e})=>e.spacing(.5)}; transform: translate( -75%, -50% ); } &[aria-describedby=''] > .MuiTag-root { background-color: ${({theme:e})=>e.palette.background.paper}; box-shadow: ${({theme:e})=>e.shadows[3]}; } &:hover, &:focus-within { & .class-item-sortable-trigger { visibility: visible; } } `,qe=e=>n.createElement("div",Ne({},e,{role:"button",className:"class-item-sortable-trigger",tabIndex:0,"aria-label":(0,a.__)("Drag item","elementor")}),n.createElement(A.GripVerticalIcon,{fontSize:"tiny"})),Ye=(0,l.styled)(l.Divider)` height: 0px; border: none; overflow: visible; &:after { --height: 2px; content: ''; display: block; width: 100%; height: var( --height ); margin-block: calc( -1 * var( --height ) / 2 ); border-radius: ${({theme:e})=>e.spacing(.5)}; background-color: ${({theme:e})=>e.palette.text.primary}; } `,Ze=({isSortable:e=!0,children:t})=>{const{items:r,setItems:l}=$e(),a=r.map(({key:e})=>e);return t?n.createElement(n.Fragment,null,n.createElement(He,{value:a,onChange:e=>{l(e.map(e=>{const t=r.findIndex(t=>t.key===e);return r[t]}))}},a.map((l,a)=>{const o=r[a].item;return n.createElement(Xe,{id:l,key:`sortable-${l}`,disabled:!e},n.createElement(Re.Provider,{value:{index:a,value:o}},t))}))):null};var Qe=window.elementorV2.locations;const{Slot:Je,inject:et}=(0,Qe.createReplaceableLocation)(),{Slot:tt,inject:nt}=(0,Qe.createReplaceableLocation)(),{Slot:rt,inject:lt}=(0,Qe.createLocation)();function at(){return at=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{items:o,popoverState:i,setRowRef:c,openItemIndex:s,setOpenItemIndex:u,index:m=-1,value:p}=$e(),d=(0,l.bindTrigger)(i),f=o[m].key??-1;return n.createElement(n.Fragment,null,n.createElement(l.UnstableTag,at({key:f,disabled:!1,label:n.createElement(tt,{value:p},n.createElement(e,{value:p})),showActionsOnHover:!0,fullWidth:!0,ref:e=>{e&&s===m&&e!==i.anchorEl&&(c(e),i.setAnchorEl(e))},variant:"outlined","aria-label":(0,a.__)("Open item","elementor"),sx:{minHeight:e=>e.spacing(3.5)}},d,{onClick:e=>{d.onClick(e),u(m)},startIcon:n.createElement(Je,{value:p},n.createElement(t,{value:p})),actions:n.createElement(n.Fragment,null,n.createElement(rt,{index:m??-1}),r)})))},it=({children:e,initial:t,propTypeUtil:r})=>n.createElement(Ce,null,n.createElement(Ve,{initial:t,propTypeUtil:r},e)),ct="tiny",st=()=>{const{items:e,updateItem:t,index:r=-1}=$e();if(-1===r)return null;const o=e[r].item.disabled??!1,i=o?(0,a.__)("Show","elementor"):(0,a.__)("Hide","elementor");return n.createElement(l.Tooltip,{title:i,placement:"top"},n.createElement(l.IconButton,{size:ct,onClick:()=>{const n=structuredClone(e[r].item);n.disabled=!n.disabled,n.disabled||delete n.disabled,t(n,r)},"aria-label":i},o?n.createElement(A.EyeOffIcon,{fontSize:ct}):n.createElement(A.EyeIcon,{fontSize:ct})))},ut="tiny",mt=()=>{const{items:e,addItem:t,index:r=-1}=$e();if(-1===r)return null;const o=(0,a.__)("Duplicate","elementor");return n.createElement(l.Tooltip,{title:o,placement:"top"},n.createElement(l.IconButton,{size:ut,onClick:n=>{const l=structuredClone(e[r]?.item);t(n,{item:l,index:r+1})},"aria-label":o},n.createElement(A.CopyIcon,{fontSize:ut})))},pt="tiny",dt=()=>{const{removeItem:e,index:t=-1}=$e();if(-1===t)return null;const r=(0,a.__)("Remove","elementor");return n.createElement(l.Tooltip,{title:r,placement:"top"},n.createElement(l.IconButton,{size:pt,onClick:()=>e(t),"aria-label":r},n.createElement(A.XIcon,{fontSize:pt})))};function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{popoverState:t,openItemIndex:r,isOpen:a,rowRef:o,setOpenItemIndex:i,setRowRef:c}=$e();return a&&o?n.createElement(l.Popover,ft({disablePortal:!0,slotProps:{paper:{sx:{mt:.5,width:o.offsetWidth}}},anchorOrigin:{vertical:"bottom",horizontal:"left"}},(0,l.bindPopover)(t),{onClose:()=>{c(null),t.setAnchorEl(null),i(-1)}}),n.createElement(f,{bind:String(r)},n.createElement(l.Box,null,e))):null};function vt(){return vt=Object.assign?Object.assign.bind():function(e){for(var t=1;tn.createElement(l.Stack,vt({},r,{gap:e}),t),gt=(0,n.forwardRef)(({gap:e=1.5,alignItems:t="center",flexWrap:r="nowrap",children:a},o)=>n.createElement(l.Grid,{container:!0,gap:e,alignItems:t,flexWrap:r,ref:o},a)),ht=I(()=>{const{propType:e,value:t,setValue:l,disabled:o}=g(r.boxShadowPropTypeUtil);return n.createElement(m,{propType:e,value:t,setValue:l,isDisabled:()=>o},n.createElement(it,{initial:Ct,propTypeUtil:r.boxShadowPropTypeUtil},n.createElement(We,{label:(0,a.__)("Box shadow","elementor")},n.createElement(Ge,{newItemIndex:0,disabled:o,ariaLabel:"Box shadow"})),n.createElement(Ze,null,n.createElement(ot,{Icon:xt,Label:Tt,actions:n.createElement(n.Fragment,null,n.createElement(mt,null),n.createElement(st,null),n.createElement(dt,null))})),n.createElement(bt,null,n.createElement(_t,null))))}),yt=(0,l.styled)(l.UnstableColorIndicator)(({theme:e})=>({height:"1rem",width:"1rem",borderRadius:e.shape.borderRadius/2+"px"})),xt=({value:e})=>n.createElement(yt,{size:"inherit",component:"span",value:e.value.color?.value}),_t=()=>{const e=g(r.shadowPropTypeUtil),t=[(0,n.useRef)(null),(0,n.useRef)(null)],{rowRef:l}=$e();return n.createElement(m,e,n.createElement(Et,{p:1.5},n.createElement(gt,null,n.createElement(wt,{bind:"color",label:(0,a.__)("Color","elementor")},n.createElement(Ie,{anchorEl:l})),n.createElement(wt,{bind:"position",label:(0,a.__)("Position","elementor"),sx:{overflow:"hidden"}},n.createElement(q,{options:[{label:(0,a.__)("Inset","elementor"),value:"inset"},{label:(0,a.__)("Outset","elementor"),value:null}]}))),n.createElement(gt,{ref:t[0]},n.createElement(wt,{bind:"hOffset",label:(0,a.__)("Horizontal","elementor")},n.createElement(ye,{anchorRef:t[0]})),n.createElement(wt,{bind:"vOffset",label:(0,a.__)("Vertical","elementor")},n.createElement(ye,{anchorRef:t[0]}))),n.createElement(gt,{ref:t[1]},n.createElement(wt,{bind:"blur",label:(0,a.__)("Blur","elementor")},n.createElement(ye,{anchorRef:t[1]})),n.createElement(wt,{bind:"spread",label:(0,a.__)("Spread","elementor")},n.createElement(ye,{anchorRef:t[1]})))))},wt=({label:e,bind:t,children:r,sx:a})=>n.createElement(f,{bind:t},n.createElement(l.Grid,{item:!0,xs:6,sx:a},n.createElement(l.Grid,{container:!0,gap:.75,alignItems:"center"},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(l.FormLabel,{size:"tiny"},e)),n.createElement(l.Grid,{item:!0,xs:12},r)))),Tt=({value:e})=>{const{position:t,hOffset:r,vOffset:l,blur:a,spread:o}=e.value,{size:i="",unit:c=""}=a?.value||{},{size:s="",unit:u=""}=o?.value||{},{size:m="unset",unit:p=""}=r?.value||{},{size:d="unset",unit:f=""}=l?.value||{},b=t?.value||"outset",v=[[m,p],[d,f],[i,c],[s,u]].map(([e,t])=>"custom"!==t?e+t:e||he).join(" ");return n.createElement("span",{style:{textTransform:"capitalize"}},b,": ",v)},Ct={$$type:"shadow",value:{hOffset:{$$type:"size",value:{unit:"px",size:0}},vOffset:{$$type:"size",value:{unit:"px",size:0}},blur:{$$type:"size",value:{unit:"px",size:10}},spread:{$$type:"size",value:{unit:"px",size:0}},color:{$$type:"color",value:"rgba(0, 0, 0, 1)"},position:null}},Pt={blur:{blur:{name:(0,a.__)("Blur","elementor"),valueName:(0,a.__)("Radius","elementor")}},intensity:{brightness:{name:(0,a.__)("Brightness","elementor")},contrast:{name:(0,a.__)("Contrast","elementor")},saturate:{name:(0,a.__)("Saturate","elementor")}},"hue-rotate":{"hue-rotate":{name:(0,a.__)("Hue Rotate","elementor"),valueName:(0,a.__)("Angle","elementor")}},"color-tone":{grayscale:{name:(0,a.__)("Grayscale","elementor")},invert:{name:(0,a.__)("Invert","elementor")},sepia:{name:(0,a.__)("Sepia","elementor")}},"drop-shadow":{"drop-shadow":{name:(0,a.__)("Drop shadow","elementor"),valueName:(0,a.__)("Drop-shadow","elementor")}}},It=(0,a.__)("Amount","elementor"),St={"drop-shadow":e=>function(e){const t=e.shape;return{blur:t?.blur?.default,xAxis:t?.xAxis?.default,yAxis:t?.yAxis?.default,color:t?.color?.default??(t?.color).prop_types.color.default}}(e)};const zt=(0,n.createContext)(null);function kt({children:e}){const t=g(r.cssFilterFunctionPropUtil),l=(0,n.useMemo)(()=>{const e=function(e){const t=Object.entries(Pt).flatMap(([t,n])=>Object.entries(n).map(([n,r])=>function(t,n,{name:r,valueName:l}){const a=function(e,t){return e.shape?.args?.prop_types[t]}(e,t),o=St[n]?.(a)??function(e){const t=e?.shape?.size;return{size:t?.default}}(a),i=function({filterFunction:e,filterFunctionGroup:t,value:n}){return{$$type:"css-filter-func",value:{func:{$$type:"string",value:e},args:{$$type:t,value:n}}}}({filterFunction:n,filterFunctionGroup:t,value:o});return[n,{name:r,valueName:l??It,defaultValue:i,filterFunctionGroup:t}]}(t,n,r)));return Object.fromEntries(t)}(t.propType.item_prop_type),n=Object.entries(e).map(([e,t])=>({value:e,label:t.name}));return{config:e,filterOptions:n,getFilterFunctionConfig:t=>e[t],getInitialValue:()=>e.blur.defaultValue}},[t.propType]);return n.createElement(zt.Provider,{value:l},e)}function Ot(){const e=(0,n.useContext)(zt);if(!e)throw new Error("useFilterConfig must be used within FilterConfigProvider");return e}const Rt=[{bind:"xAxis",label:(0,a.__)("X-axis","elementor"),rowIndex:0},{bind:"yAxis",label:(0,a.__)("Y-axis","elementor"),rowIndex:0},{bind:"blur",label:(0,a.__)("Blur","elementor"),rowIndex:1},{bind:"color",label:(0,a.__)("Color","elementor"),rowIndex:1}],Ut=({anchorEl:e})=>{const t=g(r.dropShadowFilterPropTypeUtil),a=[(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(m,t,Rt.map(t=>n.createElement(gt,{key:t.bind,ref:a[t.rowIndex]??null},n.createElement(f,{bind:t.bind},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,t.label)),n.createElement(l.Grid,{item:!0,xs:6},"color"===t.bind?n.createElement(Ie,{anchorEl:e}):n.createElement(ye,{anchorRef:a[t.rowIndex],enablePropTypeUnits:!0,defaultUnit:"px",isRepeaterControl:!0}))))))},$t={blur:r.blurFilterPropTypeUtil,intensity:r.intensityFilterPropTypeUtil,"hue-rotate":r.hueRotateFilterPropTypeUtil,"color-tone":r.colorToneFilterPropTypeUtil},Vt=({filterFunc:e})=>{const t=(0,n.useRef)(null),{getFilterFunctionConfig:r}=Ot(),{valueName:a,filterFunctionGroup:o}=r(e),i=g($t[o]);return n.createElement(m,i,n.createElement(f,{bind:o},n.createElement(f,{bind:"size"},n.createElement(gt,{ref:t},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,a)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(ye,{anchorRef:t,enablePropTypeUnits:!0,isRepeaterControl:!0}))))))};function At(){return At=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=g(r.cssFilterFunctionPropUtil),{filterOptions:t,getFilterFunctionConfig:o}=Ot();return n.createElement(m,At({},e,{setValue:(t,n,r)=>{let l=structuredClone(t);const a=o(l?.func.value);"func"===r?.bind&&(l=a.defaultValue.value),l.args&&e.setValue(l)}}),n.createElement(f,{bind:"css-filter-func"},n.createElement(Et,{p:1.5},n.createElement(gt,null,n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Filter","elementor"))),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"func"},n.createElement(q,{options:t})))),n.createElement(f,{bind:"args"},n.createElement(Gt,null)))))},Gt=()=>{const{openItemIndex:e,items:t}=$e(),r=t[e].item.value.func.value;return"drop-shadow"===r?n.createElement(Ut,null):n.createElement(Vt,{filterFunc:r})},Ft=({value:e})=>"drop-shadow"!==e.value.func.value?null:n.createElement(jt,{size:"inherit",component:"span",value:e.value.args.value?.color.value}),jt=(0,l.styled)(l.UnstableColorIndicator)(({theme:e})=>({borderRadius:e.shape.borderRadius/2+"px"})),Bt=({value:e})=>{const t=e.value.args.value,r=["xAxis","yAxis","blur"].map(e=>"custom"!==t[e]?.value?.unit?`${t[e]?.value?.size??0}${t[e]?.value?.unit??"px"}`:t[e]?.value?.size||he);return n.createElement(l.Box,{component:"span"},n.createElement(l.Box,{component:"span",style:{textTransform:"capitalize"}},"Drop shadow:"),` ${r.join(" ")}`)},Mt=({value:e})=>{const{func:t,args:r}=e.value,{getFilterFunctionConfig:a}=Ot(),{defaultValue:o}=a(t.value??""),i=o.value.args.value?.size?.value?.unit??ne[0],{unit:c,size:s}=r.value.size?.value??{unit:i,size:0},u=n.createElement(l.Box,{component:"span",style:{textTransform:"capitalize"}},t.value??"",":");return n.createElement(l.Box,{component:"span"},u," "+("custom"!==c?`${s??0}${c??i}`:s||he))},Dt=({value:e})=>"drop-shadow"===e.value.func.value?n.createElement(Bt,{value:e}):n.createElement(Mt,{value:e}),Wt={filter:{propTypeUtil:r.filterPropTypeUtil,label:(0,a.__)("Filters","elementor")},"backdrop-filter":{propTypeUtil:r.backdropFilterPropTypeUtil,label:(0,a.__)("Backdrop filters","elementor")}},Nt=I(({filterPropName:e="filter"})=>{const{propTypeUtil:t,label:r}=(i=e)&&i in Wt?Wt[i]:Wt.filter,{propType:l,value:a,setValue:o}=g(t);var i;return n.createElement(kt,null,n.createElement(m,{propType:l,value:a,setValue:o},n.createElement(Ht,{propTypeUtil:t,label:r,filterPropName:e})))}),Ht=({propTypeUtil:e,label:t,filterPropName:r})=>{const{getInitialValue:l}=Ot();return n.createElement(it,{initial:l(),propTypeUtil:e},n.createElement(We,{label:t},n.createElement(Ge,{newItemIndex:0,ariaLabel:"backdrop-filter"===r?"backdrop filter":"filter"})),n.createElement(Ze,null,n.createElement(ot,{Label:Dt,Icon:Ft,actions:n.createElement(n.Fragment,null,n.createElement(mt,null),n.createElement(st,null),n.createElement(dt,null))})),n.createElement(bt,null,n.createElement(Lt,null)))};function Xt(){return Xt=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=window,t=e.elementor.config.document.id,n=e.elementor.$previewContents[0].querySelectorAll(`[data-elementor-id="${t}"] .elementor-widget-off-canvas.elementor-element-edit-mode`);return Array.from(n).map(e=>({label:e.querySelector(".e-off-canvas")?.getAttribute("aria-label")??"",value:e.dataset.id}))}},qt=I(({collectionId:e,options:t,...r})=>{const l=((e,t)=>{const[r,l]=(0,n.useState)(t??[]);return(0,n.useEffect)(()=>{e&&Kt[e]?l(Kt[e]()):l(t??[])},[e,t]),r})(e,t);return n.createElement(q,Xt({options:l},r))}),Yt=({showTooltip:e,children:t,label:r})=>e&&r?n.createElement(l.Tooltip,{title:r,disableFocusListener:!0,placement:"top"},t):t,Zt=(0,l.styled)(l.ToggleButtonGroup)` ${({justify:e})=>`justify-content: ${e};`} button:not( :last-of-type ) { border-start-end-radius: 0; border-end-end-radius: 0; } button:not( :first-of-type ) { border-start-start-radius: 0; border-end-start-radius: 0; } button:last-of-type { border-start-end-radius: 8px; border-end-end-radius: 8px; } `,Qt=(0,l.styled)(l.ToggleButton,{shouldForwardProp:e=>"isPlaceholder"!==e})` ${({theme:e,isPlaceholder:t})=>t&&`\n\t\tcolor: ${e.palette.text.tertiary};\n\t\tbackground-color: ${"dark"===e.palette.mode?"rgba(255,255,255,0.04)":"rgba(0,0,0,0.02)"};\n\n\t\t&:hover {\n\t\t\tbackground-color: ${"dark"===e.palette.mode?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.04)"};\n\t\t}\n\t`} `,Jt=({justify:e="end",size:t="tiny",value:r,onChange:a,items:o,maxItems:i,exclusive:c=!1,fullWidth:s=!1,disabled:u,placeholder:m})=>{const p=c&&void 0!==i&&o.length>i,d=p?o.slice(i-1):[],f=p?o.slice(0,i-1):o,b="rtl"===(0,l.useTheme)().direction,v=(0,n.useMemo)(()=>{const e=d?.length;return`repeat(${e?f.length+1:f.length}, minmax(0, 25%)) ${e?"auto":""}`},[d?.length,f.length]),E=c&&(null==r||""===r),g=!c&&Array.isArray(r)?r.map(e=>"string"==typeof e?e:"").join(" ").trim().split(/\s+/).filter(Boolean):[],h=!c&&0===g.length,y=(x=m,Array.isArray(x)?x.flatMap(e=>"string"==typeof e?e.trim().split(/\s+/).filter(Boolean):[]):"string"==typeof x?x.trim().split(/\s+/).filter(Boolean):[]);var x;return n.createElement(N,null,n.createElement(Zt,{justify:e,value:r,onChange:(e,t)=>{a(t)},exclusive:c,disabled:u,sx:{direction:b?"rtl /* @noflip */":"ltr /* @noflip */",display:"grid",gridTemplateColumns:v,width:"100%"}},f.map(({label:e,value:r,renderContent:l,showTooltip:a})=>{const o=y.length>0&&y.includes(r)&&(E||h);return n.createElement(Yt,{key:r,label:e,showTooltip:a||!1},n.createElement(Qt,{value:r,"aria-label":e,size:t,fullWidth:s,isPlaceholder:o},n.createElement(l,{size:t})))}),d.length&&c&&n.createElement(en,{size:t,value:r||null,onChange:a,items:d,fullWidth:s})))},en=({size:e="tiny",onChange:t,items:r,fullWidth:a,value:o})=>{const i=tn(r,o),[c,s]=(0,n.useState)(!1),u=(0,n.useRef)(null),m=e=>{s(!1),p(e)},p=e=>{t(e===o?null:e)};return n.createElement(n.Fragment,null,n.createElement(l.ToggleButton,{value:i.value,"aria-label":i.label,size:e,fullWidth:a,onClick:e=>{e.preventDefault(),m(i.value)},ref:u},i.renderContent({size:e})),n.createElement(l.ToggleButton,{size:e,"aria-expanded":c?"true":void 0,"aria-haspopup":"menu","aria-pressed":void 0,onClick:e=>{s(e=>!e),e.preventDefault()},ref:u,value:"__chevron-icon-button__"},n.createElement(A.ChevronDownIcon,{fontSize:e})),n.createElement(l.Menu,{open:c,onClose:()=>s(!1),anchorEl:u.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},sx:{mt:.5}},r.map(({label:e,value:t})=>n.createElement(l.MenuItem,{key:t,selected:t===o,onClick:()=>m(t)},n.createElement(l.ListItemText,null,n.createElement(l.Typography,{sx:{fontSize:"14px"}},e))))))},tn=(e,t)=>{const[r,l]=(0,n.useState)(e.find(e=>e.value===t)??e[0]);return(0,n.useEffect)(()=>{const n=e.find(e=>e.value===t);n&&l(n)},[e,t]),r};function nn(){return nn=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:c,setValue:s,placeholder:u,disabled:m}=g(r.stringPropTypeUtil),p=i?(e=>e.map(e=>{const t=e.icon,r=A[t];return{value:e.value,label:e.label,renderContent:({size:t})=>r?n.createElement(r,{fontSize:t}):e.label,showTooltip:e.showTooltip,exclusive:e.exclusive}}))(e):e,d=p.filter(e=>e.exclusive).map(e=>e.value),f={items:p,maxItems:o,fullWidth:t,size:l,placeholder:u};return a?n.createElement(Jt,nn({},f,{value:c??null,onChange:s,disabled:m,exclusive:!0})):n.createElement(Jt,nn({},f,{value:c?.split(" ")??[],onChange:e=>{const t=e[e.length-1],n=d.includes(t)?[t]:e?.filter(e=>!d.includes(e));s(n?.join(" ")||null)},disabled:m,exclusive:!1}))}),ln=e=>null==e||""===e||Number.isNaN(Number(e)),an=I(({placeholder:e,max:t=Number.MAX_SAFE_INTEGER,min:a=-Number.MAX_SAFE_INTEGER,step:o=1,shouldForceInt:i=!1,startIcon:c})=>{const{value:s,setValue:u,placeholder:m,disabled:p,restoreValue:d}=g(r.numberPropTypeUtil);return n.createElement(N,null,n.createElement(ce,{size:"tiny",type:"number",fullWidth:!0,disabled:p,value:ln(s)?"":s,onInput:e=>{const{value:n,validity:{valid:r}}=e.target;let l;if(ln(n))l=null;else{const e=i?+parseInt(n):Number(n);l=Math.min(Math.max(e,a??Number.MIN_SAFE_INTEGER),t??Number.MAX_SAFE_INTEGER)}u(l,void 0,{validation:()=>r})},onBlur:d,placeholder:e??(ln(m)?"":String(m)),inputProps:{step:o,min:a},InputProps:{startAdornment:c?n.createElement(l.InputAdornment,{position:"start",disabled:p},c):void 0}}))}),on=({children:e,...t})=>n.createElement(l.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},n.createElement(_,t,e),n.createElement(De,null));function cn(){return cn=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const n=Object.values(e);if(n.length!==t.length)return!1;const[r,...l]=n;return l.every(e=>e?.value?.size===r?.value?.size&&e?.value?.unit===r?.value?.unit)};function un({label:e,icon:t,tooltipLabel:o,items:i,multiSizePropTypeUtil:c}){const s=(0,n.useId)(),u=(0,l.usePopupState)({variant:"popover",popupId:s}),{propType:p,value:d,setValue:f,disabled:b}=g(c),{value:v,setValue:E}=g(r.sizePropTypeUtil),h=[(0,n.useRef)(null),(0,n.useRef)(null)],y=()=>v?i.reduce((e,{bind:t})=>({...e,[t]:r.sizePropTypeUtil.create(v)}),{}):null,x=!u.isOpen,w=!!d;return n.createElement(n.Fragment,null,n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:h[0]},n.createElement(l.Grid,{item:!0,xs:6},x?n.createElement(on,null,e):n.createElement(_,null,e)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(l.Stack,{direction:"row",alignItems:"center",gap:1},n.createElement(ye,{placeholder:w?(0,a.__)("Mixed","elementor"):void 0,anchorRef:h[0]}),n.createElement(l.Tooltip,{title:o,placement:"top"},n.createElement(l.ToggleButton,cn({size:"tiny",value:"check",sx:{marginLeft:"auto"}},(0,l.bindToggle)(u),{selected:u.isOpen,"aria-label":o}),t))))),n.createElement(l.Popover,cn({disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},(0,l.bindPopover)(u),{slotProps:{paper:{sx:{mt:.5,width:h[0].current?.getBoundingClientRect().width}}}}),n.createElement(m,{propType:p,value:d||(y()??null),setValue:e=>{const t={...d??y(),...e};if(sn(t,i))return E(Object.values(t)[0]?.value);f(t)},isDisabled:()=>b},n.createElement(Et,{p:1.5},n.createElement(gt,{ref:h[1]},n.createElement(mn,{item:i[0],rowRef:h[1]}),n.createElement(mn,{item:i[1],rowRef:h[1]})),n.createElement(gt,{ref:h[2]},n.createElement(mn,{item:i[2],rowRef:h[2]}),n.createElement(mn,{item:i[3],rowRef:h[2]}))))))}const mn=({item:e,rowRef:t})=>n.createElement(f,{bind:e.bind},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(l.Grid,{container:!0,gap:.75,alignItems:"center"},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(on,null,e.label)),n.createElement(l.Grid,{item:!0,xs:12},n.createElement(ye,{startIcon:e.icon,anchorRef:t}))))),pn=({label:e,isSiteRtl:t=!1,extendedOptions:o,min:i})=>{const{value:c,setValue:s,disabled:u,placeholder:p}=g(r.sizePropTypeUtil),d=[(0,n.useRef)(null),(0,n.useRef)(null)],{value:f,setValue:b,propType:v,placeholder:E,disabled:h}=g(r.dimensionsPropTypeUtil),y=!(!p&&!E),x=!((f||c||y)&&(y?!p:!c)),w=e.toLowerCase(),T=x?A.LinkIcon:A.DetachIcon,C=(0,a.__)("Link %s","elementor").replace("%s",w),P=(0,a.__)("Unlink %s","elementor").replace("%s",w),I=u||h;return n.createElement(m,{propType:v,value:f,setValue:b,placeholder:E,isDisabled:()=>I},n.createElement(l.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},n.createElement(_,null,e),n.createElement(l.Tooltip,{title:x?P:C,placement:"top"},n.createElement(Qt,{"aria-label":x?P:C,size:"tiny",value:"check",selected:x,sx:{marginLeft:"auto"},onChange:()=>{if(!x)return void s(f["block-start"]?.value??null);const e=c?r.sizePropTypeUtil.create(c):null;b({"block-start":e,"block-end":e,"inline-start":e,"inline-end":e})},disabled:I,isPlaceholder:y},n.createElement(T,{fontSize:"tiny"})))),function(e){return[[{bind:"block-start",label:(0,a.__)("Top","elementor"),icon:n.createElement(A.SideTopIcon,{fontSize:"tiny"})},{bind:"inline-end",label:e?(0,a.__)("Left","elementor"):(0,a.__)("Right","elementor"),icon:e?n.createElement(A.SideLeftIcon,{fontSize:"tiny"}):n.createElement(A.SideRightIcon,{fontSize:"tiny"})}],[{bind:"block-end",label:(0,a.__)("Bottom","elementor"),icon:n.createElement(A.SideBottomIcon,{fontSize:"tiny"})},{bind:"inline-start",label:e?(0,a.__)("Right","elementor"):(0,a.__)("Left","elementor"),icon:e?n.createElement(A.SideRightIcon,{fontSize:"tiny"}):n.createElement(A.SideLeftIcon,{fontSize:"tiny"})}]]}(t).map((e,t)=>n.createElement(l.Stack,{direction:"row",gap:2,flexWrap:"nowrap",key:t,ref:d[t]},e.map(({icon:e,...r})=>n.createElement(l.Grid,{container:!0,gap:.75,alignItems:"center",key:r.bind},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(fn,r)),n.createElement(l.Grid,{item:!0,xs:12},n.createElement(dn,{bind:r.bind,startIcon:e,isLinked:x,extendedOptions:o,anchorRef:d[t],min:i})))))))},dn=({bind:e,startIcon:t,isLinked:r,extendedOptions:l,anchorRef:a,min:o})=>r?n.createElement(ye,{startIcon:t,extendedOptions:l,anchorRef:a,min:o}):n.createElement(f,{bind:e},n.createElement(ye,{startIcon:t,extendedOptions:l,anchorRef:a,min:o})),fn=({label:e,bind:t})=>n.createElement(f,{bind:t},n.createElement(on,null,e)),bn=({itemsList:e,selectedItem:t,onItemChange:r,onClose:o,sectionWidth:i,title:c,itemStyle:s=()=>({}),onDebounce:u=()=>{},icon:m,disabledItems:p,id:d="item-selector"})=>{const[f,b]=(0,n.useState)(""),v=((e,t,n)=>e.reduce((e,r)=>{const l=r.items.filter(e=>e.toLowerCase().includes(t.toLowerCase()));return l.length&&(e.push({type:"category",value:r.label}),l.forEach(t=>{e.push({type:"item",value:t,disabled:n?.includes(t)??!1})})),e},[]))(e,f,p),E=m,g=()=>{b(""),o()};return n.createElement(X.PopoverBody,{width:i,id:d},n.createElement(X.PopoverHeader,{title:c,onClose:g,icon:n.createElement(E,{fontSize:"tiny"})}),n.createElement(X.SearchField,{value:f,onSearch:e=>{b(e)},placeholder:(0,a.__)("Search","elementor"),id:d+"-search"}),n.createElement(l.Divider,null),v.length>0?n.createElement(vn,{itemListItems:v,setSelectedItem:r,handleClose:g,selectedItem:t,itemStyle:s,onDebounce:u}):n.createElement(l.Stack,{alignItems:"center",justifyContent:"center",height:"100%",p:2.5,gap:1.5,overflow:"hidden"},n.createElement(E,{fontSize:"large"}),n.createElement(l.Box,{sx:{maxWidth:160,overflow:"hidden"}},n.createElement(l.Typography,{align:"center",variant:"subtitle2",color:"text.secondary"},(0,a.__)("Sorry, nothing matched","elementor")),n.createElement(l.Typography,{variant:"subtitle2",color:"text.secondary",sx:{display:"flex",width:"100%",justifyContent:"center"}},n.createElement("span",null,"“"),n.createElement(l.Box,{component:"span",sx:{maxWidth:"80%",overflow:"hidden",textOverflow:"ellipsis"}},f),n.createElement("span",null,"”."))),n.createElement(l.Typography,{align:"center",variant:"caption",color:"text.secondary",sx:{display:"flex",flexDirection:"column"}},(0,a.__)("Try something else.","elementor"),n.createElement(l.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>b("")},(0,a.__)("Clear & try again","elementor")))))},vn=({itemListItems:e,setSelectedItem:t,handleClose:r,selectedItem:l,itemStyle:a=()=>({}),onDebounce:o=()=>{}})=>{const i=e.find(e=>e.value===l),c=En(({getVirtualIndexes:t})=>{t().forEach(t=>{const n=e[t];n&&"item"===n.type&&o(n.value)})},100),s=(0,n.useCallback)(e=>a(e),[a]);return n.createElement(X.PopoverMenuList,{items:e,selectedValue:i?.value,onChange:c,onSelect:t,onClose:r,itemStyle:s,"data-testid":"item-list"})},En=(e,t)=>{const[r]=(0,n.useState)(()=>(0,o.debounce)(e,t));return(0,n.useEffect)(()=>()=>r.cancel(),[r]),r},gn=(e,t="editor")=>{const n=window;return n.elementor?.helpers?.enqueueFont?.(e,t)??null};function hn(){return hn=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:i,setValue:c,disabled:s,placeholder:u}=g(r.stringPropTypeUtil),m=(0,l.usePopupState)({variant:"popover"}),p=!i&&u,d=n.useMemo(()=>e.map(({label:e,fonts:t})=>({label:e,items:t})),[e]);return n.createElement(n.Fragment,null,n.createElement(N,null,n.createElement(l.UnstableTag,hn({id:"font-family-control",variant:"outlined",label:i||u,endIcon:n.createElement(A.ChevronDownIcon,{fontSize:"tiny"})},(0,l.bindTrigger)(m),{fullWidth:!0,disabled:s,"aria-label":o,sx:p?{"& .MuiTag-label":{color:e=>e.palette.text.tertiary},textTransform:"capitalize"}:void 0}))),n.createElement(l.Popover,hn({disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},sx:{my:1.5}},(0,l.bindPopover)(m)),n.createElement(bn,{id:"font-family-selector",itemsList:d,selectedItem:i,onItemChange:c,onClose:m.close,sectionWidth:t,title:(0,a.__)("Font family","elementor"),itemStyle:e=>({fontFamily:e.value}),onDebounce:gn,icon:A.TextIcon})))}),xn=I(({placeholder:e,ariaLabel:t})=>{const{value:a,setValue:o,disabled:i}=g(r.urlPropTypeUtil);return n.createElement(N,null,n.createElement(l.TextField,{size:"tiny",fullWidth:!0,value:a??"",disabled:i,onChange:e=>o(e.target.value),placeholder:e,inputProps:{...t?{"aria-label":t}:{}}}))});var _n=window.elementorV2.editorElements,wn=window.elementorV2.session;const Tn={label:(0,a.__)("Learn More","elementor"),href:"https://go.elementor.com/element-link-inside-link-infotip"},Cn={descendant:(0,a.__)("To add a link to this element, first remove the link from the elements inside of it.","elementor"),ancestor:(0,a.__)("To add a link to this element, first remove the link from its parent container.","elementor")},Pn=({linkInLinkRestriction:e,isVisible:t,children:r})=>{const{shouldRestrict:o,reason:i,elementId:c}=e,s=n.createElement(l.Alert,{color:"secondary",icon:n.createElement(A.InfoCircleFilledIcon,null),action:n.createElement(l.AlertAction,{sx:{width:"fit-content"},variant:"contained",color:"secondary",onClick:()=>{c&&(0,_n.selectElement)(c)}},(0,a.__)("Take me there","elementor"))},n.createElement(l.AlertTitle,null,(0,a.__)("Nested links","elementor")),n.createElement(l.Box,{component:"span"},Cn[i??"descendant"]," ",n.createElement(l.Link,{href:Tn.href,target:"_blank",color:"info.main"},Tn.label)));return o&&t?n.createElement(l.Infotip,{placement:"right",content:s,color:"secondary",slotProps:{popper:{sx:{width:300}}}},n.createElement(l.Box,null,r)):n.createElement(n.Fragment,null,r)};function In(){return In=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{options:r,onOptionChange:a,onTextChange:o,allowCustomValues:i=!1,placeholder:c="",minInputLength:s=2,value:u="",startAdornment:m,disablePortal:p=!0,...d}=e,f=function(e,t,n){if(null===e)return t;const r=String(e||"")?.toLowerCase();return r.lengthString(e.id).toLowerCase().includes(r)||e.label.toLowerCase().includes(r))}(u,r,s).map(({id:e})=>e),b=!!u,v=i||u?.toString()?.length?void 0:()=>!0,E="number"==typeof u&&!!On(r,u),g=(u?.toString()?.length??0)>=s&&(!i||f.length>0);return n.createElement(l.Autocomplete,In({},d,{ref:t,forcePopupIcon:!1,disablePortal:p,disableClearable:!0,freeSolo:i,openOnFocus:!1,open:g,value:u?.toString()||"",size:"tiny",onChange:(e,t)=>a(Number(t)),readOnly:E,options:f,getOptionKey:e=>On(r,e)?.id||e,getOptionLabel:e=>On(r,e)?.label||e.toString(),groupBy:Rn(r)?e=>On(r,e)?.groupLabel||e:void 0,isOptionEqualToValue:v,filterOptions:()=>f,renderOption:(e,t)=>n.createElement(l.Box,In({component:"li"},e,{key:e.id}),On(r,t)?.label??t),renderInput:e=>n.createElement(zn,{params:e,handleChange:e=>o?.(e),allowClear:b,placeholder:c,hasSelectedValue:E,startAdornment:m,extraInputProps:d.inputProps})}))}),zn=({params:e,allowClear:t,placeholder:r,handleChange:a,hasSelectedValue:o,startAdornment:i,extraInputProps:c})=>n.createElement(l.TextField,In({},e,{placeholder:r,onChange:e=>{a(e.target.value)},inputProps:{...e.inputProps??{},...c??{}},sx:{"& .MuiInputBase-input":{cursor:o?"default":void 0}},InputProps:{...e.InputProps,startAdornment:i?n.createElement(l.InputAdornment,{position:"start"},i):e.InputProps.startAdornment,endAdornment:n.createElement(kn,{params:e,allowClear:t,handleChange:a})}})),kn=({allowClear:e,handleChange:t,params:r})=>n.createElement(l.InputAdornment,{position:"end"},e&&n.createElement(l.IconButton,{size:r.size,onClick:()=>t(null),sx:{cursor:"pointer"}},n.createElement(A.XIcon,{fontSize:r.size})));function On(e,t=null){const n=(t||"").toString();return e.find(({id:e})=>n===e.toString())}function Rn(e){return!(e.length<=1)&&new Set(e.map(e=>e.groupLabel)).size>1}const Un=I(e=>{const{value:t,setValue:l}=g(),{allowCustomValues:i=!0,queryOptions:{url:c,params:s={}},placeholder:u,minInputLength:m=2,onSetValue:p,ariaLabel:d}=e||{},f=u||(0,a.__)("Search","elementor"),[b,v]=(0,n.useState)(function(e){const t=e?.id?.value,n=e?.label?.value;return t&&n&&"number"===(e?.id?.$$type||"url")?[{id:t.toString(),label:n}]:[]}(t?.value)),E=(0,n.useMemo)(()=>(0,o.debounce)(e=>async function(e,t){if(!t||!e)return[];try{const{data:n}=await(0,z.httpService)().get(e,{params:t});return n.data.value}catch{return[]}}(c,e).then(e=>{v(function(e){const t=Rn(e)?"groupLabel":"label";return e.sort((e,n)=>e[t]&&n[t]?e[t].localeCompare(n[t]):0)}(e))}),400),[c]);return n.createElement(N,null,n.createElement(Sn,{options:b,allowCustomValues:i,placeholder:f,startAdornment:n.createElement(A.SearchIcon,{fontSize:"tiny"}),value:t?.value?.id?.value||t?.value,onOptionChange:e=>{if(null===e)return l(null),void p?.(null);const t={$$type:"query",value:{id:r.numberPropTypeUtil.create(e),label:r.stringPropTypeUtil.create(On(b,e)?.label||null)}};l(t),p?.(t)},onTextChange:e=>{if(!e)return l(null),void p?.(null);const t=e?.trim()||"",n=t?r.urlPropTypeUtil.create(t):null;l(n),p?.(n),(e=>{v([]),!e||!c||e.length{const{value:e,setValue:t,disabled:a}=g(r.booleanPropTypeUtil);return n.createElement(l.Box,{sx:{display:"flex",justifyContent:"flex-end"}},n.createElement(l.Switch,{checked:!!e,onChange:e=>{t(e.target.checked)},size:"small",disabled:a,inputProps:{...a?{style:{opacity:0}}:{}}}))});function Vn(){return Vn=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:t,path:o,setValue:i,...c}=g(r.linkPropTypeUtil),[s,u]=(0,wn.useSessionStorage)(o.join("/")),[p,d]=(0,n.useState)(!!t),{allowCustomValues:b=!0,queryOptions:v,placeholder:E,minInputLength:h=2,context:{elementId:y},label:x=(0,a.__)("Link","elementor"),ariaLabel:w}=e||{},[T,C]=(0,n.useState)((0,_n.getLinkInLinkRestriction)(y)),P=!p&&T.shouldRestrict;return n.createElement(m,Vn({},c,{value:t,setValue:i}),n.createElement(l.Stack,{gap:1.5},n.createElement(l.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},n.createElement(_,null,x),n.createElement(Pn,{isVisible:!p,linkInLinkRestriction:T},n.createElement(Gn,{disabled:P,active:p,onIconClick:()=>{if(C((0,_n.getLinkInLinkRestriction)(y)),T.shouldRestrict&&!p)return;const e=!p;d(e),e||null===t||i(null),e&&s?.value&&i(s.value),u({value:s?.value,meta:{isEnabled:e}})},label:(0,a.__)("Toggle link","elementor")}))),n.createElement(l.Collapse,{in:p,timeout:"auto",unmountOnExit:!0},n.createElement(l.Stack,{gap:1.5},n.createElement(f,{bind:"destination"},n.createElement(Un,{queryOptions:v,allowCustomValues:b,minInputLength:h,placeholder:E,onSetValue:e=>{const n=e?{...t,destination:e}:null;u({...s,value:n})},ariaLabel:w||x})),n.createElement(f,{bind:"isTargetBlank"},n.createElement(l.Grid,{container:!0,alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},n.createElement(l.Grid,{item:!0},n.createElement(_,null,(0,a.__)("Open in a new tab","elementor"))),n.createElement(l.Grid,{item:!0,sx:{marginInlineEnd:-1}},n.createElement($n,null))))))))}),Gn=({disabled:e,active:t,onIconClick:r,label:a})=>n.createElement(l.IconButton,{size:An,onClick:r,"aria-label":a,disabled:e},t?n.createElement(A.MinusIcon,{fontSize:An}):n.createElement(A.PlusIcon,{fontSize:An}));function Fn(){return Fn=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const s="rtl"===(0,l.useTheme)().direction,u=i.isEnabled&&(t||r);return n.createElement(l.Box,{ref:c},u?n.createElement(l.DirectionProvider,{rtl:s},n.createElement(l.Infotip,Fn({placement:"right",color:jn,slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,10]}}]}}},o,{content:n.createElement(X.InfoAlert,Fn({color:jn,sx:{width:300,px:1.5,py:2}},a),n.createElement(l.Box,{sx:{flexDirection:"column",display:"flex",gap:.5}},n.createElement(l.AlertTitle,null,t),n.createElement(l.Box,null,r)))}),e)):e)});function Mn(){return Mn=Object.assign?Object.assign.bind():function(e){for(var t=1;t({".MuiSelect-select.Mui-disabled":{cursor:"not-allowed"}})),Wn=I(({options:e,onChange:t,fallbackLabels:o={}})=>{const{value:i,setValue:c,disabled:s,placeholder:u}=g(r.stringPropTypeUtil),m=(0,_n.getElementLabel)()??"element",p={title:(0,a.__)("HTML Tag","elementor"),description:(0,a.__)("The tag is locked to 'a' tag because this %s has a link. To pick a different tag, remove the link first.","elementor").replace("%s",m),isEnabled:!!s},d=t=>e.find(e=>e.value===t);return n.createElement(N,null,n.createElement(Bn,p,n.createElement(Dn,{sx:{overflow:"hidden",cursor:s?"not-allowed":void 0},displayEmpty:!0,size:"tiny",renderValue:e=>{if(e)return d(e)?.label||o[e]||e;if(!u)return"";const t=d(u),r=t?.label||u;return n.createElement(l.Typography,{component:"span",variant:"caption",color:"text.tertiary"},r)},value:i??"",onChange:e=>{const n=e.target.value||null;t?.(n,i),c(n)},disabled:s,fullWidth:!0},e.map(({label:e,...t})=>n.createElement(X.MenuListItem,Mn({key:t.value},t,{value:t.value??""}),e)))))}),Nn=({label:e})=>{const{value:t,setValue:o,propType:i,disabled:c}=g(r.layoutDirectionPropTypeUtil),s=(0,n.useRef)(null),{value:u,setValue:p,disabled:d}=g(r.sizePropTypeUtil),f=!t&&!u||!!u,b=e.toLowerCase(),v=f?A.LinkIcon:A.DetachIcon,E=(0,a.__)("Link %s","elementor").replace("%s",b),h=(0,a.__)("Unlink %s","elementor").replace("%s",b),y=d||c;return n.createElement(m,{propType:i,value:t,setValue:o},n.createElement(l.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},n.createElement(on,null,e),n.createElement(l.Tooltip,{title:f?h:E,placement:"top"},n.createElement(l.ToggleButton,{"aria-label":f?h:E,size:"tiny",value:"check",selected:f,sx:{marginLeft:"auto"},onChange:()=>{if(!f)return void p(t?.column?.value??null);const e=u?r.sizePropTypeUtil.create(u):null;o({row:e,column:e})},disabled:y},n.createElement(v,{fontSize:"tiny"})))),n.createElement(l.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:s},n.createElement(l.Grid,{container:!0,gap:.75,alignItems:"center"},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(_,null,(0,a.__)("Column","elementor"))),n.createElement(l.Grid,{item:!0,xs:12},n.createElement(Hn,{bind:"column",isLinked:f,anchorRef:s}))),n.createElement(l.Grid,{container:!0,gap:.75,alignItems:"center"},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(_,null,(0,a.__)("Row","elementor"))),n.createElement(l.Grid,{item:!0,xs:12},n.createElement(Hn,{bind:"row",isLinked:f,anchorRef:s})))))},Hn=({bind:e,isLinked:t,anchorRef:r})=>t?n.createElement(ye,{anchorRef:r}):n.createElement(f,{bind:e},n.createElement(ye,{anchorRef:r}));function Xn(){return Xn=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:t,setValue:o,disabled:i}=g(r.stringPropTypeUtil),c=t&&!Kn.some(e=>e.value===t),[s,u]=c?t.split("/"):["",""],[m,p]=(0,n.useState)(c),[d,f]=(0,n.useState)(s),[b,v]=(0,n.useState)(u),[E,h]=(0,n.useState)(c?qn:t||"");return(0,n.useEffect)(()=>{if(t&&!Kn.some(e=>e.value===t)){const[e,n]=t.split("/");f(e||""),v(n||""),h(qn),p(!0)}else h(t||""),p(!1),f(""),v("")},[t]),n.createElement(N,null,n.createElement(l.Stack,{direction:"column",gap:2},n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(on,null,e)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(l.Select,{size:"tiny",displayEmpty:!0,sx:{overflow:"hidden"},disabled:i,value:E,onChange:e=>{const t=e.target.value,n=t===qn;p(n),h(t),n||o(t)},fullWidth:!0},[...Kn,{label:(0,a.__)("Custom","elementor"),value:qn}].map(({label:e,...t})=>n.createElement(X.MenuListItem,Xn({key:t.value},t,{value:t.value??""}),e))))),m&&n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(l.TextField,{size:"tiny",type:"number",fullWidth:!0,disabled:i,value:d,onChange:e=>{const t=e.target.value;f(t),t&&b&&o(`${t}/${b}`)},InputProps:{startAdornment:n.createElement(A.ArrowsMoveHorizontalIcon,{fontSize:"tiny"})}})),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(l.TextField,{size:"tiny",type:"number",fullWidth:!0,disabled:i,value:b,onChange:e=>{const t=e.target.value;v(t),d&&t&&o(`${d}/${t}`)},InputProps:{startAdornment:n.createElement(A.ArrowsMoveVerticalIcon,{fontSize:"tiny"})}})))))});var Zn=window.elementorV2.editorCurrentUser;const Qn=(0,a.__)("Enable Unfiltered Uploads","elementor"),Jn=(0,a.__)("Before you enable unfiltered files upload, note that such files include a security risk. Elementor does run a process to remove possible malicious code, but there is still risk involved when using such files.","elementor"),er=(0,a.__)("Failed to enable unfiltered files upload.","elementor"),tr=(0,a.__)("You can try again, if the problem persists, please contact support.","elementor"),nr=e=>{const{mutateAsync:t,isPending:r}=function(){const e=(0,S.useQueryClient)();return(0,S.useMutation)({mutationFn:({allowUnfilteredFilesUpload:e})=>{return t=R,n=e?"1":"0",(0,z.httpService)().put(`${k}/${t}`,{value:n});var t,n},onSuccess:()=>e.invalidateQueries(U)})}(),[l,a]=(0,n.useState)(!1),o={...e,isPending:r,handleEnable:async()=>{try{const n=await t({allowUnfilteredFilesUpload:!0});!1===n?.data?.success?a(!0):e.onClose(!0)}catch{a(!0)}},isError:l,onClose:t=>{e.onClose(t),setTimeout(()=>a(!1),300)}};return n.createElement(rr,o)},rr=({open:e,onClose:t,handleEnable:r,isPending:o,isError:i})=>n.createElement(l.Dialog,{open:e,maxWidth:"sm",onClose:()=>t(!1)},n.createElement(l.DialogHeader,{logo:!1},n.createElement(l.DialogTitle,null,Qn)),n.createElement(l.Divider,null),n.createElement(l.DialogContent,null,n.createElement(l.DialogContentText,null,i?n.createElement(n.Fragment,null,er," ",n.createElement("br",null)," ",tr):Jn)),n.createElement(l.DialogActions,null,n.createElement(l.Button,{size:"medium",color:"secondary",onClick:()=>t(!1)},(0,a.__)("Cancel","elementor")),n.createElement(l.Button,{size:"medium",onClick:()=>r(),variant:"contained",color:"primary",disabled:o},o?n.createElement(l.CircularProgress,{size:24}):(0,a.__)("Enable","elementor")))),lr="transparent",ar="#c1c1c1",or=`linear-gradient(45deg, ${ar} 25%, ${lr} 0, ${lr} 75%, ${ar} 0, ${ar})`,ir=(0,l.styled)(l.Card)` background-color: white; background-image: ${or}, ${or}; background-size: ${8}px ${8}px; background-position: 0 0, ${4}px ${4}px; border: none; `,cr=(0,l.styled)(l.Stack)` position: relative; height: 140px; object-fit: contain; padding: 5px; justify-content: center; align-items: center; background-color: rgba( 255, 255, 255, 0.37 ); `,sr={mode:"browse"},ur={mode:"upload"},mr=I(()=>{const{value:e,setValue:t}=g(r.imageSrcPropTypeUtil),{id:o,url:i}=e??{},{data:c,isFetching:s}=(0,L.useWpMediaAttachment)(o?.value||null),u=c?.url??i?.value??null,{data:m}=$(),[p,d]=(0,n.useState)(!1),{canUser:f}=(0,Zn.useCurrentUserCapabilities)(),b=f("manage_options"),{open:v}=(0,L.useWpMediaFrame)({mediaTypes:["svg"],multiple:!1,selected:o?.value||null,onSelect:e=>{t({id:{$$type:"image-attachment-id",value:e.id},url:null})}}),E=e=>{m||e!==ur?v(e):d(!0)},h={title:(0,a.__)("Sorry, you can't upload that file yet.","elementor"),description:n.createElement(n.Fragment,null,(0,a.__)("To upload them anyway, ask the site administrator to enable unfiltered","elementor"),n.createElement("br",null),(0,a.__)("file uploads.","elementor")),isEnabled:!b};return n.createElement(l.Stack,{gap:1},n.createElement(nr,{open:p,onClose:e=>{d(!1),e&&v(ur)}}),n.createElement(N,null,n.createElement(ir,{variant:"outlined"},n.createElement(cr,null,s?n.createElement(l.CircularProgress,{role:"progressbar"}):n.createElement(l.CardMedia,{component:"img",image:u,alt:(0,a.__)("Preview SVG","elementor"),sx:{maxHeight:"140px",width:"50px"}})),n.createElement(l.CardOverlay,{sx:{"&:hover":{backgroundColor:"rgba( 0, 0, 0, 0.75 )"}}},n.createElement(l.Stack,{gap:1},n.createElement(l.Button,{size:"tiny",color:"inherit",variant:"outlined",onClick:()=>E(sr)},(0,a.__)("Select SVG","elementor")),n.createElement(Bn,h,n.createElement("span",null,n.createElement(l.ThemeProvider,{colorScheme:b?"light":"dark"},n.createElement(l.Button,{size:"tiny",variant:"text",color:"inherit",startIcon:n.createElement(A.UploadIcon,null),disabled:!b,onClick:()=>b&&E(ur)},(0,a.__)("Upload","elementor"))))))))))});var pr=window.elementorV2.env;const{env:dr}=(0,pr.parseEnv)("@elementor/editor-controls"),fr=I(()=>{const{value:e,setValue:t}=g(r.backgroundGradientOverlayPropTypeUtil);return n.createElement(N,null,n.createElement(l.UnstableGradientBox,{sx:{width:"auto",padding:1.5},value:(()=>{if(!e)return;const{type:t,angle:n,stops:r,positions:l}=e;return{type:t.value,angle:n.value,stops:r.value.map(({value:{color:e,offset:t}})=>({color:e.value,offset:t.value})),positions:l?.value.split(" ")}})(),onChange:e=>{const n=(e=>({...e,type:r.stringPropTypeUtil.create(e.type),angle:r.numberPropTypeUtil.create(e.angle),stops:r.gradientColorStopPropTypeUtil.create(e.stops.map(({color:e,offset:t})=>r.colorStopPropTypeUtil.create({color:r.colorPropTypeUtil.create(e),offset:r.numberPropTypeUtil.create(t)})))}))(e);n.positions&&(n.positions=r.stringPropTypeUtil.create(e.positions.join(" "))),t(n)}}))}),br=r.backgroundGradientOverlayPropTypeUtil.create({type:r.stringPropTypeUtil.create("linear"),angle:r.numberPropTypeUtil.create(180),stops:r.gradientColorStopPropTypeUtil.create([r.colorStopPropTypeUtil.create({color:r.colorPropTypeUtil.create("rgb(0,0,0)"),offset:r.numberPropTypeUtil.create(0)}),r.colorStopPropTypeUtil.create({color:r.colorPropTypeUtil.create("rgb(255,255,255)"),offset:r.numberPropTypeUtil.create(100)})])}),vr=[{value:"fixed",label:(0,a.__)("Fixed","elementor"),renderContent:({size:e})=>n.createElement(A.PinIcon,{fontSize:e}),showTooltip:!0},{value:"scroll",label:(0,a.__)("Scroll","elementor"),renderContent:({size:e})=>n.createElement(A.PinnedOffIcon,{fontSize:e}),showTooltip:!0}],Er=()=>n.createElement(gt,null,n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Attachment","elementor"))),n.createElement(l.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end",overflow:"hidden"}},n.createElement(rn,{options:vr}))),gr=[{label:(0,a.__)("Center center","elementor"),value:"center center"},{label:(0,a.__)("Center left","elementor"),value:"center left"},{label:(0,a.__)("Center right","elementor"),value:"center right"},{label:(0,a.__)("Top center","elementor"),value:"top center"},{label:(0,a.__)("Top left","elementor"),value:"top left"},{label:(0,a.__)("Top right","elementor"),value:"top right"},{label:(0,a.__)("Bottom center","elementor"),value:"bottom center"},{label:(0,a.__)("Bottom left","elementor"),value:"bottom left"},{label:(0,a.__)("Bottom right","elementor"),value:"bottom right"},{label:(0,a.__)("Custom","elementor"),value:"custom"}],hr=()=>{const e=g(r.backgroundImagePositionOffsetPropTypeUtil),t=g(r.stringPropTypeUtil),o=!!e.value,i=(0,n.useRef)(null);return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(gt,null,n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Position","elementor"))),n.createElement(l.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end",overflow:"hidden"}},n.createElement(l.Select,{fullWidth:!0,size:"tiny",onChange:n=>{const r=n.target.value||null;"custom"===r?e.setValue({x:null,y:null}):t.setValue(r)},disabled:t.disabled,value:(e.value?"custom":t.value)??""},gr.map(({label:e,value:t})=>n.createElement(X.MenuListItem,{key:t,value:t??""},e)))))),o?n.createElement(m,e,n.createElement(l.Grid,{item:!0,xs:12},n.createElement(l.Grid,{container:!0,spacing:1.5,ref:i},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"x"},n.createElement(ye,{startIcon:n.createElement(A.LetterXIcon,{fontSize:"tiny"}),anchorRef:i,min:-Number.MAX_SAFE_INTEGER}))),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"y"},n.createElement(ye,{startIcon:n.createElement(A.LetterYIcon,{fontSize:"tiny"}),anchorRef:i,min:-Number.MAX_SAFE_INTEGER})))))):null)},yr=[{value:"repeat",label:(0,a.__)("Repeat","elementor"),renderContent:({size:e})=>n.createElement(A.GridDotsIcon,{fontSize:e}),showTooltip:!0},{value:"repeat-x",label:(0,a.__)("Repeat-x","elementor"),renderContent:({size:e})=>n.createElement(A.DotsHorizontalIcon,{fontSize:e}),showTooltip:!0},{value:"repeat-y",label:(0,a.__)("Repeat-y","elementor"),renderContent:({size:e})=>n.createElement(A.DotsVerticalIcon,{fontSize:e}),showTooltip:!0},{value:"no-repeat",label:(0,a.__)("No-repeat","elementor"),renderContent:({size:e})=>n.createElement(A.XIcon,{fontSize:e}),showTooltip:!0}],xr=()=>n.createElement(gt,null,n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Repeat","elementor"))),n.createElement(l.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},n.createElement(rn,{options:yr}))),_r=[{value:"auto",label:(0,a.__)("Auto","elementor"),renderContent:({size:e})=>n.createElement(A.LetterAIcon,{fontSize:e}),showTooltip:!0},{value:"cover",label:(0,a.__)("Cover","elementor"),renderContent:({size:e})=>n.createElement(A.ArrowsMaximizeIcon,{fontSize:e}),showTooltip:!0},{value:"contain",label:(0,a.__)("Contain","elementor"),renderContent:({size:e})=>n.createElement(A.ArrowBarBothIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,a.__)("Custom","elementor"),renderContent:({size:e})=>n.createElement(A.PencilIcon,{fontSize:e}),showTooltip:!0}],wr=()=>{const e=g(r.backgroundImageSizeScalePropTypeUtil),t=g(r.stringPropTypeUtil),o=!!e.value,i=(0,n.useRef)(null);return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(gt,null,n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Size","elementor"))),n.createElement(l.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},n.createElement(Jt,{exclusive:!0,items:_r,onChange:n=>{"custom"===n?e.setValue({width:null,height:null}):t.setValue(n)},disabled:t.disabled,value:e.value?"custom":t.value})))),o?n.createElement(m,e,n.createElement(l.Grid,{item:!0,xs:12,ref:i},n.createElement(gt,null,n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"width"},n.createElement(ye,{startIcon:n.createElement(A.ArrowsMoveHorizontalIcon,{fontSize:"tiny"}),extendedOptions:["auto"],anchorRef:i}))),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"height"},n.createElement(ye,{startIcon:n.createElement(A.ArrowsMoveVerticalIcon,{fontSize:"tiny"}),extendedOptions:["auto"],anchorRef:i})))))):null)};function Tr(){return Tr=Object.assign?Object.assign.bind():function(e){for(var t=1;t({$$type:"background-image-overlay",value:{image:{$$type:"image",value:{src:{$$type:"image-src",value:{url:{$$type:"url",value:dr.background_placeholder_image},id:null}},size:{$$type:"string",value:"large"}}}}}),Ir=[{label:(0,a.__)("Thumbnail - 150 x 150","elementor"),value:"thumbnail"},{label:(0,a.__)("Medium - 300 x 300","elementor"),value:"medium"},{label:(0,a.__)("Large 1024 x 1024","elementor"),value:"large"},{label:(0,a.__)("Full","elementor"),value:"full"}],Sr=I(()=>{const{propType:e,value:t,setValue:l}=g(r.backgroundOverlayPropTypeUtil);return n.createElement(m,{propType:e,value:t,setValue:l},n.createElement(it,{initial:Pr(),propTypeUtil:r.backgroundOverlayPropTypeUtil},n.createElement(We,{label:(0,a.__)("Overlay","elementor")},n.createElement(Ge,{newItemIndex:0})),n.createElement(Ze,null,n.createElement(ot,{Icon:kr,Label:Vr,actions:n.createElement(n.Fragment,null,n.createElement(mt,null),n.createElement(st,null),n.createElement(dt,null))})),n.createElement(bt,null,n.createElement(zr,null))))}),zr=()=>{const{getTabsProps:e,getTabProps:t,getTabPanelProps:o}=(({color:e,image:t,gradient:a})=>{const{value:o,setValue:i}=g(r.backgroundImageOverlayPropTypeUtil),{value:c,setValue:s}=g(r.backgroundColorOverlayPropTypeUtil),{value:u,setValue:m}=g(r.backgroundGradientOverlayPropTypeUtil),{getTabsProps:p,getTabProps:d,getTabPanelProps:f}=(0,l.useTabs)(c?"color":u?"gradient":"image"),b=(0,n.useRef)({image:t,color:e,gradient:a}),v=(e,t)=>{t&&(b.current[e]=t)},E=(e,t)=>{switch(t){case"image":i(b.current.image),v("color",c),v("gradient",u);break;case"gradient":m(b.current.gradient),v("color",c),v("image",o);break;case"color":s(b.current.color),v("image",o),v("gradient",u)}return p().onChange(e,t)};return{getTabProps:d,getTabPanelProps:f,getTabsProps:()=>({...p(),onChange:E})}})({image:Pr().value,color:Cr.value,gradient:br.value}),{rowRef:i}=$e();return n.createElement(l.Box,{sx:{width:"100%"}},n.createElement(l.Box,{sx:{borderBottom:1,borderColor:"divider"}},n.createElement(l.Tabs,Tr({size:"small",variant:"fullWidth"},e(),{"aria-label":(0,a.__)("Background Overlay","elementor")}),n.createElement(l.Tab,Tr({label:(0,a.__)("Image","elementor")},t("image"))),n.createElement(l.Tab,Tr({label:(0,a.__)("Gradient","elementor")},t("gradient"))),n.createElement(l.Tab,Tr({label:(0,a.__)("Color","elementor")},t("color"))))),n.createElement(l.TabPanel,Tr({sx:{p:1.5}},o("image")),n.createElement(Et,null,n.createElement(jr,null))),n.createElement(l.TabPanel,Tr({sx:{p:1.5}},o("gradient")),n.createElement(fr,null)),n.createElement(l.TabPanel,Tr({sx:{p:1.5}},o("color")),n.createElement(Et,null,n.createElement(Fr,{anchorEl:i}))))},kr=({value:e})=>{switch(e.$$type){case"background-image-overlay":return n.createElement(Ur,{value:e});case"background-color-overlay":return n.createElement(Rr,{value:e});case"background-gradient-overlay":return n.createElement($r,{value:e});default:return null}},Or=e=>e?.value?.color?.value?e.value.color.value:"",Rr=({value:e})=>{const t=Or(e);return n.createElement(Br,{size:"inherit",component:"span",value:t})},Ur=({value:e})=>{const{imageUrl:t}=Mr(e);return n.createElement(l.CardMedia,{image:t,sx:e=>({height:"1rem",width:"1rem",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`})})},$r=({value:e})=>{const t=Wr(e);return n.createElement(Br,{size:"inherit",component:"span",value:t})},Vr=({value:e})=>{switch(e.$$type){case"background-image-overlay":return n.createElement(Lr,{value:e});case"background-color-overlay":return n.createElement(Ar,{value:e});case"background-gradient-overlay":return n.createElement(Gr,{value:e});default:return null}},Ar=({value:e})=>{const t=Or(e);return n.createElement("span",null,t)},Lr=({value:e})=>{const{imageTitle:t}=Mr(e);return n.createElement("span",null,t)},Gr=({value:e})=>"linear"===e.value.type.value?n.createElement("span",null,(0,a.__)("Linear Gradient","elementor")):n.createElement("span",null,(0,a.__)("Radial Gradient","elementor")),Fr=({anchorEl:e})=>{const t=g(r.backgroundColorOverlayPropTypeUtil);return n.createElement(m,t,n.createElement(f,{bind:"color"},n.createElement(Ie,{anchorEl:e})))},jr=()=>{const e=g(r.backgroundImageOverlayPropTypeUtil);return n.createElement(m,e,n.createElement(f,{bind:"image"},n.createElement(Y,{sizes:Ir})),n.createElement(f,{bind:"position"},n.createElement(hr,null)),n.createElement(f,{bind:"repeat"},n.createElement(xr,null)),n.createElement(f,{bind:"size"},n.createElement(wr,null)),n.createElement(f,{bind:"attachment"},n.createElement(Er,null)))},Br=(0,l.styled)(l.UnstableColorIndicator)(({theme:e})=>({height:"1rem",width:"1rem",borderRadius:e.shape.borderRadius/2+"px"})),Mr=e=>{let t,n=null;const r=e?.value.image.value?.src.value,{data:l}=(0,L.useWpMediaAttachment)(r.id?.value||null);if(r.id){const e=Dr(l?.filename);t=`${l?.title}${e}`||null,n=l?.url||null}else r.url&&(n=r.url.value,t=n?.substring(n.lastIndexOf("/")+1)||null);return{imageTitle:t,imageUrl:n}},Dr=e=>e?`.${e.substring(e.lastIndexOf(".")+1)}`:"",Wr=e=>{const t=e.value,n=t.stops.value?.map(({value:{color:e,offset:t}})=>`${e.value} ${t.value??0}%`)?.join(",");return"linear"===t.type.value?`linear-gradient(${t.angle.value}deg, ${n})`:`radial-gradient(circle at ${t.positions.value}, ${n})`},Nr=[{label:(0,a.__)("Full element","elementor"),value:"border-box"},{label:(0,a.__)("Padding edges","elementor"),value:"padding-box"},{label:(0,a.__)("Content edges","elementor"),value:"content-box"},{label:(0,a.__)("Text","elementor"),value:"text"}],Hr=(0,a.__)("Color","elementor"),Xr=(0,a.__)("Clipping","elementor"),Kr=I(()=>{const e=g(r.backgroundPropTypeUtil);return n.createElement(m,e,n.createElement(f,{bind:"background-overlay"},n.createElement(Sr,null)),n.createElement(qr,null),n.createElement(Yr,null))}),qr=()=>n.createElement(f,{bind:"color"},n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(on,null,Hr)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(Ie,null)))),Yr=()=>n.createElement(f,{bind:"clip"},n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(on,null,Xr)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(q,{options:Nr})))),Zr=(0,n.createContext)(void 0),Qr=()=>{const e=(0,n.useContext)(Zr);if(!e)throw new Error("useRepeatableControlContext must be used within RepeatableControl");return e};function Jr(){return Jr=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{propTypeUtil:p}=t;if(!p)return null;const d=(0,n.useMemo)(()=>(0,r.createArrayPropUtils)(p.key,p.schema,s),[p.key,p.schema,s]),f=(0,n.useMemo)(()=>({...t,placeholder:c||"",patternLabel:i||""}),[t,c,i]),{propType:b,value:v,setValue:E}=g(d);return n.createElement(m,{propType:b,value:v,setValue:E},n.createElement(Zr.Provider,{value:f},n.createElement(it,{initial:p.create(o||null),propTypeUtil:d},n.createElement(We,{label:e},n.createElement(Ge,Jr({},u,{newItemIndex:0,ariaLabel:e}))),n.createElement(Ze,{isSortable:!1},n.createElement(ot,{Icon:nl,Label:ol,actions:n.createElement(n.Fragment,null,l&&n.createElement(mt,null),a&&n.createElement(st,null),n.createElement(dt,null))})),n.createElement(bt,null,n.createElement(rl,null)))))}),nl=()=>n.createElement(n.Fragment,null),rl=()=>{const{component:e,props:t={}}=Qr();return n.createElement(Et,{p:1.5},n.createElement(gt,null,n.createElement(e,t)))},ll=(e,t)=>{let n={};const r=t.split("."),l=r.slice(-1)[0];let a=r.reduce((e,t,l)=>(l===r.length-2&&(n=e),e&&"object"==typeof e?e[t]:{}),e);a=a||"";const o=n?.$$type,i=n?.value;return"unit"===l&&"size"===o&&"custom"===i?.unit?i?.size?"":he:a},al=e=>"string"==typeof e?""===e.trim():!!Number.isNaN(e)||(Array.isArray(e)?0===e.length:"object"==typeof e&&null!==e&&0===Object.keys(e).length),ol=({value:e})=>{const{placeholder:t,patternLabel:r}=Qr(),a=((e,t)=>{const n=il(e).map(e=>ll(t,e));return!(0===n.length||!n.some(e=>null==e)&&!n.every(al))})(r,e),o=a?t:(i=r,(c=e)?i.replace(el,(e,t)=>{const n=ll(c,t);return"object"!=typeof n||null===n||Array.isArray(n)?Array.isArray(n)?n.join(", "):String(n??""):"name"in n&&n.name?n.name:JSON.stringify(n)}):i);var i,c;const s=a?"text.tertiary":"text.primary";return n.createElement(l.Box,{component:"span",color:s},o)},il=e=>e.match(el)?.map(e=>e.slice(2,-1))||[],cl=e=>{const t={"&":"&","<":"<",">":">","'":"'",'"':"""};return e.replace(/[&<>'"]/g,e=>t[e]||e)};function sl(){return sl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:t,setValue:o,...i}=g(r.keyValuePropTypeUtil),[c,s]=(0,n.useState)(""),[u,p]=(0,n.useState)(""),[d,b]=(0,n.useState)({key:t?.key?.value||"",value:t?.value?.value||""}),v=e.keyName||(0,a.__)("Key","elementor"),E=e.valueName||(0,a.__)("Value","elementor"),{keyHelper:h,valueHelper:y}=e.getHelperText?.(d.key,d.value)||{keyHelper:void 0,valueHelper:void 0},[x,_,w]=(0,n.useMemo)(()=>[e.regexKey?new RegExp(e.regexKey):void 0,e.regexValue?new RegExp(e.regexValue):void 0,e.validationErrorMessage||(0,a.__)("Invalid Format","elementor")],[e.regexKey,e.regexValue,e.validationErrorMessage]);return n.createElement(m,sl({},i,{value:t,setValue:(e,n,l)=>{const a=l?.bind;if(!a)return;const i=e[a];if((0,r.isTransformable)(i)&&"dynamic"===i.$$type)return void o({...t,[a]:i});const c=r.stringPropTypeUtil.extract(i);b(e=>({...e,[a]:c})),c&&((e,t)=>{if("key"===t&&x){const t=x.test(e);return s(t?"":w),t}if("value"===t&&_){const t=_.test(e);return p(t?"":w),t}return!0})(c,a)?o({...t,[a]:i}):o({...t,[a]:{value:"",$$type:"string"}})}}),n.createElement(l.Grid,{container:!0,gap:1.5},n.createElement(l.Grid,{item:!0,xs:12,display:"flex",flexDirection:"column"},n.createElement(l.FormLabel,{size:"tiny",sx:{pb:1}},v),n.createElement(f,{bind:"key"},n.createElement(J,{inputValue:e.escapeHtml?cl(d.key):d.key,error:!!c,helperText:h})),!!c&&n.createElement(l.FormHelperText,{error:!0},c)),n.createElement(l.Grid,{item:!0,xs:12,display:"flex",flexDirection:"column"},n.createElement(l.FormLabel,{size:"tiny",sx:{pb:1}},E),n.createElement(f,{bind:"value"},n.createElement(J,{inputValue:e.escapeHtml?cl(d.value):d.value,error:!!u,inputDisabled:!!c,helperText:y})),!!u&&n.createElement(l.FormHelperText,{error:!0},u))))}),ml=[{label:(0,a.__)("Center center","elementor"),value:"center center"},{label:(0,a.__)("Center left","elementor"),value:"center left"},{label:(0,a.__)("Center right","elementor"),value:"center right"},{label:(0,a.__)("Top center","elementor"),value:"top center"},{label:(0,a.__)("Top left","elementor"),value:"top left"},{label:(0,a.__)("Top right","elementor"),value:"top right"},{label:(0,a.__)("Bottom center","elementor"),value:"bottom center"},{label:(0,a.__)("Bottom left","elementor"),value:"bottom left"},{label:(0,a.__)("Bottom right","elementor"),value:"bottom right"},{label:(0,a.__)("Custom","elementor"),value:"custom"}],pl=()=>{const e=g(r.positionPropTypeUtil),t=g(r.stringPropTypeUtil),o=!!e.value;return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(l.Grid,{item:!0,xs:12},n.createElement(l.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,(0,a.__)("Object position","elementor"))),n.createElement(l.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},n.createElement(l.Select,{size:"tiny",disabled:t.disabled,value:(e.value?"custom":t.value)??"",onChange:n=>{const r=n.target.value||null;"custom"===r?e.setValue({x:null,y:null}):t.setValue(r)},fullWidth:!0},ml.map(({label:e,value:t})=>n.createElement(X.MenuListItem,{key:t,value:t??""},e)))))),o&&n.createElement(m,e,n.createElement(l.Grid,{item:!0,xs:12},n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"x"},n.createElement(ye,{startIcon:n.createElement(A.LetterXIcon,{fontSize:"tiny"}),min:-Number.MAX_SAFE_INTEGER}))),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"y"},n.createElement(ye,{startIcon:n.createElement(A.LetterYIcon,{fontSize:"tiny"}),min:-Number.MAX_SAFE_INTEGER})))))))},dl="transform-move",fl="transform-scale",bl="transform-rotate",vl="transform-skew",El={move:{size:0,unit:"px"},scale:1,rotate:{size:0,unit:"deg"},skew:{size:0,unit:"deg"}},gl={$$type:dl,value:{x:{$$type:"size",value:{size:El.move.size,unit:El.move.unit}},y:{$$type:"size",value:{size:El.move.size,unit:El.move.unit}},z:{$$type:"size",value:{size:El.move.size,unit:El.move.unit}}}},hl=r.scaleTransformPropTypeUtil.create({x:r.numberPropTypeUtil.create(El.scale),y:r.numberPropTypeUtil.create(El.scale),z:r.numberPropTypeUtil.create(El.scale)}),yl=r.rotateTransformPropTypeUtil.create({x:{$$type:"size",value:{size:El.rotate.size,unit:El.rotate.unit}},y:{$$type:"size",value:{size:El.rotate.size,unit:El.rotate.unit}},z:{$$type:"size",value:{size:El.rotate.size,unit:El.rotate.unit}}}),xl=r.skewTransformPropTypeUtil.create({x:{$$type:"size",value:{size:El.skew.size,unit:El.skew.unit}},y:{$$type:"size",value:{size:El.skew.size,unit:El.skew.unit}}}),_l=({label:e,bind:t,startIcon:r,anchorRef:a,units:o,variant:i="angle"})=>{const c=e.replace(/\s+/g,"-").toLowerCase();return n.createElement(l.Grid,{item:!0,xs:12},n.createElement(gt,{ref:a},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(on,{htmlFor:c},e)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:t},n.createElement(ye,{anchorRef:a,startIcon:r,units:o,variant:i,min:-Number.MAX_SAFE_INTEGER,isRepeaterControl:!0,id:c})))))};function wl(){return wl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=g(r.moveTransformPropTypeUtil),t=[(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(m,e,n.createElement(f,{bind:dl},Tl.map((e,r)=>n.createElement(_l,wl({key:e.bind},e,{anchorRef:t[r],units:e.units,variant:"length"}))))))};function Pl(){return Pl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=g(r.rotateTransformPropTypeUtil),t=[(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(m,e,n.createElement(f,{bind:bl},Il.map((e,r)=>n.createElement(_l,Pl({key:e.bind},e,{anchorRef:t[r],units:Sl}))))))},kl=({label:e,bind:t,startIcon:r,anchorRef:a})=>n.createElement(l.Grid,{item:!0,xs:12},n.createElement(gt,{ref:a},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(on,null,e)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:t},n.createElement(an,{step:.1,placeholder:"1",startIcon:r})))));function Ol(){return Ol=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=g(r.scaleTransformPropTypeUtil),t=[(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(m,e,n.createElement(f,{bind:fl},Rl.map((e,r)=>n.createElement(kl,Ol({key:e.bind},e,{anchorRef:t[r]}))))))};function $l(){return $l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=g(r.skewTransformPropTypeUtil),t=[(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(l.Grid,{container:!0,spacing:1.5},n.createElement(m,e,n.createElement(f,{bind:vl},Vl.map((e,r)=>n.createElement(_l,$l({key:e.bind},e,{anchorRef:t[r],units:Al}))))))};function Gl(){return Gl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{getTabsProps:e,getTabProps:t,getTabPanelProps:o}=(({move:e,scale:t,rotate:a,skew:o})=>{const{value:i,setValue:c}=g(r.moveTransformPropTypeUtil),{value:s,setValue:u}=g(r.scaleTransformPropTypeUtil),{value:m,setValue:p}=g(r.rotateTransformPropTypeUtil),{value:d,setValue:f}=g(r.skewTransformPropTypeUtil),{openItemIndex:b,items:v}=$e(),{getTabsProps:E,getTabProps:h,getTabPanelProps:y}=(0,l.useTabs)((()=>{switch(!0){case!!s:return fl;case!!m:return bl;case!!d:return vl;default:return dl}})()),x=(0,n.useRef)({move:e,scale:t,rotate:a,skew:o}),_=(e,t)=>{t&&(x.current[e]=t)},w=(e,t)=>{switch(t){case dl:c(x.current.move),_("scale",s),_("rotate",m),_("skew",d);break;case fl:u(x.current.scale),_("move",i),_("rotate",m),_("skew",d);break;case bl:p(x.current.rotate),_("move",i),_("scale",s),_("skew",d);break;case vl:f(x.current.skew),_("move",i),_("scale",s),_("rotate",m)}return E().onChange(e,t)};return{getTabProps:e=>{return{...h(e),disabled:(t=e,!!v.find(({item:{$$type:e}},n)=>t===e&&n!==b))};var t},getTabPanelProps:y,getTabsProps:()=>({...E(),onChange:w})}})({move:gl.value,scale:hl.value,rotate:yl.value,skew:xl.value});return n.createElement(Et,null,n.createElement(l.Box,{sx:{width:"100%"}},n.createElement(l.Box,{sx:{borderBottom:1,borderColor:"divider"}},n.createElement(l.Tabs,Gl({size:"small",variant:"fullWidth",sx:{"& .MuiTab-root":{minWidth:"62px"}}},e(),{"aria-label":(0,a.__)("Transform","elementor")}),n.createElement(l.Tab,Gl({label:(0,a.__)("Move","elementor")},t(dl))),n.createElement(l.Tab,Gl({label:(0,a.__)("Scale","elementor")},t(fl))),n.createElement(l.Tab,Gl({label:(0,a.__)("Rotate","elementor")},t(bl))),n.createElement(l.Tab,Gl({label:(0,a.__)("Skew","elementor")},t(vl))))),n.createElement(l.TabPanel,Gl({sx:{p:1.5}},o(dl)),n.createElement(Cl,null)),n.createElement(l.TabPanel,Gl({sx:{p:1.5}},o(fl)),n.createElement(Ul,null)),n.createElement(l.TabPanel,Gl({sx:{p:1.5}},o(bl)),n.createElement(zl,null)),n.createElement(l.TabPanel,Gl({sx:{p:1.5}},o(vl)),n.createElement(Ll,null))))},jl=({value:e})=>{switch(e.$$type){case dl:return n.createElement(A.ArrowsMaximizeIcon,{fontSize:"tiny"});case fl:return n.createElement(A.ArrowAutofitHeightIcon,{fontSize:"tiny"});case bl:return n.createElement(A.RotateClockwise2Icon,{fontSize:"tiny"});case vl:return n.createElement(A.SkewXIcon,{fontSize:"tiny"});default:return null}},Bl=(e,t)=>Object.values(e).map(e=>{if("scale"===t)return e?.value||El[t];const n=El[t],r=e?.value?.size??n.size,l=e?.value?.unit??n.unit;return"custom"===l?r||he:`${r}${l}`}).join(", "),Ml=e=>{const{$$type:t,value:r}=e.value;switch(t){case dl:return n.createElement(Dl,{label:(0,a.__)("Move","elementor"),value:Bl(r,"move")});case fl:return n.createElement(Dl,{label:(0,a.__)("Scale","elementor"),value:Bl(r,"scale")});case bl:return n.createElement(Dl,{label:(0,a.__)("Rotate","elementor"),value:Bl(r,"rotate")});case vl:return n.createElement(Dl,{label:(0,a.__)("Skew","elementor"),value:Bl(r,"skew")});default:return""}},Dl=({label:e,value:t})=>n.createElement(l.Box,{component:"span"},e,": ",t),Wl=["px","%","em","rem"],Nl={label:(0,a.__)("Perspective","elementor"),bind:"perspective",units:["px","em","rem","vw","vh"]},Hl=[{label:(0,a.__)("Origin X","elementor"),bind:"x",units:Wl},{label:(0,a.__)("Origin Y","elementor"),bind:"y",units:Wl}],Xl=()=>n.createElement(l.Stack,{direction:"column",spacing:1.5},n.createElement(_,null,(0,a.__)("Children perspective","elementor")),n.createElement(Kl,null),n.createElement(ql,null)),Kl=()=>n.createElement(f,{bind:"perspective"},n.createElement(Zl,{control:Nl,key:Nl.bind})),ql=()=>n.createElement(f,{bind:"perspective-origin"},n.createElement(Yl,null)),Yl=()=>{const e=g(r.perspectiveOriginPropTypeUtil);return n.createElement(m,e,Hl.map(e=>n.createElement(f,{bind:e.bind,key:e.bind},n.createElement(Zl,{control:e}))))},Zl=({control:e})=>{const t=n.useRef(null);return n.createElement(gt,{ref:t},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,e.label)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(ye,{variant:"length",units:e.units,anchorRef:t,disableCustom:!0})))},Ql=["px","%","em","rem"],Jl=Ql.filter(e=>"%"!==e),ea=[{label:(0,a.__)("Origin X","elementor"),bind:"x",units:Ql},{label:(0,a.__)("Origin Y","elementor"),bind:"y",units:Ql},{label:(0,a.__)("Origin Z","elementor"),bind:"z",units:Jl}],ta=()=>n.createElement(l.Stack,{direction:"column",spacing:1.5},n.createElement(_,null,(0,a.__)("Transform","elementor")),ea.map(e=>n.createElement(na,{control:e,key:e.bind}))),na=({control:e})=>{const t=g(r.transformOriginPropTypeUtil),a=n.useRef(null);return n.createElement(m,t,n.createElement(f,{bind:e.bind},n.createElement(gt,{ref:a},n.createElement(l.Grid,{item:!0,xs:6},n.createElement(_,null,e.label)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(ye,{variant:"length",units:e.units,anchorRef:a,disableCustom:!0})))))};function ra(){return ra=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const r=(0,l.bindPopover)({...e,anchorEl:t.current??void 0});return n.createElement(l.Popover,ra({disablePortal:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},slotProps:{paper:{sx:{width:(t.current?.offsetWidth||0)-6+"px",mt:.5}}}},r),n.createElement(X.PopoverHeader,{title:(0,a.__)("Transform settings","elementor"),onClose:e.close,icon:n.createElement(A.AdjustmentsIcon,{fontSize:"tiny"})}),n.createElement(l.Divider,null),n.createElement(Et,{sx:{px:2,py:1.5}},n.createElement(f,{bind:"transform-origin"},n.createElement(ta,null)),n.createElement(l.Box,{sx:{my:.5}},n.createElement(l.Divider,null)),n.createElement(Xl,null)))};function aa(){return aa=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const e=g(r.transformPropTypeUtil),t=(0,n.useRef)(null),a=(0,l.usePopupState)({variant:"popover"});return n.createElement(m,e,n.createElement(la,{popupState:a,anchorRef:t}),n.createElement(f,{bind:"transform-functions"},n.createElement(sa,{headerRef:t,propType:e.propType,popupState:a})))}),ca=n.createElement(l.Box,{component:"span","aria-label":void 0,sx:{display:"flex",gap:.5,p:2,width:320,borderRadius:1}},n.createElement(A.InfoCircleFilledIcon,{sx:{color:"secondary.main"}}),n.createElement(l.Typography,{variant:"body2",color:"text.secondary",fontSize:"14px"},(0,a.__)("You can use each kind of transform only once per element.","elementor"))),sa=({headerRef:e,propType:t,popupState:l})=>{const o=g(r.transformFunctionsPropTypeUtil),i=[gl,hl,yl,xl],{value:c,bind:s}=o,u=()=>i.find(e=>!c?.some(t=>t.$$type===e.$$type)),p=!u();return n.createElement(m,o,n.createElement(it,{initial:u()??gl,propTypeUtil:r.transformFunctionsPropTypeUtil},n.createElement(We,{label:(0,a.__)("Transform","elementor"),adornment:()=>n.createElement(De,{customContext:{path:["transform"],propType:t}}),ref:e},n.createElement(ua,{popupState:l,repeaterBindKey:s}),n.createElement(Ge,{disabled:p,tooltipContent:ca,enableTooltip:p,ariaLabel:"transform"})),n.createElement(Ze,null,n.createElement(ot,{Icon:jl,Label:Ml,actions:n.createElement(n.Fragment,null,n.createElement(st,null),n.createElement(dt,null))})),n.createElement(bt,null,n.createElement(Fl,null))))},ua=({popupState:e,repeaterBindKey:t})=>{const{bind:r}=g(),o=(0,a.__)("Transform settings","elementor");return r!==t?null:n.createElement(l.Tooltip,{title:o,placement:"top"},n.createElement(l.IconButton,aa({size:oa,"aria-label":o},(0,l.bindTrigger)(e)),n.createElement(A.AdjustmentsIcon,{fontSize:oa})))},ma=I(({selectionLabel:e,sizeLabel:t,selectionConfig:a,sizeConfigMap:o,isRepeaterControl:i=!1})=>{const{value:c,setValue:s,propType:u}=g(r.selectionSizePropTypeUtil),p=(0,n.useRef)(null),d=t.replace(/\s+/g,"-").toLowerCase(),b=(0,n.useMemo)(()=>{switch(c.selection.$$type){case"key-value":return o[c?.selection?.value.value.value||""];case"string":return o[c?.selection?.value||""];default:return null}},[c,o]),v=a.component;return n.createElement(m,{value:c,setValue:s,propType:u},n.createElement(l.Grid,{container:!0,spacing:1.5,ref:p},n.createElement(l.Grid,{item:!0,xs:6,sx:{display:"flex",alignItems:"center"}},n.createElement(_,null,e)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"selection"},n.createElement(v,a.props))),b&&n.createElement(n.Fragment,null,n.createElement(l.Grid,{item:!0,xs:6,sx:{display:"flex",alignItems:"center"}},n.createElement(_,{htmlFor:d},t)),n.createElement(l.Grid,{item:!0,xs:6},n.createElement(f,{bind:"size"},n.createElement(ye,{anchorRef:p,variant:b.variant,units:b.units,defaultUnit:b.defaultUnit,id:d,isRepeaterControl:i}))))))}),pa={selection:{$$type:"key-value",value:{key:{value:(0,a.__)("All properties","elementor"),$$type:"string"},value:{value:"all",$$type:"string"}}},size:{$$type:"size",value:{size:200,unit:"ms"}}},da=[{label:(0,a.__)("Default","elementor"),type:"category",properties:[{label:(0,a.__)("All properties","elementor"),value:"all"}]}],fa=da.map(e=>({label:e.label,items:e.properties.map(e=>e.label)}));var ba=window.elementorV2.mixpanel;const va={eventName:"click_added_transition",location:"V4 Style Tab",secondaryLocation:"Transition control",trigger:"click"};function Ea(){return Ea=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{value:o,setValue:i}=g(r.keyValuePropTypeUtil),{key:{value:c}}=o,s=(0,n.useRef)(null),u=(0,l.usePopupState)({variant:"popover"});return n.createElement(l.Box,{ref:s},n.createElement(l.UnstableTag,Ea({variant:"outlined",label:c,endIcon:n.createElement(A.ChevronDownIcon,{fontSize:"tiny"})},(0,l.bindTrigger)(u),{fullWidth:!0})),n.createElement(l.Popover,Ea({disablePortal:!0,disableScrollLock:!0},(0,l.bindPopover)(u),{anchorReference:"anchorPosition",anchorPosition:(()=>{if(!s.current)return;const e=s.current.getBoundingClientRect();return{top:e.top,left:e.right+36}})(),anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"left"}}),n.createElement(bn,{itemsList:(()=>{const t=e.map(e=>(e=>{for(const t of da){const n=t.properties.find(t=>t.value===e);if(n)return n.label}})(e)).filter(e=>!!e),n=fa.map(e=>({...e,items:e.items.filter(e=>!t.includes(e))}));if(0===t.length)return n;const[r,...l]=n;return[r,{label:(0,a.__)("Recently Used","elementor"),items:t},...l]})(),selectedItem:c,onItemChange:e=>{const t=(e=>{for(const t of da){const n=t.properties.find(t=>t.label===e);if(n)return{key:{value:n.label,$$type:"string"},value:{value:n.value,$$type:"string"}}}return null})(e);t&&(i(t),u.close())},onClose:u.close,sectionWidth:268,title:(0,a.__)("Transition Property","elementor"),icon:A.VariationsIcon,disabledItems:t})))},ha={variant:"time",units:["s","ms"],defaultUnit:"ms"},ya=(e,t)=>({selectionLabel:(0,a.__)("Type","elementor"),sizeLabel:(0,a.__)("Duration","elementor"),selectionConfig:{component:ga,props:{recentlyUsedList:e,disabledItems:t}},isRepeaterControl:!0,sizeConfigMap:{...da.reduce((e,t)=>(t.properties.forEach(t=>{e[t.value]=ha}),e),{})}});function xa(e,t){return{propTypeUtil:r.selectionSizePropTypeUtil,component:ma,props:ya(e,t)}}const _a=n.createElement(l.Alert,{sx:{width:280,gap:.5},color:"secondary",icon:n.createElement(A.InfoCircleFilledIcon,null)},n.createElement(l.AlertTitle,null,(0,a.__)("Transitions","elementor")),n.createElement(l.Box,{component:"span"},n.createElement(l.Typography,{variant:"body2"},(0,a.__)("Switch to 'Normal' state to add a transition.","elementor"))));Oe.subscribe("transition-item-added",e=>{const t=e,n=t?.itemValue?.selection?.value?.value?.value,r=(0,_n.getSelectedElements)(),l=r[0]?.type??null;(0,ba.trackEvent)({transition_type:n??"unknown",...va,widget_type:l})});const wa=e=>e.value.selection.value?.key?.value??"",Ta=I(({recentlyUsedListGetter:e,currentStyleState:t})=>{const l=null===t,[o,i]=(0,n.useState)([]),c=(0,n.useMemo)(()=>(0,r.createArrayPropUtils)(r.selectionSizePropTypeUtil.key,r.selectionSizePropTypeUtil.schema,"transition"),[]),{value:s,setValue:u}=g(c),m=(0,n.useMemo)(()=>(e=>e?.map(wa)??[])(s),[s]),p=(0,n.useMemo)(()=>{const e=new Set;return da.forEach(t=>{t.properties.forEach(t=>e.add(t.value))}),e},[]);(0,n.useEffect)(()=>{if(!s||0===s.length)return;const e=s.filter(e=>{const t=e?.value?.selection?.value?.value?.value??"";return p.has(t)});e.length!==s.length&&u(e)},[p]),(0,n.useEffect)(()=>{e().then(i)},[e]);const d=s?.length===da.length,f=!l||d;return n.createElement(tl,{label:(0,a.__)("Transitions","elementor"),repeaterLabel:(0,a.__)("Transitions","elementor"),patternLabel:"${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",placeholder:(0,a.__)("Empty Transition","elementor"),showDuplicate:!1,showToggle:!0,initialValues:pa,childControlConfig:xa(o,m),propKey:"transition",addItemTooltipProps:{disabled:f,enableTooltip:!l,tooltipContent:_a}})}),Ca=(0,l.styled)(l.IconButton)(({theme:e})=>({width:e.spacing(2.5),height:e.spacing(2.5)})),Pa=({tooltipText:e,onClick:t,disabled:r,size:a="tiny"})=>n.createElement(l.Tooltip,{title:e,placement:"top",disableInteractive:!0},n.createElement(Ca,{"aria-label":e,size:a,onClick:t,disabled:r},n.createElement(A.BrushBigIcon,{fontSize:a})));function Ia(){return Ia=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const[f,b]=(0,n.useState)(-1),[v,E]=ve({external:c,setExternal:s,persistWhen:()=>!0}),[g,h]=(0,n.useState)(v.map((e,t)=>t)),y=e=>1+Math.max(0,...e);return n.createElement(Ce,null,n.createElement(l.Stack,{direction:"row",justifyContent:"start",alignItems:"center",gap:1,sx:{marginInlineEnd:-.75}},n.createElement(l.Typography,{component:"label",variant:"caption",color:"text.secondary"},e),n.createElement(De,null),n.createElement(l.IconButton,{size:Sa,sx:{ml:"auto"},disabled:r,onClick:()=>{const e=structuredClone(t.initialValues),n=y(g);i?(E([...v,e],void 0,{action:{type:"add",payload:[{index:v.length,item:e}]}}),h([...g,n])):(E([e,...v],void 0,{action:{type:"add",payload:[{index:0,item:e}]}}),h([n,...g])),o&&b(n)},"aria-label":(0,a.__)("Add item","elementor")},n.createElement(A.PlusIcon,{fontSize:Sa}))),0{h(e),E(t=>e.map(e=>{const n=g.indexOf(e);return t[n]}),void 0,{action:{type:"reorder",payload:{...t}}})}},g.map((e,l)=>{const a=v[l];return a?n.createElement(Xe,{id:e,key:`sortable-${e}`,disabled:!p},n.createElement(ka,{disabled:r,propDisabled:a?.disabled,label:n.createElement(tt,{value:a},n.createElement(t.Label,{value:a})),startIcon:n.createElement(Je,{value:a},n.createElement(t.Icon,{value:a})),removeItem:()=>(e=>{h(g.filter((t,n)=>n!==e));const t=v[e];E(v.filter((t,n)=>n!==e),void 0,{action:{type:"remove",payload:[{index:e,item:t}]}})})(l),duplicateItem:()=>(e=>{const t=structuredClone(v[e]),n=y(g),r=1+e;E([...v.slice(0,r),t,...v.slice(r)],void 0,{action:{type:"duplicate",payload:[{index:r,item:t}]}}),h([...g.slice(0,r),n,...g.slice(r)])})(l),toggleDisableItem:()=>(e=>{E(v.map((t,n)=>{if(n===e){const{disabled:e,...n}=t;return{...n,...e?{}:{disabled:!0}}}return t}),void 0,{action:{type:"toggle-disable"}})})(l),openOnMount:o&&f===e,onOpen:()=>b(-1),showDuplicate:u,showToggle:m,collectionPropUtil:d},e=>n.createElement(t.Content,Ia({},e,{value:a,bind:String(l)})))):null})))},ka=({label:e,propDisabled:t,startIcon:r,children:o,removeItem:i,duplicateItem:c,toggleDisableItem:s,openOnMount:u,onOpen:m,showDuplicate:p,showToggle:d,disabled:f,collectionPropUtil:b})=>{const[v,E]=(0,n.useState)(null),{popoverState:g,popoverProps:h,ref:y,setRef:x}=Oa(u,m),_=(0,a.__)("Duplicate","elementor"),w=t?(0,a.__)("Show","elementor"):(0,a.__)("Hide","elementor"),T=(0,a.__)("Remove","elementor");return n.createElement(n.Fragment,null,n.createElement(l.UnstableTag,Ia({disabled:f,label:e,showActionsOnHover:!0,fullWidth:!0,ref:x,variant:"outlined","aria-label":(0,a.__)("Open item","elementor")},(0,l.bindTrigger)(g),{startIcon:r,actions:n.createElement(n.Fragment,null,p&&n.createElement(l.Tooltip,{title:_,placement:"top"},n.createElement(l.IconButton,{size:Sa,onClick:c,"aria-label":_},n.createElement(A.CopyIcon,{fontSize:Sa}))),d&&n.createElement(l.Tooltip,{title:w,placement:"top"},n.createElement(l.IconButton,{size:Sa,onClick:s,"aria-label":w},t?n.createElement(A.EyeOffIcon,{fontSize:Sa}):n.createElement(A.EyeIcon,{fontSize:Sa}))),n.createElement(l.Tooltip,{title:T,placement:"top"},n.createElement(l.IconButton,{size:Sa,onClick:i,"aria-label":T},n.createElement(A.XIcon,{fontSize:Sa}))))})),n.createElement(l.Popover,Ia({disablePortal:!0,slotProps:{paper:{ref:E,sx:{mt:.5,width:y?.getBoundingClientRect().width}}},anchorOrigin:{vertical:"bottom",horizontal:"left"}},h,{anchorEl:y}),n.createElement(l.Box,null,o({anchorEl:v,collectionPropUtil:b}))))},Oa=(e,t)=>{const[r,a]=(0,n.useState)(null),o=(0,l.usePopupState)({variant:"popover"}),i=(0,l.bindPopover)(o);return(0,n.useEffect)(()=>{e&&r&&(o.open(r),t?.())},[r]),{popoverState:o,ref:r,setRef:a,popoverProps:i}};(window.elementorV2=window.elementorV2||{}).editorControls=t}(),window.elementorV2.editorControls?.init?.();