1#@!#!123s

: / proc / self / cwd / wp-content / plugins / elementor / assets / js / packages / editor-controls /
Filename : editor-controls.js
back
/*! For license information please see editor-controls.js.LICENSE.txt */
!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@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,{AutocompleteControl:function(){return O},BackgroundControl:function(){return He},BoxShadowRepeaterControl:function(){return ee},ColorControl:function(){return H},ControlActionsProvider:function(){return S},ControlLabel:function(){return C},ControlReplacementProvider:function(){return w},ControlToggleButtonGroup:function(){return ce},EqualUnequalSizesControl:function(){return de},FontFamilyControl:function(){return ye},GapControl:function(){return we},ImageControl:function(){return U},LinkControl:function(){return _e},LinkedDimensionsControl:function(){return ve},NumberControl:function(){return se},PropKeyProvider:function(){return b},PropProvider:function(){return E},SelectControl:function(){return B},SizeControl:function(){return X},StrokeControl:function(){return q},TextAreaControl:function(){return $},TextControl:function(){return M},ToggleControl:function(){return ue},UrlControl:function(){return he},createControlReplacement:function(){return T},useBoundProp:function(){return x},useControlActions:function(){return P},useSyncExternalState:function(){return N}});var e=n("react"),t=n("@elementor/editor-props"),r=n("@elementor/ui"),a=n("@wordpress/i18n"),o=n("@elementor/utils"),i=n("@elementor/icons"),c=n("@elementor/wp-media"),u=n("@elementor/session"),m=(0,o.createError)({code:"missing_prop_provider_prop_type",message:"Prop type is missing"}),s=(0,o.createError)({code:"unsupported_prop_provider_prop_type",message:"Parent prop type is not supported"}),p=(0,o.createError)({code:"hook_outside_provider",message:"Hook used outside of provider"}),d=(0,e.createContext)(null),E=({children:t,value:n,setValue:l,propType:r})=>e.createElement(d.Provider,{value:{value:n,propType:r,setValue:l}},t),v=()=>{const t=(0,e.useContext)(d);if(!t)throw new p({context:{hook:"usePropContext",provider:"PropProvider"}});return t},g=(0,e.createContext)(null),b=({children:t,bind:n})=>{const{propType:l}=v();if(!l)throw new m({context:{bind:n}});if("array"===l.kind)return e.createElement(y,{bind:n},t);if("object"===l.kind)return e.createElement(f,{bind:n},t);throw new s({context:{propType:l}})},f=({children:t,bind:n})=>{const l=v(),{path:r}=(0,e.useContext)(g)??{},a=l.value?.[n],o=l.propType.shape[n];return e.createElement(g.Provider,{value:{...l,value:a,setValue:(e,t,r)=>{const a={...l.value,[n]:e};return l?.setValue(a,t,{...r,bind:n})},bind:n,propType:o,path:[...r??[],n]}},t)},y=({children:t,bind:n})=>{const l=v(),{path:r}=(0,e.useContext)(g)??{},a=l.value?.[Number(n)],o=l.propType.item_prop_type;return e.createElement(g.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)},h=()=>{const t=(0,e.useContext)(g);if(!t)throw new p({context:{hook:"usePropKeyContext",provider:"PropKeyProvider"}});return t};function x(e){const t=h();if(!e)return t;const n=_(t.propType,e.key),l=e.extract(t.value??n.default??null);return{...t,setValue:function(n,l,r){return null===n?t?.setValue(null,l,r):t?.setValue(e?.create(n,l),{},r)},value:l,propType:n}}var _=(e,t)=>{let n=e;if("union"===e.kind&&(n=e.prop_types[t]),!n)throw new m({context:{key:t}});return n},C=({children:t})=>e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},t),I=(0,e.createContext)(void 0),w=({component:t,condition:n,children:l})=>e.createElement(I.Provider,{value:{component:t,condition:n}},l),T=()=>{let e;return{replaceControl:function({component:t,condition:n}){e={component:t,condition:n}},getControlReplacement:function(){return e}}};function z(t,{supportsReplacements:n=!0}={}){return l=>{const a=(()=>{const{value:t}=x(),n=(0,e.useContext)(I);let l=!1;try{l=!!n?.condition({value:t})&&!!n.component}catch{}return l?n?.component:void 0})();return a&&n?e.createElement(r.ErrorBoundary,{fallback:null},e.createElement(a,{...l})):e.createElement(r.ErrorBoundary,{fallback:null},e.createElement(t,{...l}))}}Symbol("control");var k=(0,e.createContext)(null),S=({children:t,items:n})=>e.createElement(k.Provider,{value:{items:n}},t),P=()=>{const t=(0,e.useContext)(k);if(!t)throw new Error("useControlActions must be used within a ControlActionsProvider");return t},G=(0,r.styled)("span")`
	display: contents;

	.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
		display: none;
	}
`;function V({children:t}){const{items:n}=P();if(0===n.length)return t;const l=n.map((({MenuItem:t,id:n})=>e.createElement(t,{key:n})));return e.createElement(G,null,e.createElement(r.UnstableFloatingActionBar,{actions:l},t))}var L=z((n=>{const{value:l,setValue:o}=x(t.imageSrcPropTypeUtil),{id:u,url:m}=l??{},{data:s,isFetching:p}=(0,c.useWpMediaAttachment)(u?.value||null),d=s?.url??m?.value??null,{open:E}=(0,c.useWpMediaFrame)({types:["image","image/svg+xml"],allowedExtensions:n.allowedExtensions,multiple:!1,selected:u?.value||null,onSelect:e=>{o({id:{$$type:"image-attachment-id",value:e.id},url:null})}});return e.createElement(V,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(i.UploadIcon,null),onClick:()=>E({mode:"upload"})},(0,a.__)("Upload Image","elementor"))))))})),B=z((({options:n,onChange:l})=>{const{value:a,setValue:o}=x(t.stringPropTypeUtil);return e.createElement(V,null,e.createElement(r.Select,{displayEmpty:!0,size:"tiny",value:a??"",onChange:e=>{const t=e.target.value||null;l?.(t,a),o(t)},fullWidth:!0},n.map((({label:t,...n})=>e.createElement(r.MenuItem,{key:n.value,...n,value:n.value??""},t)))))})),U=z((n=>{const l=x(t.imagePropTypeUtil);return e.createElement(E,{...l},e.createElement(r.Stack,{gap:1.5},e.createElement(b,{bind:"src"},e.createElement(L,null)),e.createElement(b,{bind:"size"},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null," ",(0,a.__)("Image Resolution","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(B,{options:n.sizes}))))))})),O=z((({options:n,placeholder:l="",allowCustomValues:a=!1,propType:o=t.stringPropTypeUtil,minInputLength:i=2})=>{const{value:c="",setValue:u}=x(o),m=!(!c||!n[c]&&!Object.values(n).find((({label:e})=>e===c))),s=!!c,p=Object.keys(n),d=e=>{u(e)},E=(e,{inputValue:t})=>{const l=t?.toLowerCase()||"";return l.length<i?[]:p.filter((e=>-1!==e.toLowerCase().indexOf(l)||-1!==n[e].label.toLowerCase().indexOf(l)))},v=()=>a||!!E(0,{inputValue:c}).length;return e.createElement(V,null,e.createElement(r.Autocomplete,{forcePopupIcon:!1,disableClearable:!0,freeSolo:v(),value:c||"",size:"tiny",onChange:(e,t)=>{u(t)},readOnly:m,options:p,getOptionKey:e=>e,getOptionLabel:e=>n[e]?.label??e,groupBy:F(n)?e=>n[e]?.groupLabel:void 0,isOptionEqualToValue:v()?void 0:()=>!0,filterOptions:E,renderOption:(t,l)=>e.createElement(r.Box,{component:"li",...t,key:t.id},n[l]?.label??l),renderInput:t=>e.createElement(W,{params:t,handleChange:d,allowClear:s,placeholder:l,hasSelectedValue:m})}))})),W=({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(A,{params:t,allowClear:n,handleChange:a})}}),A=({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(i.XIcon,{fontSize:l.size})));function F(e){return Object.values(e).every((e=>"groupLabel"in e))}var M=z((({placeholder:n})=>{const{value:l,setValue:a}=x(t.stringPropTypeUtil);return e.createElement(V,null,e.createElement(r.TextField,{size:"tiny",fullWidth:!0,value:l??"",onChange:e=>a(e.target.value),placeholder:n}))})),$=z((({placeholder:n})=>{const{value:l,setValue:a}=x(t.stringPropTypeUtil);return e.createElement(V,null,e.createElement(r.TextField,{size:"tiny",multiline:!0,fullWidth:!0,rows:5,value:l??"",onChange:e=>{a(e.target.value)},placeholder:n}))})),R=(0,e.forwardRef)((({placeholder:t,type:n,value:l,onChange:a,endAdornment:o,startAdornment:i},c)=>e.createElement(r.TextField,{size:"tiny",fullWidth:!0,type:n,value:l,onChange:a,placeholder:t,InputProps:{endAdornment:o,startAdornment:i},ref:c}))),j=({options:t,onClick:n,value:l})=>{const a=(0,r.usePopupState)({variant:"popover",popupId:(0,e.useId)()});return e.createElement(r.InputAdornment,{position:"end"},e.createElement(r.Button,{size:"small",color:"inherit",sx:{font:"inherit",minWidth:"initial"},...(0,r.bindTrigger)(a)},l.toUpperCase()),e.createElement(r.Menu,{MenuListProps:{dense:!0},...(0,r.bindMenu)(a)},t.map(((l,o)=>e.createElement(r.MenuItem,{key:l,onClick:()=>(e=>{n(t[e]),a.close()})(o)},l.toUpperCase())))))},N=({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)}]},D=["px","%","em","rem","vw","vh"],X=z((({units:n=D,placeholder:l,startIcon:a})=>{const{value:o,setValue:i}=x(t.sizePropTypeUtil),[c,u]=N({external:o,setExternal:i,persistWhen:e=>!!e?.size||0===e?.size,fallback:e=>({unit:e?.unit||"px",size:NaN})});return e.createElement(V,null,e.createElement(R,{endAdornment:e.createElement(j,{options:n,onClick:e=>{u((t=>({size:t?.size??NaN,unit:e})))},value:c?.unit??"px"}),placeholder:l,startAdornment:a??e.createElement(r.InputAdornment,{position:"start"},a),type:"number",value:Number.isNaN(c?.size)?"":c?.size,onChange:e=>{const{value:t}=e.target;u((e=>({...e,size:t||"0"===t?parseFloat(t):NaN})))}}))})),H=z((({propTypeUtil:n=t.colorPropTypeUtil,...l})=>{const{value:a,setValue:o}=x(n);return e.createElement(V,null,e.createElement(r.UnstableColorField,{size:"tiny",...l,value:a??"",onChange:e=>{o(e)},fullWidth:!0}))})),K=["px","em","rem"],q=z((()=>{const n=x(t.strokePropTypeUtil);return e.createElement(E,{...n},e.createElement(r.Stack,{gap:1.5},e.createElement(Y,{bind:"width",label:(0,a.__)("Stroke Width","elementor")},e.createElement(X,{units:K})),e.createElement(Y,{bind:"color",label:(0,a.__)("Stroke Color","elementor")},e.createElement(H,null))))})),Y=({bind:t,label:n,children:l})=>e.createElement(b,{bind:t},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,n)),e.createElement(r.Grid,{item:!0,xs:6},l))),J="tiny",Q=({label:t,itemSettings:n,values:l=[],setValues:o})=>e.createElement(r.Stack,null,e.createElement(r.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{pb:1}},e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},t),e.createElement(r.IconButton,{size:J,onClick:()=>{const e=structuredClone(n.initialValues);o([...l,e])},"aria-label":(0,a.__)("Add item","elementor")},e.createElement(i.PlusIcon,{fontSize:J}))),e.createElement(r.Stack,{gap:1},l.map(((t,r)=>e.createElement(Z,{key:r,bind:String(r),disabled:t.disabled,label:e.createElement(n.Label,{value:t}),startIcon:e.createElement(n.Icon,{value:t}),removeItem:()=>(e=>{o(l.filter(((t,n)=>n!==e)))})(r),duplicateItem:()=>(e=>{o([...l.slice(0,e),structuredClone(l[e]),...l.slice(e)])})(r),toggleDisableItem:()=>(e=>{o(l.map(((t,n)=>{if(n===e){const{disabled:e,...n}=t;return{...n,...e?{}:{disabled:!0}}}return t})))})(r)},(l=>e.createElement(n.Content,{...l,value:t,bind:String(r)}))))))),Z=({label:t,bind:n,disabled:l,startIcon:o,children:c,removeItem:u,duplicateItem:m,toggleDisableItem:s})=>{const p=`repeater-popup-${n}`,d=(0,e.useRef)(null),[E,v]=(0,e.useState)(null),g=(0,r.usePopupState)({popupId:p,variant:"popover"}),b=(0,r.bindPopover)(g);return e.createElement(e.Fragment,null,e.createElement(r.UnstableTag,{label:t,showActionsOnHover:!0,ref:d,variant:"outlined","aria-label":(0,a.__)("Open item","elementor"),...(0,r.bindTrigger)(g),startIcon:o,actions:e.createElement(e.Fragment,null,e.createElement(r.IconButton,{size:J,onClick:m,"aria-label":(0,a.__)("Duplicate item","elementor")},e.createElement(i.CopyIcon,{fontSize:J})),e.createElement(r.IconButton,{size:J,onClick:s,"aria-label":l?(0,a.__)("Enable item","elementor"):(0,a.__)("Disable item","elementor")},l?e.createElement(i.EyeOffIcon,{fontSize:J}):e.createElement(i.EyeIcon,{fontSize:J})),e.createElement(r.IconButton,{size:J,onClick:u,"aria-label":(0,a.__)("Remove item","elementor")},e.createElement(i.XIcon,{fontSize:J})))}),e.createElement(r.Popover,{disablePortal:!0,slotProps:{paper:{ref:v,sx:{mt:.5,p:1,pt:1,width:d.current?.getBoundingClientRect().width}}},anchorOrigin:{vertical:"bottom",horizontal:"left"},...b},e.createElement(r.Box,{p:.5},c({anchorEl:E}))))},ee=z((()=>{const{propType:n,value:l,setValue:r}=x(t.boxShadowPropTypeUtil);return e.createElement(E,{propType:n,value:l,setValue:r},e.createElement(Q,{values:l??[],setValues:r,label:(0,a.__)("Box shadow","elementor"),itemSettings:{Icon:te,Label:ae,Content:ne,initialValues:oe}}))})),te=({value:t})=>e.createElement(r.UnstableColorIndicator,{size:"inherit",component:"span",value:t.value.color.value}),ne=({anchorEl:t,bind:n})=>e.createElement(b,{bind:n},e.createElement(le,{anchorEl:t})),le=({anchorEl:n})=>{const{propType:l,value:o,setValue:i}=x(t.shadowPropTypeUtil);return e.createElement(E,{propType:l,value:o,setValue:i},e.createElement(r.Stack,{gap:1.5},e.createElement(r.Grid,{container:!0,gap:2,flexWrap:"nowrap"},e.createElement(re,{bind:"color",label:(0,a.__)("Color","elementor")},e.createElement(H,{slotProps:{colorPicker:{anchorEl:n,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-10}}}})),e.createElement(re,{bind:"position",label:(0,a.__)("Position","elementor")},e.createElement(B,{options:[{label:(0,a.__)("Inset","elementor"),value:"inset"},{label:(0,a.__)("Outset","elementor"),value:null}]}))),e.createElement(r.Grid,{container:!0,gap:2,flexWrap:"nowrap"},e.createElement(re,{bind:"hOffset",label:(0,a.__)("Horizontal","elementor")},e.createElement(X,null)),e.createElement(re,{bind:"vOffset",label:(0,a.__)("Vertical","elementor")},e.createElement(X,null))),e.createElement(r.Grid,{container:!0,gap:2,flexWrap:"nowrap"},e.createElement(re,{bind:"blur",label:(0,a.__)("Blur","elementor")},e.createElement(X,null)),e.createElement(re,{bind:"spread",label:(0,a.__)("Spread","elementor")},e.createElement(X,null)))))},re=({label:t,bind:n,children:l})=>e.createElement(b,{bind:n},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},t)),e.createElement(r.Grid,{item:!0,xs:12},l)))),ae=({value:t})=>{const{position:n,hOffset:l,vOffset:r,blur:a,spread:o}=t.value,{size:i="",unit:c=""}=a?.value||{},{size:u="",unit:m=""}=o?.value||{},{size:s="unset",unit:p=""}=l?.value||{},{size:d="unset",unit:E=""}=r?.value||{},v=n?.value||"outset",g=[s+p,d+E,i+c,u+m].join(" ");return e.createElement("span",{style:{textTransform:"capitalize"}},v,": ",g)},oe={$$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}},ie=(0,r.styled)(r.ToggleButtonGroup)`
	${({justify:e})=>`justify-content: ${e};`}
`,ce=({justify:t="end",size:n="tiny",value:l,onChange:a,items:o,exclusive:i=!1,fullWidth:c=!1})=>{const u="rtl"===(0,r.useTheme)().direction;return e.createElement(ie,{justify:t,value:l,onChange:(e,t)=>{a(t)},exclusive:i,sx:{direction:u?"rtl /* @noflip */":"ltr /* @noflip */"}},o.map((({label:t,value:l,renderContent:a,showTooltip:o})=>o?e.createElement(r.Tooltip,{key:l,title:t,disableFocusListener:!0,placement:"top"},e.createElement(r.ToggleButton,{value:l,"aria-label":t,size:n,fullWidth:c},e.createElement(a,{size:n}))):e.createElement(r.ToggleButton,{key:l,value:l,"aria-label":t,size:n,fullWidth:c},e.createElement(a,{size:n})))))},ue=z((({options:n,fullWidth:l=!1,size:r="tiny"})=>{const{value:a,setValue:o}=x(t.stringPropTypeUtil);return e.createElement(ce,{items:n,value:a??null,onChange:e=>{o(e)},exclusive:!0,fullWidth:l,size:r})})),me=e=>null==e||""===e||Number.isNaN(Number(e)),se=z((({placeholder:n,max:l=Number.MAX_VALUE,min:a=-Number.MAX_VALUE,step:o=1,shouldForceInt:i=!1})=>{const{value:c,setValue:u}=x(t.numberPropTypeUtil);return e.createElement(V,null,e.createElement(r.TextField,{size:"tiny",type:"number",fullWidth:!0,value:me(c)?"":c,onChange:e=>{const t=e.target.value;if(me(t))return void u(null);const n=i?+parseInt(t):Number(t);u(Math.min(Math.max(n,a),l))},placeholder:n,inputProps:{step:o}}))})),pe=(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 de({label:n,icon:l,items:o,multiSizePropTypeUtil:i}){const c=(0,e.useId)(),u=(0,e.useRef)(null),m=(0,r.usePopupState)({variant:"popover",popupId:c}),{propType:s,value:p,setValue:d}=x(i),{value:v,setValue:g}=x(t.sizePropTypeUtil),b=()=>v?o.reduce(((e,{bind:n})=>({...e,[n]:t.sizePropTypeUtil.create(v)})),{}):null,f=!!p;return e.createElement(e.Fragment,null,e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:u},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,n)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Stack,{direction:"row",alignItems:"center",gap:1},e.createElement(X,{placeholder:f?(0,a.__)("Mixed","elementor"):void 0}),e.createElement(r.ToggleButton,{size:"tiny",value:"check",sx:{marginLeft:"auto"},...(0,r.bindToggle)(m),selected:m.isOpen},l)))),e.createElement(r.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...(0,r.bindPopover)(m),slotProps:{paper:{sx:{mt:.5,p:2,pt:1,width:u.current?.getBoundingClientRect().width}}}},e.createElement(E,{propType:s,value:p||(b()??null),setValue:e=>{const t={...p??b(),...e};if(pe(t,o))return g(Object.values(t)[0]?.value);d(t)}},e.createElement(r.Stack,{gap:1.5},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(Ee,{item:o[0]}),e.createElement(Ee,{item:o[1]})),e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(Ee,{item:o[3]}),e.createElement(Ee,{item:o[2]}))))))}var Ee=({item:t})=>e.createElement(b,{bind:t.bind},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,t.label)),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(X,{startIcon:t.icon}))))),ve=z((({label:n})=>{const{value:l,setValue:o,propType:c}=x(t.dimensionsPropTypeUtil),{value:u,setValue:m}=x(t.sizePropTypeUtil),s=!l&&!u||!!u,p=s?i.LinkIcon:i.DetachIcon;return e.createElement(E,{propType:c,value:l,setValue:o},e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(C,null,n),e.createElement(r.ToggleButton,{"aria-label":(0,a.__)("Link Inputs","elementor"),size:"tiny",value:"check",selected:s,sx:{marginLeft:"auto"},onChange:()=>{if(!s)return void m(l?.top?.value);const e=u?t.sizePropTypeUtil.create(u):null;o({top:e,right:e,bottom:e,left:e})}},e.createElement(p,{fontSize:"tiny"}))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,(0,a.__)("Top","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(ge,{bind:"top",startIcon:e.createElement(i.SideTopIcon,{fontSize:"tiny"}),isLinked:s}))),e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,(0,a.__)("Right","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(ge,{bind:"right",startIcon:e.createElement(i.SideRightIcon,{fontSize:"tiny"}),isLinked:s})))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,(0,a.__)("Bottom","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(ge,{bind:"bottom",startIcon:e.createElement(i.SideBottomIcon,{fontSize:"tiny"}),isLinked:s}))),e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,(0,a.__)("Left","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(ge,{bind:"left",startIcon:e.createElement(i.SideLeftIcon,{fontSize:"tiny"}),isLinked:s})))))})),ge=({bind:t,startIcon:n,isLinked:l})=>l?e.createElement(X,{startIcon:n}):e.createElement(b,{bind:t},e.createElement(X,{startIcon:n})),be={system:(0,a.__)("System","elementor"),googlefonts:(0,a.__)("Google Fonts","elementor"),customfonts:(0,a.__)("Custom Fonts","elementor")},fe="tiny",ye=z((({fontFamilies:n})=>{const[l,o]=(0,e.useState)(""),{value:c,setValue:u}=x(t.stringPropTypeUtil),m=(0,e.useId)(),s=(0,r.usePopupState)({variant:"popover",popupId:m}),p=((e,t)=>[...Object.entries(e).reduce(((e,[n,l])=>{if(!n.toLowerCase().includes(t.trim().toLowerCase()))return e;const r=be[l];if(r){const t=e.get(r);t?t.push(n):e.set(r,[n])}return e}),new Map)])(n,l);if(!p)return null;const d=()=>{o(""),s.close()};return e.createElement(e.Fragment,null,e.createElement(r.UnstableTag,{variant:"outlined",label:c,endIcon:e.createElement(i.ChevronDownIcon,{fontSize:"tiny"}),...(0,r.bindTrigger)(s),fullWidth:!0}),e.createElement(r.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,r.bindPopover)(s),onClose:d},e.createElement(r.Stack,null,e.createElement(r.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},e.createElement(i.EditIcon,{fontSize:fe,sx:{mr:.5}}),e.createElement(r.Typography,{variant:"subtitle2"},(0,a.__)("Font Family","elementor")),e.createElement(r.IconButton,{size:fe,sx:{ml:"auto"},onClick:d},e.createElement(i.XIcon,{fontSize:fe}))),e.createElement(r.Box,{px:1.5,pb:1},e.createElement(r.TextField,{fullWidth:!0,size:fe,value:l,placeholder:(0,a.__)("Search","elementor"),onChange:e=>{o(e.target.value)},InputProps:{startAdornment:e.createElement(r.InputAdornment,{position:"start"},e.createElement(i.SearchIcon,{fontSize:fe}))}})),e.createElement(r.Divider,null),e.createElement(r.Box,{sx:{overflowY:"auto",height:260,width:220}},p.length>0?e.createElement(r.MenuList,{role:"listbox",tabIndex:0},p.map((([t,n],l)=>e.createElement(e.Fragment,{key:l},e.createElement(r.ListSubheader,{sx:{typography:"caption",color:"text.tertiary"}},t),n.map((t=>{const n=t===c;return e.createElement(r.MenuItem,{key:t,selected:n,autoFocus:n,onClick:()=>{u(t),d()},sx:{typography:"caption"},style:{fontFamily:t}},t)})))))):e.createElement(r.Stack,{alignItems:"center",p:2.5,gap:1.5},e.createElement(i.PhotoIcon,{fontSize:"large"}),e.createElement(r.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,a.__)("Sorry, nothing matched","elementor"),e.createElement("br",null),"“",l,"”."),e.createElement(r.Typography,{align:"center",variant:"caption",color:"text.secondary"},e.createElement(r.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>o("")},(0,a.__)("Clear the filters","elementor"))," ",(0,a.__)("and try again.","elementor")))))))})),he=z((({placeholder:n})=>{const{value:l,setValue:a}=x(t.urlPropTypeUtil);return e.createElement(V,null,e.createElement(r.TextField,{size:"tiny",fullWidth:!0,value:l??"",onChange:e=>a(e.target.value),placeholder:n}))})),xe="tiny",_e=z((n=>{const{value:l,path:o,setValue:i,...c}=x(t.linkPropTypeUtil),[m,s]=(0,u.useSessionStorage)(o.join("/")),{allowCustomValues:p=!1,options:d={},placeholder:v}=n||{};return e.createElement(E,{...c,value:l,setValue:i},e.createElement(r.Stack,{gap:1.5},e.createElement(r.Divider,null),e.createElement(r.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"}},e.createElement(C,null,(0,a.__)("Link","elementor")),e.createElement(Ce,{enabled:m?.meta?.isEnabled??!1,onIconClick:()=>{const{meta:e}=m??{},{isEnabled:t}=e??{};t&&l?i(null):m?.value&&i(m?.value??null),s({value:l,meta:{isEnabled:!t}})},label:(0,a.__)("Toggle Link","elementor")})),e.createElement(r.Collapse,{in:m?.meta?.isEnabled,timeout:"auto",unmountOnExit:!0},e.createElement(r.Stack,{gap:1.5},e.createElement(b,{bind:"href"},e.createElement(O,{allowCustomValues:!Object.keys(d).length||p,options:d,propType:t.urlPropTypeUtil,placeholder:v})),e.createElement(b,{bind:"isTargetBlank"},e.createElement(Ie,null))))))})),Ce=({enabled:t,onIconClick:n,label:l})=>e.createElement(r.IconButton,{size:xe,onClick:n,"aria-label":l},t?e.createElement(i.MinusIcon,{fontSize:xe}):e.createElement(i.PlusIcon,{fontSize:xe})),Ie=()=>{const{value:n=!1,setValue:l}=x(t.booleanPropTypeUtil);return e.createElement(r.Grid,{container:!0,alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},e.createElement(r.Grid,{item:!0},e.createElement(C,null,(0,a.__)("Open in new tab","elementor"))),e.createElement(r.Grid,{item:!0},e.createElement(r.Switch,{checked:n,onChange:()=>{l(!n)}})))},we=z((({label:n})=>{const{value:l,setValue:o,propType:c}=x(t.layoutDirectionPropTypeUtil),{value:u,setValue:m}=x(t.sizePropTypeUtil),s=!l&&!u||!!u,p=s?i.LinkIcon:i.DetachIcon;return e.createElement(E,{propType:c,value:l,setValue:o},e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(C,null,n),e.createElement(r.ToggleButton,{"aria-label":(0,a.__)("Link Inputs","elementor"),size:"tiny",value:"check",selected:s,sx:{marginLeft:"auto"},onChange:()=>{if(!s)return void m(l?.column.value);const e=u?t.sizePropTypeUtil.create(u):null;o({row:e,column:e})}},e.createElement(p,{fontSize:"tiny"}))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,(0,a.__)("Column","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Te,{bind:"column",isLinked:s}))),e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(C,null,(0,a.__)("Row","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(Te,{bind:"row",isLinked:s})))))})),Te=({bind:t,isLinked:n})=>n?e.createElement(X,null):e.createElement(b,{bind:t},e.createElement(X,null)),ze=[{value:"fixed",label:(0,a.__)("Fixed","elementor"),renderContent:({size:t})=>e.createElement(i.PinIcon,{fontSize:t}),showTooltip:!0},{value:"scroll",label:(0,a.__)("Scroll","elementor"),renderContent:({size:t})=>e.createElement(i.PinnedOffIcon,{fontSize:t}),showTooltip:!0}],ke=()=>e.createElement(r.Grid,{container:!0,gap:8,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:2},e.createElement(C,null,(0,a.__)("Attachment","elementor"))),e.createElement(r.Grid,{item:!0,justifyContent:"flex-end",xs:8,sx:{display:"flex"}},e.createElement(ue,{options:ze}))),Se=[{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"}],Pe=()=>e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,(0,a.__)("Position","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(B,{options:Se}))),Ge=[{value:"repeat",label:(0,a.__)("Repeat","elementor"),renderContent:({size:t})=>e.createElement(i.GridDotsIcon,{fontSize:t}),showTooltip:!0},{value:"repeat-x",label:(0,a.__)("Repeat-x","elementor"),renderContent:({size:t})=>e.createElement(i.DotsHorizontalIcon,{fontSize:t}),showTooltip:!0},{value:"repeat-y",label:(0,a.__)("Repeat-y","elementor"),renderContent:({size:t})=>e.createElement(i.DotsVerticalIcon,{fontSize:t}),showTooltip:!0},{value:"no-repeat",label:(0,a.__)("No-Repeat","elementor"),renderContent:({size:t})=>e.createElement(i.XIcon,{fontSize:t}),showTooltip:!0}],Ve=()=>e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,(0,a.__)("Repeat","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(ue,{options:Ge}))),Le=[{label:(0,a.__)("Thumbnail - 150 x 150","elementor"),value:"thumbnail"},{label:(0,a.__)("Medium - 300 x 300","elementor"),value:"medium"},{label:(0,a.__)("Medium Large - 768 x 768"),value:"medium_large"},{label:(0,a.__)("Large 1024 x 1024","elementor"),value:"large"},{label:(0,a.__)("Full","elementor"),value:"full"}],Be=()=>e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,(0,a.__)("Resolution","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(B,{options:Le}))),Ue=[{value:"auto",label:(0,a.__)("Auto","elementor"),renderContent:()=>"Auto",showTooltip:!0},{value:"cover",label:(0,a.__)("Cover","elementor"),renderContent:({size:t})=>e.createElement(i.ArrowsMaximizeIcon,{fontSize:t}),showTooltip:!0},{value:"contain",label:(0,a.__)("Contain","elementor"),renderContent:({size:t})=>e.createElement(i.ArrowBarBothIcon,{fontSize:t}),showTooltip:!0}],Oe=()=>e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,(0,a.__)("Size","elementor"))),e.createElement(r.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},e.createElement(ue,{options:Ue}))),We={$$type:"background-image-overlay",value:{"image-src":{$$type:"image-src",value:{id:{$$type:"image-attachment-id",value:1}}}}},Ae=z((()=>{const{propType:n,value:l,setValue:r}=x(t.backgroundOverlayPropTypeUtil);return e.createElement(E,{propType:n,value:l,setValue:r},e.createElement(Q,{values:l??[],setValues:r,label:(0,a.__)("Overlay","elementor"),itemSettings:{Icon:Fe,Label:Re,Content:Me,initialValues:We}}))})),Fe=({value:t})=>e.createElement(r.UnstableColorIndicator,{size:"inherit",component:"span",value:t.value}),Me=({bind:t,value:n})=>e.createElement(b,{bind:t},e.createElement($e,{value:n})),$e=({value:n})=>{const l=Xe(n.$$type),{getTabsProps:o,getTabProps:i,getTabPanelProps:c}=(0,r.useTabs)(l);return e.createElement(r.Box,{sx:{width:"100%"}},e.createElement(r.Box,{sx:{borderBottom:1,borderColor:"divider"}},e.createElement(r.Tabs,{...o(),"aria-label":(0,a.__)("Background Overlay","elementor")},e.createElement(r.Tab,{label:(0,a.__)("Image","elementor"),...i("image")}),e.createElement(r.Tab,{label:(0,a.__)("Color","elementor"),...i("color")}))),e.createElement(r.TabPanel,{...c("image")},e.createElement(r.Stack,{gap:1.5},e.createElement(De,null))),e.createElement(r.TabPanel,{...c("color")},e.createElement(r.Grid,{container:!0,spacing:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(H,{propTypeUtil:t.backgroundColorOverlayPropTypeUtil})))))},Re=({value:t})=>{const n=t.$$type;return"background-color-overlay"===n?e.createElement(je,{value:t}):"background-image-overlay"===n?e.createElement(Ne,{value:t}):void 0},je=({value:t})=>e.createElement("span",null,t.value),Ne=({value:t})=>{const{data:n}=(0,c.useWpMediaAttachment)(t?.value["image-src"]?.value.id.value||null),l=n?.title||null;return e.createElement("span",null,l)},De=()=>{const n=x(t.backgroundImageOverlayPropTypeUtil);return e.createElement(E,{...n},e.createElement(b,{bind:"image-src"},e.createElement(r.Grid,{container:!0,spacing:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(L,null)))),e.createElement(b,{bind:"resolution"},e.createElement(Be,null)),e.createElement(b,{bind:"position"},e.createElement(Pe,null)),e.createElement(b,{bind:"repeat"},e.createElement(Ve,null)),e.createElement(b,{bind:"size"},e.createElement(Oe,null)),e.createElement(b,{bind:"attachment"},e.createElement(ke,null)))},Xe=e=>{if("background-color-overlay"===e)return"color";if("background-image-overlay"===e)return"image";throw new Error(`Invalid overlay type: ${e}`)},He=z((()=>{const n=x(t.backgroundPropTypeUtil);return e.createElement(E,{...n},e.createElement(r.Stack,{gap:1.5},e.createElement(b,{bind:"background-overlay"},e.createElement(Ae,null)),e.createElement(b,{bind:"color"},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(C,null,(0,a.__)("Color","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(H,null))))))}))}(),(window.elementorV2=window.elementorV2||{}).editorControls=l}();