File "editor-controls.js"
Full Path: /home/aiclgcwq/photonindustriespvt.com/wp-content/plugins/elementor/assets/js/packages/editor-controls/editor-controls.js
File size: 74.46 KB
MIME-type: text/plain
Charset: utf-8
/*! For license information please see editor-controls.js.LICENSE.txt */
!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor-current-user":function(e){e.exports=window.elementorV2.editorCurrentUser},"@elementor/editor-elements":function(e){e.exports=window.elementorV2.editorElements},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/editor-responsive":function(e){e.exports=window.elementorV2.editorResponsive},"@elementor/editor-ui":function(e){e.exports=window.elementorV2.editorUi},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/env":function(e){e.exports=window.elementorV2.env},"@elementor/http-client":function(e){e.exports=window.elementorV2.httpClient},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/locations":function(e){e.exports=window.elementorV2.locations},"@elementor/query":function(e){e.exports=window.elementorV2.query},"@elementor/session":function(e){e.exports=window.elementorV2.session},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@elementor/utils":function(e){e.exports=window.elementorV2.utils},"@elementor/wp-media":function(e){e.exports=window.elementorV2.wpMedia},"@wordpress/i18n":function(e){e.exports=window.wp.i18n}},t={};function n(l){var r=t[l];if(void 0!==r)return r.exports;var a=t[l]={exports:{}};return e[l](a,a.exports,n),a.exports}n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};!function(){n.r(l),n.d(l,{AspectRatioControl:function(){return Kt},BackgroundControl:function(){return Wn},BoxShadowRepeaterControl:function(){return Me},ColorControl:function(){return ge},ControlActionsProvider:function(){return j},ControlAdornments:function(){return Se},ControlAdornmentsProvider:function(){return we},ControlFormLabel:function(){return U},ControlReplacementsProvider:function(){return G},ControlToggleButtonGroup:function(){return mt},EqualUnequalSizesControl:function(){return ht},FilterRepeaterControl:function(){return nt},FontFamilyControl:function(){return St},FontFamilySelector:function(){return Ct},GapControl:function(){return Dt},ImageControl:function(){return Q},KeyValueControl:function(){return tl},LinkControl:function(){return Ft},LinkedDimensionsControl:function(){return xt},NumberControl:function(){return ft},PopoverContent:function(){return _e},PositionControl:function(){return ll},PropKeyProvider:function(){return z},PropProvider:function(){return T},RepeatableControl:function(){return Hn},SelectControl:function(){return Y},SizeControl:function(){return pe},StrokeControl:function(){return ye},SvgMediaControl:function(){return un},SwitchControl:function(){return Rt},TextAreaControl:function(){return te},TextControl:function(){return ee},ToggleControl:function(){return Et},TransformRepeaterControl:function(){return dl},UrlControl:function(){return Pt},createControlReplacementsRegistry:function(){return A},injectIntoRepeaterItemIcon:function(){return Ie},injectIntoRepeaterItemLabel:function(){return $e},useBoundProp:function(){return k},useControlActions:function(){return K},useSyncExternalState:function(){return ue}});var e=n("react"),t=n("@elementor/editor-props"),r=n("@elementor/ui"),a=n("@wordpress/i18n"),o=n("@elementor/utils"),i=n("@elementor/query"),c=n("@elementor/http-client"),s=n("@elementor/icons"),u=n("@elementor/wp-media"),m=n("@elementor/editor-ui"),p=n("@elementor/editor-responsive"),d=n("@elementor/editor-v1-adapters"),E=n("@elementor/locations"),v=n("@elementor/editor-elements"),b=n("@elementor/session"),f=n("@elementor/editor-current-user"),g=n("@elementor/env"),h=(0,o.createError)({code:"missing_prop_provider_prop_type",message:"Prop type is missing"}),y=(0,o.createError)({code:"unsupported_prop_provider_prop_type",message:"Parent prop type is not supported"}),x=(0,o.createError)({code:"hook_outside_provider",message:"Hook used outside of provider"}),_=(0,e.createContext)(null),T=({children:t,value:n,setValue:l,propType:r,placeholder:a,isDisabled:o})=>e.createElement(_.Provider,{value:{value:n,propType:r,setValue:l,placeholder:a,isDisabled:o}},t),C=()=>{const t=(0,e.useContext)(_);if(!t)throw new x({context:{hook:"usePropContext",provider:"PropProvider"}});return t},w=(0,e.createContext)(null),z=({children:t,bind:n})=>{const{propType:l}=C();if(!l)throw new h({context:{bind:n}});if("array"===l.kind)return e.createElement(P,{bind:n},t);if("object"===l.kind)return e.createElement(S,{bind:n},t);throw new y({context:{propType:l}})},S=({children:t,bind:n})=>{const l=C(),{path:r}=(0,e.useContext)(w)??{},a=l.value?.[n],o=l.placeholder?.[n],i=l.propType.shape[n];return e.createElement(w.Provider,{value:{...l,value:a,setValue:(e,t,r)=>{const a={...l.value,[n]:e};return l?.setValue(a,t,{...r,bind:n})},placeholder:o,bind:n,propType:i,path:[...r??[],n]}},t)},P=({children:t,bind:n})=>{const l=C(),{path:r}=(0,e.useContext)(w)??{},a=l.value?.[Number(n)],o=l.propType.item_prop_type;return e.createElement(w.Provider,{value:{...l,value:a,setValue:(e,t)=>{const r=[...l.value??[]];return r[Number(n)]=e,l?.setValue(r,t,{bind:n})},bind:n,propType:o,path:[...r??[],n]}},t)},I=()=>{const t=(0,e.useContext)(w);if(!t)throw new x({context:{hook:"usePropKeyContext",provider:"PropKeyProvider"}});return t};function k(e){const t=I(),{isValid:n,validate:l,restoreValue:r}=$(t.propType),a=t.isDisabled?.(t.propType);if(!e)return{...t,disabled:a};const o=V(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,r,a){if(l(n))return null===n?t?.setValue(null,r,a):t?.setValue(e?.create(n,r),{},a)},value:n?i:null,restoreValue:r,placeholder:c,disabled:a}}var $=t=>{const[n,l]=(0,e.useState)(!0);return{isValid:n,setIsValid:l,validate:e=>{let n=!0;return t.settings.required&&null===e&&(n=!1),l(n),n},restoreValue:()=>l(!0)}},V=(e,t)=>{let n=e;if("union"===e.kind&&(n=e.prop_types[t]),!n)throw new h({context:{key:t}});return n},U=t=>e.createElement(r.FormLabel,{size:"tiny",...t}),R=(0,e.createContext)([]),G=({replacements:t,children:n})=>e.createElement(R.Provider,{value:t},n),A=()=>{const e=[];return{registerControlReplacement:function(t){e.push(t)},getControlReplacements:function(){return e}}};function F(t){return n=>{const l=(t=>{const{value:n}=k(),l=(0,e.useContext)(R);try{const e=l.find((e=>e.condition({value:n})));return e?.component??t}catch{return t}})(t);return e.createElement(r.ErrorBoundary,{fallback:null},e.createElement(l,{...n}))}}Symbol("control");var L="elementor/v1/settings",O=e=>e.data.value,B="elementor_unfiltered_files_upload",M={queryKey:[B]},D=()=>(0,i.useQuery)({...M,queryFn:()=>{return(e=B,(0,c.httpService)().get(`${L}/${e}`).then((e=>O(e.data)))).then((e=>W(e)));var e},staleTime:1/0}),W=e=>Boolean("1"===e),N=(0,e.createContext)(null),j=({children:t,items:n})=>e.createElement(N.Provider,{value:{items:n}},t),K=()=>{const t=(0,e.useContext)(N);if(!t)throw new Error("useControlActions must be used within a ControlActionsProvider");return t},H=(0,r.styled)("span")`
display: contents;
.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
display: none;
}
.MuiFloatingActionBar-popper {
z-index: 1000;
}
`;function q({children:t}){const{items:n}=K(),{disabled:l}=k();if(0===n.length||l)return t;const a=n.map((({MenuItem:t,id:n})=>e.createElement(t,{key:n})));return e.createElement(H,null,e.createElement(r.UnstableFloatingActionBar,{actions:a},t))}var X=F((({mediaTypes:n=["image"]})=>{const{value:l,setValue:o}=k(t.imageSrcPropTypeUtil),{id:i,url:c}=l??{},{data:m,isFetching:p}=(0,u.useWpMediaAttachment)(i?.value||null),d=m?.url??c?.value??null,{open:E}=(0,u.useWpMediaFrame)({mediaTypes:n,multiple:!1,selected:i?.value||null,onSelect:e=>{o({id:{$$type:"image-attachment-id",value:e.id},url:null})}});return e.createElement(q,null,e.createElement(r.Card,{variant:"outlined"},e.createElement(r.CardMedia,{image:d,sx:{height:150}},p?e.createElement(r.Stack,{justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},e.createElement(r.CircularProgress,null)):e.createElement(e.Fragment,null)),e.createElement(r.CardOverlay,null,e.createElement(r.Stack,{gap:1},e.createElement(r.Button,{size:"tiny",color:"inherit",variant:"outlined",onClick:()=>E({mode:"browse"})},(0,a.__)("Select image","elementor")),e.createElement(r.Button,{size:"tiny",variant:"text",color:"inherit",startIcon:e.createElement(s.UploadIcon,null),onClick:()=>E({mode:"upload"})},(0,a.__)("Upload","elementor"))))))})),Y=F((({options:n,onChange:l})=>{const{value:a,setValue:o,disabled:i,placeholder:c}=k(t.stringPropTypeUtil);return e.createElement(q,null,e.createElement(r.Select,{sx:{overflow:"hidden"},displayEmpty:!0,size:"tiny",renderValue:t=>{const l=e=>n.find((t=>t.value===e));if(!t||""===t){if(c){const t=l(c),n=t?.label||c;return e.createElement(r.Typography,{component:"span",variant:"caption",color:"text.tertiary"},n)}return""}const a=l(t);return a?.label||t},value:a??"",onChange:e=>{const t=e.target.value||null;l?.(t,a),o(t)},disabled:i,fullWidth:!0},n.map((({label:t,...n})=>e.createElement(m.MenuListItem,{key:n.value,...n,value:n.value??""},t)))))})),Q=F((({sizes:n,showMode:l="all"})=>{const o=k(t.imagePropTypeUtil);let i;switch(l){case"media":i=e.createElement(Z,null);break;case"sizes":i=e.createElement(J,{sizes:n});break;default:i=e.createElement(r.Stack,{gap:1.5},e.createElement(U,null,(0,a.__)("Image","elementor")),e.createElement(Z,null),e.createElement(r.Grid,{container:!0,gap:1.5,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,(0,a.__)("Resolution","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},e.createElement(J,{sizes:n}))))}return e.createElement(T,{...o},i)})),Z=()=>{const{data:t}=D(),n=t?["image","svg"]:["image"];return e.createElement(z,{bind:"src"},e.createElement(X,{mediaTypes:n}))},J=({sizes:t})=>e.createElement(z,{bind:"size"},e.createElement(Y,{options:t})),ee=F((({placeholder:n,error:l,inputValue:a,inputDisabled:o,sx:i})=>{const{value:c,setValue:s,disabled:u}=k(t.stringPropTypeUtil);return e.createElement(q,null,e.createElement(r.TextField,{size:"tiny",fullWidth:!0,disabled:o??u,value:a??c??"",onChange:e=>s(e.target.value),placeholder:n,error:l,sx:i}))})),te=F((({placeholder:n})=>{const{value:l,setValue:a,disabled:o}=k(t.stringPropTypeUtil);return e.createElement(q,null,e.createElement(r.TextField,{size:"tiny",multiline:!0,fullWidth:!0,minRows:5,disabled:o,value:l??"",onChange:e=>{a(e.target.value)},placeholder:n}))})),ne=["px","%","em","rem","vw","vh"],le=["auto","custom"];function re(e){return le.includes(e)}var ae=(0,e.forwardRef)((({placeholder:t,type:n,value:l,onChange:a,onBlur:o,onKeyDown:i,onKeyUp:c,shouldBlockInput:s=!1,inputProps:u,disabled:m},p)=>e.createElement(r.TextField,{ref:p,sx:{input:{cursor:s?"default !important":void 0}},size:"tiny",fullWidth:!0,type:s?void 0:n,value:l,onChange:s?void 0:a,onKeyDown:s?void 0:i,onKeyUp:s?void 0:c,disabled:m,onBlur:o,placeholder:t,InputProps:u}))),oe=({options:t,alternativeOptionLabels:n={},onClick:l,value:a,menuItemsAttributes:o={},disabled:i})=>{const c=(0,r.usePopupState)({variant:"popover",popupId:(0,e.useId)()});return e.createElement(r.InputAdornment,{position:"end"},e.createElement(r.Button,{size:"small",color:"secondary",disabled:i,sx:{font:"inherit",minWidth:"initial",textTransform:"uppercase"},...(0,r.bindTrigger)(c)},n[a]??a),e.createElement(r.Menu,{MenuListProps:{dense:!0},...(0,r.bindMenu)(c)},t.map(((r,a)=>e.createElement(m.MenuListItem,{key:r,onClick:()=>(e=>{l(t[e]),c.close()})(a),...o?.[r]},n[r]??r.toUpperCase())))))},ie=["e","E","+","-"],ce=({units:t,handleUnitChange:n,handleSizeChange:l,placeholder:a,startIcon:o,onBlur:i,onFocus:c,onClick:u,size:m,unit:p,popupState:d,disabled:E})=>{const v=(0,e.useRef)(""),b=re(p)?"text":"number",f=!re(p)&&Number.isNaN(m)?"":m??"",g={"aria-controls":d.isOpen?d.popupId:void 0,"aria-haspopup":!0},h={...g,autoComplete:"off",onClick:u,onFocus:c,startAdornment:o?e.createElement(r.InputAdornment,{position:"start",disabled:E},o):void 0,endAdornment:e.createElement(oe,{disabled:E,options:t,onClick:n,value:p,alternativeOptionLabels:{custom:e.createElement(s.PencilIcon,{fontSize:"small"})},menuItemsAttributes:t.includes("custom")?{custom:g}:void 0})};return e.createElement(q,null,e.createElement(r.Box,null,e.createElement(ae,{disabled:E,placeholder:a,type:b,value:f,onChange:l,onKeyDown:e=>{ie.includes(e.key)&&e.preventDefault()},onKeyUp:e=>{const{key:l}=e;if(!/^[a-zA-Z%]$/.test(l))return;e.preventDefault();const r=l.toLowerCase(),a=(v.current+r).slice(-3);v.current=a;const o=t.find((e=>e.includes(a)))||t.find((e=>e.startsWith(r)))||t.find((e=>e.includes(r)));o&&n(o)},onBlur:i,shouldBlockInput:re(p),inputProps:h})))},se=t=>{const{popupState:n,restoreValue:l,anchorRef:a,value:o,onChange:i}=t;return e.createElement(r.Popover,{disablePortal:!0,slotProps:{paper:{sx:{borderRadius:2,width:a.current?.offsetWidth+"px",p:1.5}}},...(0,r.bindPopover)(n),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},onClose:()=>{l(),n.close()}},e.createElement(r.TextField,{value:o,onChange:i,size:"tiny",type:"text",fullWidth:!0,inputProps:{autoFocus:!0}}))},ue=({external:t,setExternal:n,persistWhen:l,fallback:r})=>{function a(e,t){return e||r(t)}const[o,i]=(0,e.useState)(a(t,null));return(0,e.useEffect)((()=>{i((e=>a(t,e)))}),[t]),[o,e=>{const t=("function"==typeof e?e:()=>e)(o);var r;i(t),n(l(r=t)?r:null)}]},me=NaN,pe=F((n=>{const l=n.defaultUnit??"px",{units:a=[...ne],placeholder:o,startIcon:i,anchorRef:c}=n,{value:s,setValue:u,disabled:m,restoreValue:E}=k(t.sizePropTypeUtil),[v,b]=(0,e.useState)(Ee(s,l)),f=(0,p.useActiveBreakpoint)(),g=(h=n.extendedOptions||[],y=n.disableCustom??!1,(0,e.useMemo)((()=>{const e=!(0,d.isExperimentActive)("e_v_3_30")||y,t=[...h];return e||t.includes("custom")?h.includes("custom")&&t.splice(t.indexOf("custom"),1):t.push("custom"),t}),[h,y]));var h,y;const x=(0,r.usePopupState)({variant:"popover"}),[_,T]=ue({external:v,setExternal:e=>u(ve(e)),persistWhen:e=>!!e?.unit&&(re(e.unit)?"auto"===e.unit||!!e.custom:!!e?.numeric||0===e?.numeric),fallback:e=>({unit:e?.unit??l,numeric:e?.numeric??me,custom:e?.custom??""})}),{size:C=me,unit:w=l}=ve(_)||{},z=e=>{const{value:t}=e.target;T("auto"!==w?e=>({...e,["custom"===w?"custom":"numeric"]:de(t,w),unit:w}):e=>({...e,unit:w}))};return(0,e.useEffect)((()=>{const e=Ee(s,"custom"===_.unit?_.unit:l),t=re(_.unit)?"custom":"numeric",n={..._,unit:e.unit??_.unit,[t]:e[t]};"auto"!==n.unit&&be(_,n)||(_.unit!==e.unit?T(e):b(n))}),[s]),(0,e.useEffect)((()=>{const e=Ee(s,l);f&&!be(e,_)&&T(e)}),[f]),e.createElement(e.Fragment,null,e.createElement(ce,{disabled:m,size:C,unit:w,units:[...a,...g||[]],placeholder:o,startIcon:i,handleSizeChange:z,handleUnitChange:e=>{"custom"===e&&x.open(c?.current),T((t=>({...t,unit:e})))},onBlur:E,onFocus:e=>{re(_.unit)&&e.target?.blur()},onClick:e=>{e.target.closest("input")&&"custom"===_.unit&&x.open(c?.current)},popupState:x}),c?.current&&e.createElement(se,{popupState:x,anchorRef:c,restoreValue:E,value:C,onChange:z}))}));function de(e,t){return re(t)?"auto"===t?"":String(e??""):e||0===e?Number(e):NaN}function Ee(e,t){const n=e?.unit??t,l=e?.size??"";return{numeric:re(n)||isNaN(Number(l))||!l&&0!==l?me:Number(l),custom:"custom"===n?String(l):"",unit:n}}function ve(e){if(!e)return null;if(!e?.unit)return{size:me,unit:"px"};const{unit:t}=e;return"auto"===t?{size:"",unit:t}:{size:e["custom"===t?"custom":"numeric"],unit:t}}function be(e,t){return e.unit===t.unit&&e.custom===t.custom&&(re(e.unit)?e.custom===t.custom:e.numeric===t.numeric||isNaN(e.numeric)&&isNaN(t.numeric))}var fe=({gap:t=2,sx:n,children:l})=>e.createElement(r.Stack,{gap:t,sx:{...n}},l),ge=F((({propTypeUtil:n=t.colorPropTypeUtil,anchorEl:l,slotProps:a={},...o})=>{const{value:i,setValue:c,placeholder:s,disabled:u}=k(n),m=o.placeholder??s;return e.createElement(q,null,e.createElement(r.UnstableColorField,{size:"tiny",fullWidth:!0,value:i??"",placeholder:m??"",onChange:e=>{c(e||null)},...o,disabled:u,slotProps:{...a,colorPicker:{anchorEl:l,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-10},slotProps:{colorIndicator:{value:i??m??""},colorBox:{value:i??m??""}}}}}))})),he=["px","em","rem"],ye=F((()=>{const n=k(t.strokePropTypeUtil),l=(0,e.useRef)(null);return e.createElement(T,{...n},e.createElement(fe,null,e.createElement(xe,{bind:"width",label:(0,a.__)("Stroke width","elementor"),ref:l},e.createElement(pe,{units:he,anchorRef:l})),e.createElement(xe,{bind:"color",label:(0,a.__)("Stroke color","elementor")},e.createElement(ge,null))))})),xe=(0,e.forwardRef)((({bind:t,label:n,children:l},a)=>e.createElement(z,{bind:t},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:a},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,n)),e.createElement(r.Grid,{item:!0,xs:6},l))))),_e=({gap:t=1.5,children:n,...l})=>e.createElement(r.Stack,{...l,gap:t},n),Te=(0,e.forwardRef)((({gap:t=1.5,alignItems:n="center",flexWrap:l="nowrap",children:a},o)=>e.createElement(r.Grid,{container:!0,gap:t,alignItems:n,flexWrap:l,ref:o},a))),Ce=(0,e.createContext)(null),we=({children:t,items:n})=>e.createElement(Ce.Provider,{value:{items:n}},t),ze=()=>{const t=(0,e.useContext)(Ce);return t?.items??[]};function Se(){const t=ze();return 0===t?.length?null:e.createElement(e.Fragment,null,t.map((({Adornment:t,id:n})=>e.createElement(t,{key:n}))))}var{Slot:Pe,inject:Ie}=(0,E.createReplaceableLocation)(),{Slot:ke,inject:$e}=(0,E.createReplaceableLocation)(),Ve=t=>e.createElement(r.List,{sx:{p:0,my:-.5,mx:0}},e.createElement(r.UnstableSortableProvider,{restrictAxis:!0,disableDragOverlay:!1,variant:"static",...t})),Ue=({id:t,children:n,disabled:l})=>e.createElement(r.UnstableSortableItem,{id:t,disabled:l,render:({itemProps:t,triggerProps:r,itemStyle:a,triggerStyle:o,showDropIndication:i,dropIndicationStyle:c})=>e.createElement(Re,{...t,style:a},!l&&e.createElement(Ge,{...r,style:o}),n,i&&e.createElement(Ae,{style:c}))}),Re=(0,r.styled)(r.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 {
& .class-item-sortable-trigger {
visibility: visible;
}
}
`,Ge=t=>e.createElement("div",{...t,role:"button",className:"class-item-sortable-trigger"},e.createElement(s.GripVerticalIcon,{fontSize:"tiny"})),Ae=(0,r.styled)(r.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};
}
`,Fe="tiny",Le=({label:t,itemSettings:n,disabled:l=!1,openOnAdd:o=!1,addToBottom:i=!1,values:c=[],setValues:u,showDuplicate:m=!0,showToggle:p=!0,isSortable:d=!0,collectionPropUtil:E})=>{const[v,b]=(0,e.useState)(-1),[f,g]=ue({external:c,setExternal:u,persistWhen:()=>!0}),[h,y]=(0,e.useState)(f.map(((e,t)=>t))),x=e=>1+Math.max(0,...e);return e.createElement(fe,null,e.createElement(r.Stack,{direction:"row",justifyContent:"start",alignItems:"center",gap:1,sx:{marginInlineEnd:-.75}},e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},t),e.createElement(Se,null),e.createElement(r.IconButton,{size:Fe,sx:{ml:"auto"},disabled:l,onClick:()=>{const e=structuredClone(n.initialValues),t=x(h);i?(g([...f,e]),y([...h,t])):(g([e,...f]),y([t,...h])),o&&b(t)},"aria-label":(0,a.__)("Add item","elementor")},e.createElement(s.PlusIcon,{fontSize:Fe}))),0<h.length&&e.createElement(Ve,{value:h,onChange:e=>{y(e),g((t=>e.map((e=>{const n=h.indexOf(e);return t[n]}))))}},h.map(((t,r)=>{const a=f[r];return a?e.createElement(Ue,{id:t,key:`sortable-${t}`,disabled:!d},e.createElement(Oe,{disabled:l,propDisabled:a?.disabled,label:e.createElement(ke,{value:a},e.createElement(n.Label,{value:a})),startIcon:e.createElement(Pe,{value:a},e.createElement(n.Icon,{value:a})),removeItem:()=>(e=>{y(h.filter(((t,n)=>n!==e))),g(f.filter(((t,n)=>n!==e)))})(r),duplicateItem:()=>(e=>{const t=structuredClone(f[e]),n=x(h),l=1+e;g([...f.slice(0,l),t,...f.slice(l)]),y([...h.slice(0,l),n,...h.slice(l)])})(r),toggleDisableItem:()=>(e=>{g(f.map(((t,n)=>{if(n===e){const{disabled:e,...n}=t;return{...n,...e?{}:{disabled:!0}}}return t})))})(r),openOnMount:o&&v===t,onOpen:()=>b(-1),showDuplicate:m,showToggle:p,collectionPropUtil:E},(t=>e.createElement(n.Content,{...t,value:a,bind:String(r)})))):null}))))},Oe=({label:t,propDisabled:n,startIcon:l,children:o,removeItem:i,duplicateItem:c,toggleDisableItem:u,openOnMount:m,onOpen:p,showDuplicate:d,showToggle:E,disabled:v,collectionPropUtil:b})=>{const[f,g]=(0,e.useState)(null),{popoverState:h,popoverProps:y,ref:x,setRef:_}=Be(m,p),T=(0,a.__)("Duplicate","elementor"),C=n?(0,a.__)("Show","elementor"):(0,a.__)("Hide","elementor"),w=(0,a.__)("Remove","elementor");return e.createElement(e.Fragment,null,e.createElement(r.UnstableTag,{disabled:v,label:t,showActionsOnHover:!0,fullWidth:!0,ref:_,variant:"outlined","aria-label":(0,a.__)("Open item","elementor"),...(0,r.bindTrigger)(h),startIcon:l,actions:e.createElement(e.Fragment,null,d&&e.createElement(r.Tooltip,{title:T,placement:"top"},e.createElement(r.IconButton,{size:Fe,onClick:c,"aria-label":T},e.createElement(s.CopyIcon,{fontSize:Fe}))),E&&e.createElement(r.Tooltip,{title:C,placement:"top"},e.createElement(r.IconButton,{size:Fe,onClick:u,"aria-label":C},n?e.createElement(s.EyeOffIcon,{fontSize:Fe}):e.createElement(s.EyeIcon,{fontSize:Fe}))),e.createElement(r.Tooltip,{title:w,placement:"top"},e.createElement(r.IconButton,{size:Fe,onClick:i,"aria-label":w},e.createElement(s.XIcon,{fontSize:Fe}))))}),e.createElement(r.Popover,{disablePortal:!0,slotProps:{paper:{ref:g,sx:{mt:.5,width:x?.getBoundingClientRect().width}}},anchorOrigin:{vertical:"bottom",horizontal:"left"},...y,anchorEl:x},e.createElement(r.Box,null,o({anchorEl:f,collectionPropUtil:b}))))},Be=(t,n)=>{const[l,a]=(0,e.useState)(null),o=(0,r.usePopupState)({variant:"popover"}),i=(0,r.bindPopover)(o);return(0,e.useEffect)((()=>{t&&l&&(o.open(l),n?.())}),[l]),{popoverState:o,ref:l,setRef:a,popoverProps:i}},Me=F((()=>{const{propType:n,value:l,setValue:r,disabled:o}=k(t.boxShadowPropTypeUtil);return e.createElement(T,{propType:n,value:l,setValue:r,isDisabled:()=>o},e.createElement(Le,{openOnAdd:!0,disabled:o,values:l??[],setValues:r,label:(0,a.__)("Box shadow","elementor"),itemSettings:{Icon:De,Label:Ke,Content:We,initialValues:He}}))})),De=({value:t})=>e.createElement(r.UnstableColorIndicator,{size:"inherit",component:"span",value:t.value.color?.value}),We=({anchorEl:t,bind:n})=>e.createElement(z,{bind:n},e.createElement(Ne,{anchorEl:t})),Ne=({anchorEl:n})=>{const l=k(t.shadowPropTypeUtil),r=[(0,e.useRef)(null),(0,e.useRef)(null)];return e.createElement(T,{...l},e.createElement(_e,{p:1.5},e.createElement(Te,null,e.createElement(je,{bind:"color",label:(0,a.__)("Color","elementor")},e.createElement(ge,{anchorEl:n})),e.createElement(je,{bind:"position",label:(0,a.__)("Position","elementor"),sx:{overflow:"hidden"}},e.createElement(Y,{options:[{label:(0,a.__)("Inset","elementor"),value:"inset"},{label:(0,a.__)("Outset","elementor"),value:null}]}))),e.createElement(Te,{ref:r[0]},e.createElement(je,{bind:"hOffset",label:(0,a.__)("Horizontal","elementor")},e.createElement(pe,{anchorRef:r[0]})),e.createElement(je,{bind:"vOffset",label:(0,a.__)("Vertical","elementor")},e.createElement(pe,{anchorRef:r[0]}))),e.createElement(Te,{ref:r[1]},e.createElement(je,{bind:"blur",label:(0,a.__)("Blur","elementor")},e.createElement(pe,{anchorRef:r[1]})),e.createElement(je,{bind:"spread",label:(0,a.__)("Spread","elementor")},e.createElement(pe,{anchorRef:r[1]})))))},je=({label:t,bind:n,children:l,sx:a})=>e.createElement(z,{bind:n},e.createElement(r.Grid,{item:!0,xs:6,sx:a},e.createElement(r.Grid,{container:!0,gap:.75,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.FormLabel,{size:"tiny"},t)),e.createElement(r.Grid,{item:!0,xs:12},l)))),Ke=({value:t})=>{const{position:n,hOffset:l,vOffset:r,blur:a,spread:o}=t.value,{size:i="",unit:c=""}=a?.value||{},{size:s="",unit:u=""}=o?.value||{},{size:m="unset",unit:p=""}=l?.value||{},{size:d="unset",unit:E=""}=r?.value||{},v=n?.value||"outset",b=[m+p,d+E,i+c,s+u].join(" ");return e.createElement("span",{style:{textTransform:"capitalize"}},v,": ",b)},He={$$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}},qe=({children:t})=>e.createElement(r.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},e.createElement(U,null,t),e.createElement(Se,null)),Xe=[{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}],Ye=({propType:t,units:n,anchorEl:l})=>{const a=k(t),o=[(0,e.useRef)(null),(0,e.useRef)(null)];return e.createElement(T,{...a},Xe.map((t=>e.createElement(Te,{key:t.bind,ref:o[t.rowIndex]??null},e.createElement(z,{bind:t.bind},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,t.label)),e.createElement(r.Grid,{item:!0,xs:6},"color"===t.bind?e.createElement(ge,{anchorEl:l}):e.createElement(pe,{anchorRef:o[t.rowIndex],units:n,defaultUnit:"px"})))))))},Qe=({value:t})=>{const{xAxis:n,yAxis:l,blur:a}=t.value,o=`${n?.value?.size??0}${n?.value?.unit??"px"}`,i=`${l?.value?.size??0}${l?.value?.unit??"px"}`,c=`${a?.value?.size??10}${a?.value?.unit??"px"}`;return e.createElement(r.Box,{component:"span"},e.createElement(r.Box,{component:"span",style:{textTransform:"capitalize"}},"Drop shadow:"),`${o} ${i} ${c}`)},Ze="blur",Je={blur:{defaultValue:{$$type:"radius",radius:{$$type:"size",value:{size:0,unit:"px"}}},name:(0,a.__)("Blur","elementor"),valueName:(0,a.__)("Radius","elementor"),propType:t.blurFilterPropTypeUtil,units:ne.filter((e=>"%"!==e))},"drop-shadow":{defaultValue:{$$type:"drop-shadow",value:{xAxis:{$$type:"size",value:{size:0,unit:"px"}},yAxis:{$$type:"size",value:{size:0,unit:"px"}},blur:{$$type:"size",value:{size:10,unit:"px"}},color:{$$type:"color",value:"rgba(0, 0, 0, 1)"}}},name:(0,a.__)("Drop shadow","elementor"),valueName:(0,a.__)("Drop-shadow","elementor"),propType:t.dropShadowFilterPropTypeUtil,units:ne.filter((e=>"%"!==e))},brightness:{defaultValue:{$$type:"amount",amount:{$$type:"size",value:{size:100,unit:"%"}}},name:(0,a.__)("Brightness","elementor"),valueName:(0,a.__)("Amount","elementor"),propType:t.brightnessFilterPropTypeUtil,units:["%"]},contrast:{defaultValue:{$$type:"contrast",contrast:{$$type:"size",value:{size:100,unit:"%"}}},name:(0,a.__)("Contrast","elementor"),valueName:(0,a.__)("Amount","elementor"),propType:t.contrastFilterPropTypeUtil,units:["%"]},"hue-rotate":{defaultValue:{$$type:"hue-rotate","hue-rotate":{$$type:"size",value:{size:0,unit:"deg"}}},name:(0,a.__)("Hue Rotate","elementor"),valueName:(0,a.__)("Angle","elementor"),propType:t.hueRotateFilterPropTypeUtil,units:["deg","rad","grad","turn"]},saturate:{defaultValue:{$$type:"saturate",saturate:{$$type:"size",value:{size:100,unit:"%"}}},name:(0,a.__)("Saturate","elementor"),valueName:(0,a.__)("Amount","elementor"),propType:t.saturateFilterPropTypeUtil,units:["%"]},grayscale:{defaultValue:{$$type:"grayscale",grayscale:{$$type:"size",value:{size:0,unit:"%"}}},name:(0,a.__)("Grayscale","elementor"),valueName:(0,a.__)("Amount","elementor"),propType:t.grayscaleFilterPropTypeUtil,units:["%"]},invert:{defaultValue:{$$type:"invert",invert:{$$type:"size",value:{size:0,unit:"%"}}},name:(0,a.__)("Invert","elementor"),valueName:(0,a.__)("Amount","elementor"),propType:t.invertFilterPropTypeUtil,units:["%"]},sepia:{defaultValue:{$$type:"sepia",sepia:{$$type:"size",value:{size:0,unit:"%"}}},name:(0,a.__)("Sepia","elementor"),valueName:(0,a.__)("Amount","elementor"),propType:t.sepiaFilterPropTypeUtil,units:["%"]}},et=Object.keys(Je),tt=e=>!["drop-shadow"].includes(e),nt=F((({filterPropName:n="filter"})=>{const[l,r]="backdrop-filter"===n?[t.backdropFilterPropTypeUtil,(0,a.__)("Backdrop Filters","elementor")]:[t.filterPropTypeUtil,(0,a.__)("Filters","elementor")],{propType:o,value:i,setValue:c,disabled:s}=k(l);return e.createElement(T,{propType:o,value:i,setValue:c},e.createElement(Le,{openOnAdd:!0,disabled:s,values:i??[],setValues:c,label:r,collectionPropUtil:l,itemSettings:{Icon:lt,Label:rt,Content:ot,initialValues:{$$type:Ze,value:Je[Ze].defaultValue}}}))})),lt=()=>e.createElement(e.Fragment,null),rt=({value:t})=>tt(t.$$type)?e.createElement(at,{value:t}):e.createElement(Qe,{value:t}),at=({value:t})=>{const{$$type:n,value:l}=t,{$$type:a}=Je[n].defaultValue,o=Je[n].defaultValue[a].value.unit,{unit:i,size:c}=l[a]?.value??{unit:o,size:0},s=e.createElement(r.Box,{component:"span",style:{textTransform:"capitalize"}},t.$$type,":");return e.createElement(r.Box,{component:"span"},s,"custom"!==i?` ${c??0}${i??o}`:c)},ot=({bind:n,collectionPropUtil:l,anchorEl:o})=>{const{value:i,setValue:c}=k(l??t.filterPropTypeUtil),s=parseInt(n,10),u=i?.[s];return e.createElement(z,{bind:n},e.createElement(_e,{p:1.5},e.createElement(Te,null,e.createElement(r.Grid,{item:!0,xs:6},e.createElement(qe,null,(0,a.__)("Filter","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Select,{sx:{overflow:"hidden"},size:"tiny",value:u?.$$type??Ze,onChange:e=>{const t=[...i],n=e.target.value;t[s]={$$type:n,value:{...Je[n].defaultValue}},c(t)},fullWidth:!0},et.map((t=>e.createElement(m.MenuListItem,{key:t,value:t},Je[t].name)))))),e.createElement(it,{filterType:u?.$$type,anchorEl:o})))},it=({filterType:t,anchorEl:n})=>{const{propType:l,units:r=[]}=Je[t];return tt(t)?e.createElement(ct,{filterType:t}):e.createElement(Ye,{propType:l,units:r,anchorEl:n})},ct=({filterType:t})=>{const{propType:n,valueName:l,defaultValue:a,units:o}=Je[t],{$$type:i}=a,c=k(n),s=(0,e.useRef)(null),u=a[i].value.unit;return e.createElement(T,{...c},e.createElement(z,{bind:i},e.createElement(Te,{ref:s},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(qe,null,l)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(pe,{anchorRef:s,units:o,defaultUnit:u})))))},st=({showTooltip:t,children:n,label:l})=>t&&l?e.createElement(r.Tooltip,{title:l,disableFocusListener:!0,placement:"top"},n):n,ut=(0,r.styled)(r.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;
}
`,mt=({justify:t="end",size:n="tiny",value:l,onChange:a,items:o,maxItems:i,exclusive:c=!1,fullWidth:s=!1,disabled:u})=>{const m=c&&void 0!==i&&o.length>i,p=m?o.slice(i-1):[],d=m?o.slice(0,i-1):o,E="rtl"===(0,r.useTheme)().direction,v=(0,e.useMemo)((()=>{const e=p?.length;return`repeat(${e?d.length+1:d.length}, minmax(0, 25%)) ${e?"auto":""}`}),[p?.length,d.length]);return e.createElement(q,null,e.createElement(ut,{justify:t,value:l,onChange:(e,t)=>{a(t)},exclusive:c,disabled:u,sx:{direction:E?"rtl /* @noflip */":"ltr /* @noflip */",display:"grid",gridTemplateColumns:v,width:"100%"}},d.map((({label:t,value:l,renderContent:a,showTooltip:o})=>e.createElement(st,{key:l,label:t,showTooltip:o||!1},e.createElement(r.ToggleButton,{value:l,"aria-label":t,size:n,fullWidth:s},e.createElement(a,{size:n}))))),p.length&&c&&e.createElement(pt,{size:n,value:l||null,onChange:a,items:p,fullWidth:s})))},pt=({size:t="tiny",onChange:n,items:l,fullWidth:a,value:o})=>{const i=dt(l,o),[c,u]=(0,e.useState)(!1),m=(0,e.useRef)(null),p=e=>{u(!1),d(e)},d=e=>{n(e===o?null:e)};return e.createElement(e.Fragment,null,e.createElement(r.ToggleButton,{value:i.value,"aria-label":i.label,size:t,fullWidth:a,onClick:e=>{e.preventDefault(),p(i.value)},ref:m},i.renderContent({size:t})),e.createElement(r.ToggleButton,{size:t,"aria-expanded":c?"true":void 0,"aria-haspopup":"menu","aria-pressed":void 0,onClick:e=>{u((e=>!e)),e.preventDefault()},ref:m,value:"__chevron-icon-button__"},e.createElement(s.ChevronDownIcon,{fontSize:t})),e.createElement(r.Menu,{open:c,onClose:()=>u(!1),anchorEl:m.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},sx:{mt:.5}},l.map((({label:t,value:n})=>e.createElement(r.MenuItem,{key:n,selected:n===o,onClick:()=>p(n)},e.createElement(r.ListItemText,null,e.createElement(r.Typography,{sx:{fontSize:"14px"}},t)))))))},dt=(t,n)=>{const[l,r]=(0,e.useState)(t.find((e=>e.value===n))??t[0]);return(0,e.useEffect)((()=>{const e=t.find((e=>e.value===n));e&&r(e)}),[t,n]),l},Et=F((({options:n,fullWidth:l=!1,size:r="tiny",exclusive:a=!0,maxItems:o})=>{const{value:i,setValue:c,placeholder:s,disabled:u}=k(t.stringPropTypeUtil),m=n.filter((e=>e.exclusive)).map((e=>e.value)),p={items:n,maxItems:o,fullWidth:l,size:r};return a?e.createElement(mt,{...p,value:i??s??null,onChange:c,disabled:u,exclusive:!0}):e.createElement(mt,{...p,value:(i??s)?.split(" ")??[],onChange:e=>{const t=e[e.length-1],n=m.includes(t)?[t]:e?.filter((e=>!m.includes(e)));c(n?.join(" ")||null)},disabled:u,exclusive:!1})})),vt=e=>null==e||""===e||Number.isNaN(Number(e)),bt=["e","E","+","-"],ft=F((({placeholder:n,max:l=Number.MAX_VALUE,min:a=-Number.MAX_VALUE,step:o=1,shouldForceInt:i=!1})=>{const{value:c,setValue:s,placeholder:u,disabled:m}=k(t.numberPropTypeUtil);return e.createElement(q,null,e.createElement(r.TextField,{size:"tiny",type:"number",fullWidth:!0,disabled:m,value:vt(c)?"":c,onChange:e=>{const t=e.target.value;if(vt(t))return void s(null);const n=i?+parseInt(t):Number(t);s(Math.min(Math.max(n,a),l))},placeholder:n??(u?String(u):""),inputProps:{step:o},onKeyDown:e=>{bt.includes(e.key)&&e.preventDefault()}}))})),gt=(e,t)=>{const n=Object.values(e);if(n.length!==t.length)return!1;const[l,...r]=n;return r.every((e=>e?.value?.size===l?.value?.size&&e?.value?.unit===l?.value?.unit))};function ht({label:n,icon:l,tooltipLabel:o,items:i,multiSizePropTypeUtil:c}){const s=(0,e.useId)(),u=(0,r.usePopupState)({variant:"popover",popupId:s}),{propType:m,value:p,setValue:E,disabled:v}=k(c),{value:b,setValue:f}=k(t.sizePropTypeUtil),g=[(0,e.useRef)(null),(0,e.useRef)(null)],h=()=>b?i.reduce(((e,{bind:n})=>({...e,[n]:t.sizePropTypeUtil.create(b)})),{}):null,y=!(0,d.isExperimentActive)("e_v_3_30")||!u.isOpen,x=!!p;return e.createElement(e.Fragment,null,e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:g[0]},e.createElement(r.Grid,{item:!0,xs:6},y?e.createElement(qe,null,n):e.createElement(U,null,n)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Stack,{direction:"row",alignItems:"center",gap:1},e.createElement(pe,{placeholder:x?(0,a.__)("Mixed","elementor"):void 0,anchorRef:g[0]}),e.createElement(r.Tooltip,{title:o,placement:"top"},e.createElement(r.ToggleButton,{size:"tiny",value:"check",sx:{marginLeft:"auto"},...(0,r.bindToggle)(u),selected:u.isOpen,"aria-label":o},l))))),e.createElement(r.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...(0,r.bindPopover)(u),slotProps:{paper:{sx:{mt:.5,width:g[0].current?.getBoundingClientRect().width}}}},e.createElement(T,{propType:m,value:p||(h()??null),setValue:e=>{const t={...p??h(),...e};if(gt(t,i))return f(Object.values(t)[0]?.value);E(t)},isDisabled:()=>v},e.createElement(_e,{p:1.5},e.createElement(Te,{ref:g[1]},e.createElement(yt,{item:i[0],rowRef:g[1]}),e.createElement(yt,{item:i[1],rowRef:g[1]})),e.createElement(Te,{ref:g[2]},e.createElement(yt,{item:i[2],rowRef:g[2]}),e.createElement(yt,{item:i[3],rowRef:g[2]}))))))}var yt=({item:t,rowRef:n})=>{const l=(0,d.isExperimentActive)("e_v_3_30");return e.createElement(z,{bind:t.bind},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Grid,{container:!0,gap:.75,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},l?e.createElement(qe,null,t.label):e.createElement(U,null,t.label)),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(pe,{startIcon:t.icon,anchorRef:n})))))},xt=F((({label:n,isSiteRtl:l=!1,extendedOptions:o})=>{const{value:i,setValue:c,disabled:u}=k(t.sizePropTypeUtil),m=[(0,e.useRef)(null),(0,e.useRef)(null)],{value:p,setValue:E,propType:v,disabled:b}=k(t.dimensionsPropTypeUtil),f=!p&&!i||!!i,g=(0,d.isExperimentActive)("e_v_3_30"),h=n.toLowerCase(),y=f?s.LinkIcon:s.DetachIcon,x=(0,a.__)("Link %s","elementor").replace("%s",h),_=(0,a.__)("Unlink %s","elementor").replace("%s",h),C=u||b;return e.createElement(T,{propType:v,value:p,setValue:E,isDisabled:()=>C},e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},g?e.createElement(U,null,n):e.createElement(qe,null,n),e.createElement(r.Tooltip,{title:f?_:x,placement:"top"},e.createElement(r.ToggleButton,{"aria-label":f?_:x,size:"tiny",value:"check",selected:f,sx:{marginLeft:"auto"},onChange:()=>{if(!f)return void c(p["block-start"]?.value??null);const e=i?t.sizePropTypeUtil.create(i):null;E({"block-start":e,"block-end":e,"inline-start":e,"inline-end":e})},disabled:C},e.createElement(y,{fontSize:"tiny"})))),function(t){return[[{bind:"block-start",label:(0,a.__)("Top","elementor"),icon:e.createElement(s.SideTopIcon,{fontSize:"tiny"})},{bind:"inline-end",label:t?(0,a.__)("Left","elementor"):(0,a.__)("Right","elementor"),icon:t?e.createElement(s.SideLeftIcon,{fontSize:"tiny"}):e.createElement(s.SideRightIcon,{fontSize:"tiny"})}],[{bind:"block-end",label:(0,a.__)("Bottom","elementor"),icon:e.createElement(s.SideBottomIcon,{fontSize:"tiny"})},{bind:"inline-start",label:t?(0,a.__)("Right","elementor"):(0,a.__)("Left","elementor"),icon:t?e.createElement(s.SideRightIcon,{fontSize:"tiny"}):e.createElement(s.SideLeftIcon,{fontSize:"tiny"})}]]}(l).map(((t,n)=>e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap",key:n,ref:m[n]},t.map((({icon:t,...l})=>e.createElement(r.Grid,{container:!0,gap:.75,alignItems:"center",key:l.bind},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Tt,{...l})),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(_t,{bind:l.bind,startIcon:t,isLinked:f,extendedOptions:o,anchorRef:m[n]})))))))))})),_t=({bind:t,startIcon:n,isLinked:l,extendedOptions:r,anchorRef:a})=>l?e.createElement(pe,{startIcon:n,extendedOptions:r,anchorRef:a}):e.createElement(z,{bind:t},e.createElement(pe,{startIcon:n,extendedOptions:r,anchorRef:a})),Tt=({label:t,bind:n})=>(0,d.isExperimentActive)("e_v_3_30")?e.createElement(z,{bind:n},e.createElement(qe,null,t)):e.createElement(U,null,t),Ct=({fontFamilies:t,fontFamily:n,onFontFamilyChange:l,onClose:o,sectionWidth:i})=>{const[c,u]=(0,e.useState)(""),p=((e,t)=>e.reduce(((e,n)=>{const l=n.fonts.filter((e=>e.toLowerCase().includes(t.toLowerCase())));return l.length&&(e.push({type:"category",value:n.label}),l.forEach((t=>{e.push({type:"font",value:t})}))),e}),[]))(t,c),d=()=>{u(""),o()};return e.createElement(m.PopoverBody,{width:i},e.createElement(m.PopoverHeader,{title:(0,a.__)("Font Family","elementor"),onClose:d,icon:e.createElement(s.TextIcon,{fontSize:"tiny"})}),e.createElement(m.PopoverSearch,{value:c,onSearch:e=>{u(e)},placeholder:(0,a.__)("Search","elementor")}),e.createElement(r.Divider,null),p.length>0?e.createElement(wt,{fontListItems:p,setFontFamily:l,handleClose:d,fontFamily:n}):e.createElement(r.Stack,{alignItems:"center",justifyContent:"center",height:"100%",p:2.5,gap:1.5,overflow:"hidden"},e.createElement(s.TextIcon,{fontSize:"large"}),e.createElement(r.Box,{sx:{maxWidth:160,overflow:"hidden"}},e.createElement(r.Typography,{align:"center",variant:"subtitle2",color:"text.secondary"},(0,a.__)("Sorry, nothing matched","elementor")),e.createElement(r.Typography,{variant:"subtitle2",color:"text.secondary",sx:{display:"flex",width:"100%",justifyContent:"center"}},e.createElement("span",null,"“"),e.createElement("span",{style:{maxWidth:"80%",overflow:"hidden",textOverflow:"ellipsis"}},c),e.createElement("span",null,"”."))),e.createElement(r.Typography,{align:"center",variant:"caption",color:"text.secondary",sx:{display:"flex",flexDirection:"column"}},(0,a.__)("Try something else.","elementor"),e.createElement(r.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>u("")},(0,a.__)("Clear & try again","elementor")))))},wt=({fontListItems:t,setFontFamily:n,handleClose:l,fontFamily:r})=>{const a=t.find((e=>e.value===r)),o=zt((({getVirtualIndexes:e})=>{e().forEach((e=>{const n=t[e];n&&"font"===n.type&&((e,t="editor")=>{const n=window;n.elementor?.helpers?.enqueueFont?.(e,t)})(n.value)}))}),100);return e.createElement(m.PopoverMenuList,{items:t,selectedValue:a?.value,onChange:o,onSelect:n,onClose:l,itemStyle:e=>({fontFamily:e.value}),"data-testid":"font-list"})},zt=(t,n)=>{const[l]=(0,e.useState)((()=>(0,o.debounce)(t,n)));return(0,e.useEffect)((()=>()=>l.cancel()),[l]),l},St=F((({fontFamilies:n,sectionWidth:l})=>{const{value:a,setValue:o,disabled:i,placeholder:c}=k(t.stringPropTypeUtil),u=(0,r.usePopupState)({variant:"popover"}),m=!a&&c;return e.createElement(e.Fragment,null,e.createElement(q,null,e.createElement(r.UnstableTag,{variant:"outlined",label:a||c,endIcon:e.createElement(s.ChevronDownIcon,{fontSize:"tiny"}),...(0,r.bindTrigger)(u),fullWidth:!0,disabled:i,sx:m?{"& .MuiTag-label":{color:e=>e.palette.text.tertiary},textTransform:"capitalize"}:void 0})),e.createElement(r.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},sx:{my:1.5},...(0,r.bindPopover)(u)},e.createElement(Ct,{fontFamilies:n,fontFamily:a,onFontFamilyChange:o,onClose:u.close,sectionWidth:l})))})),Pt=F((({placeholder:n})=>{const{value:l,setValue:a,disabled:o}=k(t.urlPropTypeUtil);return e.createElement(q,null,e.createElement(r.TextField,{size:"tiny",fullWidth:!0,value:l??"",disabled:o,onChange:e=>a(e.target.value),placeholder:n}))})),It=(0,e.forwardRef)(((t,n)=>{const{options:l,onOptionChange:a,onTextChange:o,allowCustomValues:i=!1,placeholder:c="",minInputLength:s=2,value:u="",...m}=t,p=function(e,t,n){if(null===e)return t;const l=String(e||"")?.toLowerCase();return l.length<n?new Array(0):t.filter((e=>String(e.id).toLowerCase().includes(l)||e.label.toLowerCase().includes(l)))}(u,l,s).map((({id:e})=>e)),d=!!u,E=i||u?.toString()?.length?void 0:()=>!0,v="number"==typeof u&&!!Vt(l,u);return e.createElement(r.Autocomplete,{...m,ref:n,forcePopupIcon:!1,disableClearable:!0,freeSolo:i,value:u?.toString()||"",size:"tiny",onChange:(e,t)=>a(Number(t)),readOnly:v,options:p,getOptionKey:e=>Vt(l,e)?.id||e,getOptionLabel:e=>Vt(l,e)?.label||e.toString(),groupBy:Ut(l)?e=>Vt(l,e)?.groupLabel||e:void 0,isOptionEqualToValue:E,filterOptions:()=>p,renderOption:(t,n)=>e.createElement(r.Box,{component:"li",...t,key:t.id},Vt(l,n)?.label??n),renderInput:t=>e.createElement(kt,{params:t,handleChange:e=>o?.(e),allowClear:d,placeholder:c,hasSelectedValue:v})})})),kt=({params:t,allowClear:n,placeholder:l,handleChange:a,hasSelectedValue:o})=>e.createElement(r.TextField,{...t,placeholder:l,onChange:e=>{a(e.target.value)},sx:{"& .MuiInputBase-input":{cursor:o?"default":void 0}},InputProps:{...t.InputProps,endAdornment:e.createElement($t,{params:t,allowClear:n,handleChange:a})}}),$t=({allowClear:t,handleChange:n,params:l})=>e.createElement(r.InputAdornment,{position:"end"},t&&e.createElement(r.IconButton,{size:l.size,onClick:()=>n(null),sx:{cursor:"pointer"}},e.createElement(s.XIcon,{fontSize:l.size})));function Vt(e,t=null){const n=(t||"").toString();return e.find((({id:e})=>n===e.toString()))}function Ut(e){return e.every((e=>"groupLabel"in e))}var Rt=F((()=>{const{value:n,setValue:l,disabled:a}=k(t.booleanPropTypeUtil);return e.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},e.createElement(r.Switch,{checked:!!n,onChange:e=>{l(e.target.checked)},size:"small",disabled:a,inputProps:{...a?{style:{opacity:0}}:{}}}))})),Gt="tiny",At={label:(0,a.__)("Learn More","elementor"),href:"https://go.elementor.com/element-link-inside-link-infotip"},Ft=F((n=>{const{value:l,path:i,setValue:s,...u}=k(t.linkPropTypeUtil),[m,p]=(0,b.useSessionStorage)(i.join("/")),[d,E]=(0,e.useState)(!!l),{allowCustomValues:f,queryOptions:{endpoint:g="",requestParams:h={}},placeholder:y,minInputLength:x=2,context:{elementId:_},label:C=(0,a.__)("Link","elementor")}=n||{},[w,S]=(0,e.useState)((0,v.getLinkInLinkRestriction)(_)),[P,I]=(0,e.useState)(function(e){const t=e?.destination?.value,n=e?.label?.value;return t&&n&&"number"===(e?.destination?.$$type||"url")?[{id:t.toString(),label:n}]:[]}(l)),$=!d&&w.shouldRestrict,V=e=>{s(e),p({...m,value:e})},R=(0,e.useMemo)((()=>(0,o.debounce)((e=>async function(e,t){if(!t||!e)return[];try{const{data:n}=await(0,c.httpService)().get(e,{params:t});return n.data.value}catch{return[]}}(g,e).then((e=>{I(function(e){const t=Ut(e)?"groupLabel":"label";return e.sort(((e,n)=>e[t]&&n[t]?e[t].localeCompare(n[t]):0))}(e))}))),400)),[g]);return e.createElement(T,{...u,value:l,setValue:s},e.createElement(r.Stack,{gap:1.5},e.createElement(r.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},e.createElement(U,null,C),e.createElement(Bt,{isVisible:!d,linkInLinkRestriction:w},e.createElement(Lt,{disabled:$,active:d,onIconClick:()=>{if(S((0,v.getLinkInLinkRestriction)(_)),w.shouldRestrict&&!d)return;const e=!d;E(e),e||null===l||s(null),e&&m?.value&&s(m.value),p({value:m?.value,meta:{isEnabled:e}})},label:(0,a.__)("Toggle link","elementor")}))),e.createElement(r.Collapse,{in:d,timeout:"auto",unmountOnExit:!0},e.createElement(r.Stack,{gap:1.5},e.createElement(z,{bind:"destination"},e.createElement(q,null,e.createElement(It,{options:P,allowCustomValues:f,placeholder:y,value:l?.destination?.value?.settings?.label||l?.destination?.value,onOptionChange:e=>{const n=e?{...l,destination:t.numberPropTypeUtil.create(e),label:t.stringPropTypeUtil.create(Vt(P,e)?.label||null)}:null;V(n)},onTextChange:e=>{const n=(e=e?.trim()||"")?{...l,destination:t.urlPropTypeUtil.create(e),label:t.stringPropTypeUtil.create("")}:null;V(n),(e=>{I([]),!e||!g||e.length<x||R({...h,term:e})})(e)},minInputLength:x}))),e.createElement(z,{bind:"isTargetBlank"},e.createElement(r.Grid,{container:!0,alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},e.createElement(r.Grid,{item:!0},e.createElement(U,null,(0,a.__)("Open in a new tab","elementor"))),e.createElement(r.Grid,{item:!0,sx:{marginInlineEnd:-1}},e.createElement(Ot,{disabled:u.disabled||!l}))))))))})),Lt=({disabled:t,active:n,onIconClick:l,label:a})=>e.createElement(r.IconButton,{size:Gt,onClick:l,"aria-label":a,disabled:t},n?e.createElement(s.MinusIcon,{fontSize:Gt}):e.createElement(s.PlusIcon,{fontSize:Gt})),Ot=({disabled:n})=>{const{value:l,setValue:a}=k(t.booleanPropTypeUtil);return(0,d.isExperimentActive)("e_v_3_31")?e.createElement(Rt,null):e.createElement(r.Switch,{checked:l??!1,onClick:()=>{a(!l)},disabled:n,inputProps:{...n?{style:{opacity:0}}:{}}})},Bt=({linkInLinkRestriction:t,isVisible:n,children:l})=>{const{shouldRestrict:o,reason:i,elementId:c}=t;return o&&n?e.createElement(r.Infotip,{placement:"right",content:e.createElement(m.InfoTipCard,{content:Mt[i],svgIcon:e.createElement(s.AlertTriangleIcon,null),learnMoreButton:At,ctaButton:{label:(0,a.__)("Take me there","elementor"),onClick:()=>{c&&(0,v.selectElement)(c)}}})},e.createElement(r.Box,null,l)):e.createElement(e.Fragment,null,l)},Mt={descendant:e.createElement(e.Fragment,null,(0,a.__)("To add a link to this container,","elementor"),e.createElement("br",null),(0,a.__)("first remove the link from the elements inside of it.","elementor")),ancestor:e.createElement(e.Fragment,null,(0,a.__)("To add a link to this element,","elementor"),e.createElement("br",null),(0,a.__)("first remove the link from its parent container.","elementor"))},Dt=F((({label:n})=>{const{value:l,setValue:o,propType:i,disabled:c}=k(t.layoutDirectionPropTypeUtil),u=(0,e.useRef)(null),{value:m,setValue:p,disabled:d}=k(t.sizePropTypeUtil),E=!l&&!m||!!m,v=n.toLowerCase(),b=E?s.LinkIcon:s.DetachIcon,f=(0,a.__)("Link %s","elementor").replace("%s",v),g=(0,a.__)("Unlink %s","elementor").replace("%s",v),h=d||c;return e.createElement(T,{propType:i,value:l,setValue:o},e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(qe,null,n),e.createElement(r.Tooltip,{title:E?g:f,placement:"top"},e.createElement(r.ToggleButton,{"aria-label":E?g:f,size:"tiny",value:"check",selected:E,sx:{marginLeft:"auto"},onChange:()=>{if(!E)return void p(l?.column?.value??null);const e=m?t.sizePropTypeUtil.create(m):null;o({row:e,column:e})},disabled:h},e.createElement(b,{fontSize:"tiny"})))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:u},e.createElement(r.Grid,{container:!0,gap:.75,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(U,null,(0,a.__)("Column","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Wt,{bind:"column",isLinked:E,anchorRef:u}))),e.createElement(r.Grid,{container:!0,gap:.75,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(U,null,(0,a.__)("Row","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Wt,{bind:"row",isLinked:E,anchorRef:u})))))})),Wt=({bind:t,isLinked:n,anchorRef:l})=>n?e.createElement(pe,{anchorRef:l}):e.createElement(z,{bind:t},e.createElement(pe,{anchorRef:l})),Nt=[{label:(0,a.__)("Auto","elementor"),value:"auto"},{label:"1/1",value:"1/1"},{label:"4/3",value:"4/3"},{label:"3/4",value:"3/4"},{label:"16/9",value:"16/9"},{label:"9/16",value:"9/16"},{label:"3/2",value:"3/2"},{label:"2/3",value:"2/3"}],jt="custom",Kt=F((({label:n})=>{const{value:l,setValue:o,disabled:i}=k(t.stringPropTypeUtil),c=l&&!Nt.some((e=>e.value===l)),[u,p]=c?l.split("/"):["",""],[d,E]=(0,e.useState)(c),[v,b]=(0,e.useState)(u),[f,g]=(0,e.useState)(p),[h,y]=(0,e.useState)(c?jt:l||"");return(0,e.useEffect)((()=>{if(l&&!Nt.some((e=>e.value===l))){const[e,t]=l.split("/");b(e||""),g(t||""),y(jt),E(!0)}else y(l||""),E(!1),b(""),g("")}),[l]),e.createElement(q,null,e.createElement(r.Stack,{direction:"column",gap:2},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(qe,null,n)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Select,{size:"tiny",displayEmpty:!0,sx:{overflow:"hidden"},disabled:i,value:h,onChange:e=>{const t=e.target.value,n=t===jt;E(n),y(t),n||o(t)},fullWidth:!0},[...Nt,{label:(0,a.__)("Custom","elementor"),value:jt}].map((({label:t,...n})=>e.createElement(m.MenuListItem,{key:n.value,...n,value:n.value??""},t)))))),d&&e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.TextField,{size:"tiny",type:"number",fullWidth:!0,disabled:i,value:v,onChange:e=>{const t=e.target.value;b(t),t&&f&&o(`${t}/${f}`)},InputProps:{startAdornment:e.createElement(s.ArrowsMoveHorizontalIcon,{fontSize:"tiny"})}})),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.TextField,{size:"tiny",type:"number",fullWidth:!0,disabled:i,value:f,onChange:e=>{const t=e.target.value;g(t),v&&t&&o(`${v}/${t}`)},InputProps:{startAdornment:e.createElement(s.ArrowsMoveVerticalIcon,{fontSize:"tiny"})}})))))})),Ht=(0,a.__)("Enable Unfiltered Uploads","elementor"),qt=(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"),Xt=(0,a.__)("Sorry, you can't upload that file yet","elementor"),Yt=(0,a.__)("This is because this file type may pose a security risk. To upload them anyway, ask the site administrator to enable unfiltered file uploads.","elementor"),Qt=(0,a.__)("Failed to enable unfiltered files upload.","elementor"),Zt=(0,a.__)("You can try again, if the problem persists, please contact support.","elementor"),Jt=t=>{const{mutateAsync:n,isPending:l}=function(){const e=(0,i.useQueryClient)();return(0,i.useMutation)({mutationFn:({allowUnfilteredFilesUpload:e})=>{return t=B,n=e?"1":"0",(0,c.httpService)().put(`${L}/${t}`,{value:n});var t,n},onSuccess:()=>e.invalidateQueries(M)})}(),{canUser:r}=(0,f.useCurrentUserCapabilities)(),[a,o]=(0,e.useState)(!1),s=r("manage_options"),u={...t,isPending:l,handleEnable:async()=>{try{const e=await n({allowUnfilteredFilesUpload:!0});!1===e?.data?.success?o(!0):t.onClose(!0)}catch{o(!0)}},isError:a,onClose:e=>{t.onClose(e),setTimeout((()=>o(!1)),300)}};return s?e.createElement(en,{...u}):e.createElement(tn,{...u})},en=({open:t,onClose:n,handleEnable:l,isPending:o,isError:i})=>e.createElement(r.Dialog,{open:t,maxWidth:"sm",onClose:()=>n(!1)},e.createElement(r.DialogHeader,{logo:!1},e.createElement(r.DialogTitle,null,Ht)),e.createElement(r.Divider,null),e.createElement(r.DialogContent,null,e.createElement(r.DialogContentText,null,i?e.createElement(e.Fragment,null,Qt," ",e.createElement("br",null)," ",Zt):qt)),e.createElement(r.DialogActions,null,e.createElement(r.Button,{size:"medium",color:"secondary",onClick:()=>n(!1)},(0,a.__)("Cancel","elementor")),e.createElement(r.Button,{size:"medium",onClick:()=>l(),variant:"contained",color:"primary",disabled:o},o?e.createElement(r.CircularProgress,{size:24}):(0,a.__)("Enable","elementor")))),tn=({open:t,onClose:n})=>e.createElement(r.Dialog,{open:t,maxWidth:"sm",onClose:()=>n(!1)},e.createElement(r.DialogHeader,{logo:!1},e.createElement(r.DialogTitle,null,Xt)),e.createElement(r.Divider,null),e.createElement(r.DialogContent,null,e.createElement(r.DialogContentText,null,Yt)),e.createElement(r.DialogActions,null,e.createElement(r.Button,{size:"medium",onClick:()=>n(!1),variant:"contained",color:"primary"},(0,a.__)("Got it","elementor")))),nn="transparent",ln="#c1c1c1",rn=`linear-gradient(45deg, ${ln} 25%, ${nn} 0, ${nn} 75%, ${ln} 0, ${ln})`,an=(0,r.styled)(r.Card)`
background-color: white;
background-image: ${rn}, ${rn};
background-size: ${8}px ${8}px;
background-position:
0 0,
${4}px ${4}px;
border: none;
`,on=(0,r.styled)(r.Stack)`
position: relative;
height: 140px;
object-fit: contain;
padding: 5px;
justify-content: center;
align-items: center;
background-color: rgba( 255, 255, 255, 0.37 );
`,cn={mode:"browse"},sn={mode:"upload"},un=F((()=>{const{value:n,setValue:l}=k(t.imageSrcPropTypeUtil),{id:o,url:i}=n??{},{data:c,isFetching:m}=(0,u.useWpMediaAttachment)(o?.value||null),p=c?.url??i?.value??null,{data:d}=D(),[E,v]=(0,e.useState)(!1),{open:b}=(0,u.useWpMediaFrame)({mediaTypes:["svg"],multiple:!1,selected:o?.value||null,onSelect:e=>{l({id:{$$type:"image-attachment-id",value:e.id},url:null})}}),f=e=>{d||e!==sn?b(e):v(!0)};return e.createElement(r.Stack,{gap:1},e.createElement(Jt,{open:E,onClose:e=>{v(!1),e&&b(sn)}}),e.createElement(q,null,e.createElement(an,{variant:"outlined"},e.createElement(on,null,m?e.createElement(r.CircularProgress,{role:"progressbar"}):e.createElement(r.CardMedia,{component:"img",image:p,alt:(0,a.__)("Preview SVG","elementor"),sx:{maxHeight:"140px",width:"50px"}})),e.createElement(r.CardOverlay,{sx:{"&:hover":{backgroundColor:"rgba( 0, 0, 0, 0.75 )"}}},e.createElement(r.Stack,{gap:1},e.createElement(r.Button,{size:"tiny",color:"inherit",variant:"outlined",onClick:()=>f(cn)},(0,a.__)("Select SVG","elementor")),e.createElement(r.Button,{size:"tiny",variant:"text",color:"inherit",startIcon:e.createElement(s.UploadIcon,null),onClick:()=>f(sn)},(0,a.__)("Upload","elementor")))))))})),{env:mn}=(0,g.parseEnv)("@elementor/editor-controls"),pn=F((()=>{const{value:n,setValue:l}=k(t.backgroundGradientOverlayPropTypeUtil);return e.createElement(q,null,e.createElement(r.UnstableGradientBox,{sx:{width:"auto",padding:1.5},value:(()=>{if(!n)return;const{type:e,angle:t,stops:l,positions:r}=n;return{type:e.value,angle:t.value,stops:l.value.map((({value:{color:e,offset:t}})=>({color:e.value,offset:t.value}))),positions:r?.value.split(" ")}})(),onChange:e=>{const n=(e=>({...e,type:t.stringPropTypeUtil.create(e.type),angle:t.numberPropTypeUtil.create(e.angle),stops:t.gradientColorStopPropTypeUtil.create(e.stops.map((({color:e,offset:n})=>t.colorStopPropTypeUtil.create({color:t.colorPropTypeUtil.create(e),offset:t.numberPropTypeUtil.create(n)}))))}))(e);n.positions&&(n.positions=t.stringPropTypeUtil.create(e.positions.join(" "))),l(n)}}))})),dn=t.backgroundGradientOverlayPropTypeUtil.create({type:t.stringPropTypeUtil.create("linear"),angle:t.numberPropTypeUtil.create(180),stops:t.gradientColorStopPropTypeUtil.create([t.colorStopPropTypeUtil.create({color:t.colorPropTypeUtil.create("rgb(0,0,0)"),offset:t.numberPropTypeUtil.create(0)}),t.colorStopPropTypeUtil.create({color:t.colorPropTypeUtil.create("rgb(255,255,255)"),offset:t.numberPropTypeUtil.create(100)})])}),En=[{value:"fixed",label:(0,a.__)("Fixed","elementor"),renderContent:({size:t})=>e.createElement(s.PinIcon,{fontSize:t}),showTooltip:!0},{value:"scroll",label:(0,a.__)("Scroll","elementor"),renderContent:({size:t})=>e.createElement(s.PinnedOffIcon,{fontSize:t}),showTooltip:!0}],vn=()=>e.createElement(Te,null,e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,(0,a.__)("Attachment","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end",overflow:"hidden"}},e.createElement(Et,{options:En}))),bn=[{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"}],fn=()=>{const n=k(t.backgroundImagePositionOffsetPropTypeUtil),l=k(t.stringPropTypeUtil),o=!!n.value,i=(0,e.useRef)(null);return e.createElement(r.Grid,{container:!0,spacing:1.5},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Te,null,e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,(0,a.__)("Position","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end",overflow:"hidden"}},e.createElement(r.Select,{fullWidth:!0,size:"tiny",onChange:e=>{const t=e.target.value||null;"custom"===t?n.setValue({x:null,y:null}):l.setValue(t)},disabled:l.disabled,value:(n.value?"custom":l.value)??""},bn.map((({label:t,value:n})=>e.createElement(m.MenuListItem,{key:n,value:n??""},t))))))),o?e.createElement(T,{...n},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.Grid,{container:!0,spacing:1.5,ref:i},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:"x"},e.createElement(pe,{startIcon:e.createElement(s.LetterXIcon,{fontSize:"tiny"}),anchorRef:i}))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:"y"},e.createElement(pe,{startIcon:e.createElement(s.LetterYIcon,{fontSize:"tiny"}),anchorRef:i})))))):null)},gn=[{value:"repeat",label:(0,a.__)("Repeat","elementor"),renderContent:({size:t})=>e.createElement(s.GridDotsIcon,{fontSize:t}),showTooltip:!0},{value:"repeat-x",label:(0,a.__)("Repeat-x","elementor"),renderContent:({size:t})=>e.createElement(s.DotsHorizontalIcon,{fontSize:t}),showTooltip:!0},{value:"repeat-y",label:(0,a.__)("Repeat-y","elementor"),renderContent:({size:t})=>e.createElement(s.DotsVerticalIcon,{fontSize:t}),showTooltip:!0},{value:"no-repeat",label:(0,a.__)("No-repeat","elementor"),renderContent:({size:t})=>e.createElement(s.XIcon,{fontSize:t}),showTooltip:!0}],hn=()=>e.createElement(Te,null,e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,(0,a.__)("Repeat","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},e.createElement(Et,{options:gn}))),yn=[{value:"auto",label:(0,a.__)("Auto","elementor"),renderContent:({size:t})=>e.createElement(s.LetterAIcon,{fontSize:t}),showTooltip:!0},{value:"cover",label:(0,a.__)("Cover","elementor"),renderContent:({size:t})=>e.createElement(s.ArrowsMaximizeIcon,{fontSize:t}),showTooltip:!0},{value:"contain",label:(0,a.__)("Contain","elementor"),renderContent:({size:t})=>e.createElement(s.ArrowBarBothIcon,{fontSize:t}),showTooltip:!0},{value:"custom",label:(0,a.__)("Custom","elementor"),renderContent:({size:t})=>e.createElement(s.PencilIcon,{fontSize:t}),showTooltip:!0}],xn=()=>{const n=k(t.backgroundImageSizeScalePropTypeUtil),l=k(t.stringPropTypeUtil),o=!!n.value,i=(0,e.useRef)(null);return e.createElement(r.Grid,{container:!0,spacing:1.5},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Te,null,e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,(0,a.__)("Size","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},e.createElement(mt,{exclusive:!0,items:yn,onChange:e=>{"custom"===e?n.setValue({width:null,height:null}):l.setValue(e)},disabled:l.disabled,value:n.value?"custom":l.value})))),o?e.createElement(T,{...n},e.createElement(r.Grid,{item:!0,xs:12,ref:i},e.createElement(Te,null,e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:"width"},e.createElement(pe,{startIcon:e.createElement(s.ArrowsMoveHorizontalIcon,{fontSize:"tiny"}),extendedOptions:["auto"],anchorRef:i}))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:"height"},e.createElement(pe,{startIcon:e.createElement(s.ArrowsMoveVerticalIcon,{fontSize:"tiny"}),extendedOptions:["auto"],anchorRef:i})))))):null)},_n=t.backgroundColorOverlayPropTypeUtil.create({color:t.colorPropTypeUtil.create("#00000033")}),Tn=()=>({$$type:"background-image-overlay",value:{image:{$$type:"image",value:{src:{$$type:"image-src",value:{url:{$$type:"url",value:mn.background_placeholder_image},id:null}},size:{$$type:"string",value:"large"}}}}}),Cn=[{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"}],wn=F((()=>{const{propType:n,value:l,setValue:r,disabled:o}=k(t.backgroundOverlayPropTypeUtil);return e.createElement(T,{propType:n,value:l,setValue:r,isDisabled:()=>o},e.createElement(Le,{openOnAdd:!0,disabled:o,values:l??[],setValues:r,label:(0,a.__)("Overlay","elementor"),itemSettings:{Icon:Pn,Label:Un,Content:zn,initialValues:Tn()}}))})),zn=({anchorEl:t=null,bind:n})=>e.createElement(z,{bind:n},e.createElement(Sn,{anchorEl:t})),Sn=({anchorEl:n})=>{const{getTabsProps:l,getTabProps:o,getTabPanelProps:i}=(({color:n,image:l,gradient:a})=>{const{value:o,setValue:i}=k(t.backgroundImageOverlayPropTypeUtil),{value:c,setValue:s}=k(t.backgroundColorOverlayPropTypeUtil),{value:u,setValue:m}=k(t.backgroundGradientOverlayPropTypeUtil),{getTabsProps:p,getTabProps:d,getTabPanelProps:E}=(0,r.useTabs)(c?"color":u?"gradient":"image"),v=(0,e.useRef)({image:l,color:n,gradient:a}),b=(e,t)=>{t&&(v.current[e]=t)},f=(e,t)=>{switch(t){case"image":i(v.current.image),b("color",c),b("gradient",u);break;case"gradient":m(v.current.gradient),b("color",c),b("image",o);break;case"color":s(v.current.color),b("image",o),b("gradient",u)}return p().onChange(e,t)};return{getTabProps:d,getTabPanelProps:E,getTabsProps:()=>({...p(),onChange:f})}})({image:Tn().value,color:_n.value,gradient:dn.value});return e.createElement(r.Box,{sx:{width:"100%"}},e.createElement(r.Box,{sx:{borderBottom:1,borderColor:"divider"}},e.createElement(r.Tabs,{size:"small",variant:"fullWidth",...l(),"aria-label":(0,a.__)("Background Overlay","elementor")},e.createElement(r.Tab,{label:(0,a.__)("Image","elementor"),...o("image")}),e.createElement(r.Tab,{label:(0,a.__)("Gradient","elementor"),...o("gradient")}),e.createElement(r.Tab,{label:(0,a.__)("Color","elementor"),...o("color")}))),e.createElement(r.TabPanel,{sx:{p:1.5},...i("image")},e.createElement(_e,null,e.createElement(Ln,null))),e.createElement(r.TabPanel,{sx:{p:1.5},...i("gradient")},e.createElement(pn,null)),e.createElement(r.TabPanel,{sx:{p:1.5},...i("color")},e.createElement(_e,null,e.createElement(Fn,{anchorEl:n}))))},Pn=({value:t})=>{switch(t.$$type){case"background-image-overlay":return e.createElement($n,{value:t});case"background-color-overlay":return e.createElement(kn,{value:t});case"background-gradient-overlay":return e.createElement(Vn,{value:t});default:return null}},In=e=>e?.value?.color?.value?e.value.color.value:"",kn=({value:t})=>{const n=In(t);return e.createElement(On,{size:"inherit",component:"span",value:n})},$n=({value:t})=>{const{imageUrl:n}=Bn(t);return e.createElement(r.CardMedia,{image:n,sx:e=>({height:"1em",width:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`})})},Vn=({value:t})=>{const n=Dn(t);return e.createElement(On,{size:"inherit",component:"span",value:n})},Un=({value:t})=>{switch(t.$$type){case"background-image-overlay":return e.createElement(Gn,{value:t});case"background-color-overlay":return e.createElement(Rn,{value:t});case"background-gradient-overlay":return e.createElement(An,{value:t});default:return null}},Rn=({value:t})=>{const n=In(t);return e.createElement("span",null,n)},Gn=({value:t})=>{const{imageTitle:n}=Bn(t);return e.createElement("span",null,n)},An=({value:t})=>"linear"===t.value.type.value?e.createElement("span",null,(0,a.__)("Linear Gradient","elementor")):e.createElement("span",null,(0,a.__)("Radial Gradient","elementor")),Fn=({anchorEl:n})=>{const l=k(t.backgroundColorOverlayPropTypeUtil);return e.createElement(T,{...l},e.createElement(z,{bind:"color"},e.createElement(ge,{anchorEl:n})))},Ln=()=>{const n=k(t.backgroundImageOverlayPropTypeUtil);return e.createElement(T,{...n},e.createElement(z,{bind:"image"},e.createElement(Q,{sizes:Cn})),e.createElement(z,{bind:"position"},e.createElement(fn,null)),e.createElement(z,{bind:"repeat"},e.createElement(hn,null)),e.createElement(z,{bind:"size"},e.createElement(xn,null)),e.createElement(z,{bind:"attachment"},e.createElement(vn,null)))},On=(0,r.styled)(r.UnstableColorIndicator)((({theme:e})=>({borderRadius:e.shape.borderRadius/2+"px"}))),Bn=e=>{let t,n=null;const l=e?.value.image.value?.src.value,{data:r}=(0,u.useWpMediaAttachment)(l.id?.value||null);if(l.id){const e=Mn(r?.filename);t=`${r?.title}${e}`||null,n=r?.url||null}else l.url&&(n=l.url.value,t=n?.substring(n.lastIndexOf("/")+1)||null);return{imageTitle:t,imageUrl:n}},Mn=e=>e?`.${e.substring(e.lastIndexOf(".")+1)}`:"",Dn=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})`},Wn=F((()=>{const n=k(t.backgroundPropTypeUtil),l=(0,d.isExperimentActive)("e_v_3_30"),o=(0,a.__)("Color","elementor");return e.createElement(T,{...n},e.createElement(z,{bind:"background-overlay"},e.createElement(wn,null)),e.createElement(z,{bind:"color"},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},l?e.createElement(qe,null,o):e.createElement(U,null,o)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(ge,null)))))})),Nn=(0,e.createContext)(void 0),jn=()=>{const t=(0,e.useContext)(Nn);if(!t)throw new Error("useRepeatableControlContext must be used within RepeatableControl");return t},Kn=/\$\{([^}]+)\}/g,Hn=F((({repeaterLabel:n,childControlConfig:l,showDuplicate:r,showToggle:a,initialValues:o,patternLabel:i,placeholder:c})=>{const{propTypeUtil:s}=l;if(!s)return null;const u=(0,e.useMemo)((()=>(0,t.createArrayPropUtils)(s.key,s.schema)),[s.key,s.schema]),m=(0,e.useMemo)((()=>({...l,placeholder:c||"",patternLabel:i||""})),[l,c,i]),{propType:p,value:d,setValue:E}=k(u);return e.createElement(T,{propType:p,value:d,setValue:E},e.createElement(Nn.Provider,{value:m},e.createElement(Le,{openOnAdd:!0,values:d??[],setValues:E,label:n,isSortable:!1,itemSettings:{Icon:Xn,Label:Jn,Content:qn,initialValues:s.create(o||null)},showDuplicate:r,showToggle:a})))})),qn=({bind:t})=>e.createElement(z,{bind:t},e.createElement(Yn,null)),Xn=()=>e.createElement(e.Fragment,null),Yn=()=>{const{component:t,props:n={}}=jn();return e.createElement(_e,{p:1.5},e.createElement(Te,null,e.createElement(t,{...n})))},Qn=(e,t)=>t.split(".").reduce(((e,t)=>e&&"object"==typeof e?e[t]:{}),e),Zn=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),Jn=({value:t})=>{const{placeholder:n,patternLabel:l}=jn(),a=((e,t)=>{const n=el(e).map((e=>Qn(t,e)));return!(0===n.length||!n.some((e=>null==e))&&!n.every(Zn))})(l,t)?n:(o=l,(i=t)?o.replace(Kn,((e,t)=>{const n=Qn(i,t);return"object"!=typeof n||null===n||Array.isArray(n)?Array.isArray(n)?n.join(", "):String(n??""):n.name?n.name:JSON.stringify(n)})):o);var o,i;return e.createElement(r.Box,{component:"span",color:"text.tertiary"},a)},el=e=>e.match(Kn)?.map((e=>e.slice(2,-1)))||[],tl=F(((n={})=>{const{value:l,setValue:o,...i}=k(t.keyValuePropTypeUtil),[c,s]=(0,e.useState)(""),[u,m]=(0,e.useState)(""),[p,d]=(0,e.useState)({key:l?.key?.value||"",value:l?.value?.value||""}),E=n.keyName||(0,a.__)("Key","elementor"),v=n.valueName||(0,a.__)("Value","elementor"),[b,f,g]=(0,e.useMemo)((()=>[n.regexKey?new RegExp(n.regexKey):void 0,n.regexValue?new RegExp(n.regexValue):void 0,n.validationErrorMessage||(0,a.__)("Invalid Format","elementor")]),[n.regexKey,n.regexValue,n.validationErrorMessage]);return e.createElement(T,{...i,value:l,setValue:(e,n,r)=>{const a=r?.bind;if(!a)return;const i=e[a];if((0,t.isTransformable)(i)&&"dynamic"===i.$$type)return void o({...l,[a]:i});const c=t.stringPropTypeUtil.extract(i);d((e=>({...e,[a]:c}))),c&&((e,t)=>{if("key"===t&&b){const t=b.test(e);return s(t?"":g),t}if("value"===t&&f){const t=f.test(e);return m(t?"":g),t}return!0})(c,a)?o({...l,[a]:i}):o({...l,[a]:{value:"",$$type:"string"}})}},e.createElement(r.Grid,{container:!0,gap:1.5},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.FormLabel,{size:"tiny"},E),e.createElement(z,{bind:"key"},e.createElement(ee,{inputValue:p.key,error:!!c,sx:{pt:1}})),!!c&&e.createElement(r.FormHelperText,{error:!0},c)),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.FormLabel,{size:"tiny"},v),e.createElement(z,{bind:"value"},e.createElement(ee,{inputValue:p.value,error:!!u,inputDisabled:!!c,sx:{pt:1}})),!!u&&e.createElement(r.FormHelperText,{error:!0},u))))})),nl=[{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"}],ll=()=>{const n=k(t.positionPropTypeUtil),l=k(t.stringPropTypeUtil),o=(0,d.isExperimentActive)("e_v_3_31"),i=!!n.value&&o,c=(0,e.useMemo)((()=>{const e=[...nl];return o&&e.push({label:(0,a.__)("Custom","elementor"),value:"custom"}),e}),[o]);return e.createElement(r.Grid,{container:!0,spacing:1.5},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(U,null,(0,a.__)("Object position","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},e.createElement(r.Select,{size:"tiny",disabled:l.disabled,value:(n.value?"custom":l.value)??"",onChange:e=>{const t=e.target.value||null;"custom"===t&&o?n.setValue({x:null,y:null}):l.setValue(t)},fullWidth:!0},c.map((({label:t,value:n})=>e.createElement(m.MenuListItem,{key:n,value:n??""},t))))))),i&&e.createElement(T,{...n},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.Grid,{container:!0,spacing:1.5},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:"x"},e.createElement(pe,{startIcon:e.createElement(s.LetterXIcon,{fontSize:"tiny"})}))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:"y"},e.createElement(pe,{startIcon:e.createElement(s.LetterYIcon,{fontSize:"tiny"})})))))))},rl=({label:t,bindValue:n,startIcon:l,anchorRef:a})=>e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Te,{ref:a},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(qe,null,t)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(z,{bind:n},e.createElement(pe,{anchorRef:a,startIcon:l}))))),al=[{label:(0,a.__)("Move X","elementor"),bindValue:"x",startIcon:e.createElement(s.ArrowRightIcon,{fontSize:"tiny"})},{label:(0,a.__)("Move Y","elementor"),bindValue:"y",startIcon:e.createElement(s.ArrowDownSmallIcon,{fontSize:"tiny"})},{label:(0,a.__)("Move Z","elementor"),bindValue:"z",startIcon:e.createElement(s.ArrowDownLeftIcon,{fontSize:"tiny"})}],ol=()=>{const n=k(t.moveTransformPropTypeUtil),l=(0,e.useRef)(null);return e.createElement(r.Grid,{container:!0,spacing:1.5},e.createElement(T,{...n},e.createElement(z,{bind:"transform-move"},al.map((t=>e.createElement(rl,{key:t.bindValue,...t,anchorRef:l}))))))},il=({bind:t})=>{const{getTabsProps:n,getTabProps:l,getTabPanelProps:o}=(0,r.useTabs)("transform-move");return e.createElement(z,{bind:t},e.createElement(_e,null,e.createElement(r.Box,{sx:{width:"100%"}},e.createElement(r.Box,{sx:{borderBottom:1,borderColor:"divider"}},e.createElement(r.Tabs,{size:"small",variant:"fullWidth",...n(),"aria-label":(0,a.__)("Transform","elementor")},e.createElement(r.Tab,{label:(0,a.__)("Move","elementor"),...l("transform-move")}))),e.createElement(r.TabPanel,{sx:{p:1.5},...o("transform-move")},e.createElement(ol,null)))))},cl=({value:t})=>"transform-move"===t.$$type?e.createElement(s.ArrowsMaximizeIcon,{fontSize:"tiny"}):null,sl=e=>Object.values(e).map((e=>`${e?.value.size}${e?.value.unit}`)).join(", "),ul=t=>{const{$$type:n,value:l}=t.value;return"transform-move"===n?e.createElement(ml,{label:(0,a.__)("Move","elementor"),value:sl(l)}):""},ml=({label:t,value:n})=>e.createElement(r.Box,{component:"span"},t,": ",n),pl={$$type:"transform-move",value:{x:{$$type:"size",value:{size:0,unit:"px"}},y:{$$type:"size",value:{size:0,unit:"px"}},z:{$$type:"size",value:{size:0,unit:"px"}}}},dl=F((()=>{const{propType:n,value:l,setValue:r,disabled:o}=k(t.transformPropTypeUtil);return e.createElement(T,{propType:n,value:l,setValue:r},e.createElement(Le,{openOnAdd:!0,disabled:o,values:l??[],setValues:r,label:(0,a.__)("Transform","elementor"),showDuplicate:!1,itemSettings:{Icon:cl,Label:ul,Content:il,initialValues:pl}}))}))}(),(window.elementorV2=window.elementorV2||{}).editorControls=l}(),window.elementorV2.editorControls?.init?.();