JAVASCRIPT editor-editing-panel.min.js

!function(){"use strict";var e={d:function(t,n){for(var l in n)e.o(n,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:n[l]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{BaseControl:function(){return bt},ControlTypeContainer:function(){return vt},CustomCssIndicator:function(){return Ye},ElementProvider:function(){return m},FIELD_TYPE:function(){return Vt},HISTORY_DEBOUNCE_WAIT:function(){return $e},SectionContent:function(){return dn},SettingsControl:function(){return jt},SettingsField:function(){return Lt},StyleIndicator:function(){return re},StyleTabSection:function(){return ka},StylesProviderCannotUpdatePropsError:function(){return h},controlsRegistry:function(){return Et},createTopLevelObjectType:function(){return Rt},doApplyClasses:function(){return ie},doGetAppliedClasses:function(){return ae},doUnapplyClass:function(){return se},extractDependencyEffect:function(){return Ct},extractOrderedDependencies:function(){return xt},getElementSettingsWithDefaults:function(){return St},getFieldIndicators:function(){return Nt},getSubtitle:function(){return Ke},getTitle:function(){return We},getUpdatedValues:function(){return Tt},init:function(){return Ls},injectIntoClassSelectorActions:function(){return Le},injectIntoCssClassConvert:function(){return P},injectIntoPanelHeaderTop:function(){return Aa},injectIntoStyleTab:function(){return za},isDynamicPropValue:function(){return hi},registerEditingPanelReplacement:function(){return tt},registerFieldIndicator:function(){return Bt},registerStyleProviderToColors:function(){return M},setLicenseConfig:function(){return ui},useClassesProp:function(){return c},useCustomCss:function(){return He},useElement:function(){return p},usePanelActions:function(){return Fa},usePanelStatus:function(){return Ga},useStateByElement:function(){return ct},useStyle:function(){return C},useStylesRerender:function(){return Ue}});var n=window.React,l=window.elementorV2.editorElements,r=window.elementorV2.editorProps,o=window.elementorV2.locations,a=window.elementorV2.session;const i=(0,n.createContext)(null);function s({children:e,prop:t}){return n.createElement(i.Provider,{value:{prop:t}},e)}function c(){const e=(0,n.useContext)(i);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}const u=(0,n.createContext)(null);function m({children:e,element:t,elementType:l,settings:r}){return n.createElement(u.Provider,{value:{element:t,elementType:l,settings:r}},e)}function p(){const e=(0,n.useContext)(u);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}function d(e){const t=(0,n.useContext)(u);if(!t)throw new Error("usePanelElementSetting must be used within a ElementProvider");return t.settings[e]??null}var f=window.elementorV2.editorStylesRepository,y=window.elementorV2.utils;const E=(0,y.createError)({code:"control_type_not_found",message:"Control type not found."}),g=(0,y.createError)({code:"control_type_already_registered",message:"Control type is already registered."}),b=(0,y.createError)({code:"control_type_not_registered",message:"Control type is not registered."}),v=(0,y.createError)({code:"provider_not_found",message:"Styles provider not found."}),h=(0,y.createError)({code:"provider_cannot_update_props",message:"Styles provider doesn't support updating props."}),_=(0,y.createError)({code:"style_not_found_under_provider",message:"Style not found under the provider."}),w=(0,n.createContext)(null);function S({children:e,...t}){const l=null===t.id?null:x(t.id),{userCan:r}=(0,f.useUserStylesCapability)();if(t.id&&!l)throw new v({context:{styleId:t.id}});const o=r(l?.getKey()??"").updateProps;return n.createElement(w.Provider,{value:{...t,provider:l,canEdit:o}},e)}function C(){const e=(0,n.useContext)(w);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}function x(e){return f.stylesRepository.getProviders().find(t=>t.actions.all().find(t=>t.id===e))??null}const T="pending-class-rename-id",{Slot:I,inject:P}=(0,o.createLocation)(),k=e=>{const{element:t}=p(),l=t.id,r=c(),{setId:o}=C(),[,i]=(0,a.useSessionStorage)(T,"app");return n.createElement(I,{canConvert:!!e.canConvert,styleDef:e.styleDef,successCallback:t=>{if(!e.styleDef)throw new Error("Style definition is required for converting local class to global class.");D({newId:t,elementId:l,classesProp:r,styleDef:e.styleDef}),i(t),o(t),e.closeMenu()}})},D=e=>{const{newId:t,elementId:n,classesProp:o}=e;(0,l.deleteElementStyle)(n,e.styleDef.id);const a=(0,l.getElementSetting)(n,o)||{value:[]};(0,l.updateElementSettings)({id:n,props:{[o]:r.classesPropTypeUtil.create([t,...a.value])},withHistory:!1})};var z=window.elementorV2.editorUi,R=window.elementorV2.editorV1Adapters,L=window.elementorV2.icons,O=window.elementorV2.ui,V=window.wp.i18n;const B={name:"default",getThemeColor:null},N=new Map,M=(e,t)=>{N.set(e,t)},A=e=>N.get(e)??B,j=e=>e&&e!==f.ELEMENTS_BASE_STYLES_PROVIDER_KEY?(0,f.isElementsStylesProvider)(e)?"accent":A(e).name:"default",U=e=>e&&e!==f.ELEMENTS_BASE_STYLES_PROVIDER_KEY?(0,f.isElementsStylesProvider)(e)?e=>e.palette.accent.main:A(e).getThemeColor:null;function $(e){return(0,f.isElementsStylesProvider)(e)?e=>e.palette.primary.main:U(e)}const F=(e,t,n)=>{const l=f.stylesRepository.getProviderByKey(e);l?.actions.tracking?.({event:t,...n})};function G(e){const{_group:t,_action:n,...l}=e;return l}const W=/[^a-zA-Z0-9_-]/g;function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},K.apply(null,arguments)}const H=n.forwardRef(J);function J({selected:e,options:t,entityName:l,onSelect:r,placeholder:o,onCreate:a,validate:i,renderEmptyState:s,...c},u){const{inputValue:m,setInputValue:p,error:d,setError:f,inputHandlers:y}=function(e){const[t,l]=(0,n.useState)(""),[r,o]=(0,n.useState)(null);return{inputValue:t,setInputValue:l,error:r,setError:o,inputHandlers:{onChange:t=>{const{value:n}=t.target;if(l(n),!e)return;if(!n)return void o(null);const{isValid:r,errorMessage:a}=e(n,"inputChange");o(r?null:a)},onBlur:()=>{l(""),o(null)}}}}(i),{open:E,openDropdown:g,closeDropdown:b}=function(e=!1){const[t,l]=(0,n.useState)(e);return{open:t,openDropdown:()=>l(!0),closeDropdown:()=>l(!1)}}(c.open),{createOption:v,loading:h}=function(e){const{onCreate:t,validate:l,setInputValue:r,setError:o,closeDropdown:a}=e,[i,s]=(0,n.useState)(!1);return t?{createOption:async e=>{if(s(!0),l){const{isValid:t,errorMessage:n}=l(e,"create");if(!t)return o(n),void s(!1)}try{r(""),a(),await t(e)}catch{}finally{s(!1)}},loading:i}:{createOption:null,loading:!1}}({onCreate:a,validate:i,setInputValue:p,setError:f,closeDropdown:b}),[_,w]=(0,n.useMemo)(()=>[t,e].map(e=>function(e,t){return e.map(e=>({...e,_group:`Existing ${t??"options"}`}))}(e,l?.plural)),[t,e,l?.plural]),S=function(e){const{options:t,onSelect:n,createOption:l,setInputValue:r,closeDropdown:o}=e;if(n||l)return async(e,n,i,s)=>{const c=s?.option;if(!c||"object"==typeof c&&c.fixed)return;const u=n.filter(e=>"string"!=typeof e);switch(i){case"removeOption":a(u,"removeOption",c);break;case"selectOption":{const e=c;if("create"===e._action){const t=e.value;return l?.(t)}a(u,"selectOption",e);break}case"createOption":{const e=c,n=t.find(t=>t.label.toLocaleLowerCase()===e.toLocaleLowerCase());if(!n)return l?.(e);u.push(n),a(u,"selectOption",n);break}}r(""),o()};function a(e,t,l){n?.(e.map(e=>G(e)),t,G(l))}}({options:_,onSelect:r,createOption:v,setInputValue:p,closeDropdown:b}),C=function(e){const{options:t,selected:n,onCreate:l,entityName:r}=e,o=(0,O.createFilterOptions)({matchFrom:"any"});return(e,a)=>{const i=n.map(e=>e.value),s=o(e.filter(e=>!i.includes(e.value)),{...a,inputValue:(c=a.inputValue,c.replace(W,"").toLowerCase())});var c;const u=t.some(e=>a.inputValue===e.label);return Boolean(l)&&""!==a.inputValue&&!i.includes(a.inputValue)&&!u&&s.unshift({label:`Create "${a.inputValue}"`,value:a.inputValue,_group:`Create a new ${r?.singular??"option"}`,key:`create-${a.inputValue}`,_action:"create"}),s}}({options:t,selected:e,onCreate:a,entityName:l}),x=Boolean(a)||m.length<2||void 0;return n.createElement(O.Autocomplete,K({renderTags:(e,t)=>e.map((e,l)=>n.createElement(O.Chip,K({size:"tiny"},t({index:l}),{key:e.key??e.value??e.label,label:e.label})))},c,{ref:u,freeSolo:x,forcePopupIcon:!1,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:h,open:E,onOpen:g,onClose:b,disableCloseOnSelect:!0,value:w,options:_,ListboxComponent:d?n.forwardRef((e,t)=>n.createElement(q,{ref:t,error:d})):void 0,renderGroup:e=>n.createElement(Y,e),inputValue:m,renderInput:e=>n.createElement(O.TextField,K({},e,{error:Boolean(d),placeholder:o},y,{sx:e=>({".MuiAutocomplete-inputRoot.MuiInputBase-adornedStart":{paddingLeft:e.spacing(.25),paddingRight:e.spacing(.25)}})})),onChange:S,getOptionLabel:e=>"string"==typeof e?e:e.label,getOptionKey:e=>"string"==typeof e?e:e.key??e.value??e.label,filterOptions:C,groupBy:e=>e._group??"",renderOption:(e,t)=>{const{_group:l,label:r}=t;return n.createElement("li",K({},e,{style:{display:"block",textOverflow:"ellipsis"},"data-group":l}),r)},noOptionsText:s?.({searchValue:m,onClear:()=>{p(""),b()}}),isOptionEqualToValue:(e,t)=>"string"==typeof e?e===t:e.value===t.value}))}const Y=e=>{const t=`combobox-group-${(0,n.useId)().replace(/:/g,"_")}`;return n.createElement(X,{role:"group","aria-labelledby":t},n.createElement(Z,{id:t}," ",e.group),n.createElement(Q,{role:"listbox"},e.children))},q=n.forwardRef(({error:e="error"},t)=>n.createElement(O.Box,{ref:t,sx:e=>({padding:e.spacing(2)})},n.createElement(O.Typography,{variant:"caption",sx:{color:"error.main",display:"inline-block"}},e))),X=(0,O.styled)("li")`
	&:not( :last-of-type ) {
		border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
	}
`,Z=(0,O.styled)(O.Box)(({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary,backgroundColor:e.palette.primary.contrastText})),Q=(0,O.styled)("ul")`
	padding: 0;
`;var ee=window.elementorV2.editorStyles;const te=(0,n.createContext)(null),ne=()=>{const e=(0,n.useContext)(te);if(!e)throw new Error("useCssClass must be used within a CssClassProvider");return e};function le({children:e,...t}){return n.createElement(te.Provider,{value:t},e)}const re=(0,O.styled)("div",{shouldForwardProp:e=>!["isOverridden","getColor"].includes(e)})`
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: ${({theme:e,isOverridden:t,getColor:n})=>{if(t)return e.palette.warning.light;const l=n?.(e);return l??e.palette.text.disabled}};
`;var oe=window.elementorV2.editorDocuments;function ae(e,t="classes"){return(0,l.getElementSetting)(e,t)?.value||[]}function ie(e,t,n="classes"){(0,l.updateElementSettings)({id:e,props:{[n]:r.classesPropTypeUtil.create(t)},withHistory:!1}),(0,oe.setDocumentModifiedStatus)(!0),function(e){const t=f.stylesRepository.getProviders();e.forEach(e=>{f.stylesRepository.getProviderByKey(e)?.actions.get(e);const n=t.find(t=>t.actions.all().some(t=>t.id===e));try{n?.actions.get(e)}catch{}})}(t)}function se(e,t,n="classes"){const r=(0,l.getElementSetting)(e,n)?.value||[];return!!r.includes(t)&&(ie(e,r.filter(e=>e!==t),n),!0)}function ce(){const{id:e,setId:t}=C(),{element:r}=p(),o=me(),a=pe();return(0,n.useMemo)(()=>(0,R.undoable)({do:({classId:t})=>{const n=e;return o(t),n},undo:({classId:e},n)=>{a(e),t(n)}},{title:(0,l.getElementLabel)(r.id),subtitle:({classLabel:e})=>(0,V.__)("class %s applied","elementor").replace("%s",e)}),[e,o,r.id,a,t])}function ue(){const{id:e,setId:t}=C(),{element:r}=p(),o=me(),a=pe();return(0,n.useMemo)(()=>(0,R.undoable)({do:({classId:t})=>{const n=e;return a(t),n},undo:({classId:e},n)=>{o(e),t(n)}},{title:(0,l.getElementLabel)(r.id),subtitle:({classLabel:e})=>(0,V.__)("class %s removed","elementor").replace("%s",e)}),[e,o,r.id,a,t])}function me(){const{element:e}=p(),{setId:t}=C(),{setClasses:l,getAppliedClasses:r}=de();return(0,n.useCallback)(n=>{const o=r();if(o.includes(n))throw new Error(`Class ${n} is already applied to element ${e.id}, cannot re-apply.`);const a=[...o,n];l(a),t(n)},[e.id,r,t,l])}function pe(){const{element:e}=p(),{id:t,setId:l}=C(),{setClasses:r,getAppliedClasses:o}=de();return(0,n.useCallback)(n=>{const a=o();if(!a.includes(n))throw new Error(`Class ${n} is not applied to element ${e.id}, cannot unapply it.`);const i=a.filter(e=>e!==n);r(i),t===n&&l(i[0]??null)},[t,e.id,o,l,r])}function de(){const{element:e}=p(),t=c();return(0,n.useMemo)(()=>({setClasses:n=>{ie(e.id,n,t)},getAppliedClasses:()=>ae(e.id,t)||[]}),[t,e.id])}const fe="copy-of";function ye({closeMenu:e}){const{id:t,provider:l}=ne(),{userCan:r}=(0,f.useUserStylesCapability)(),o=ce(),[,i]=(0,a.useSessionStorage)(T,"app");if(!l||!t)return null;const s=f.stylesRepository.getProviderByKey(l),c=s?.actions.create,u=s?.actions.get;return c&&u&&r(l).create?n.createElement(z.MenuListItem,{onClick:()=>{const n=u(t);if(!n)return void e();const r=s.actions.all().map(e=>e.label),a=function(e,t){let n=`${fe}-${e}`,l=2;for(;t.includes(n);)n=`${fe}-${e}-${l}`,l++;return n}(n.label,r),m=c(a,n.variants);m&&(o({classId:m,classLabel:a}),i(m),F(l,"classCreated",{classId:m,source:"duplicated",classTitle:a})),e()}},(0,V.__)("Duplicate","elementor")):null}const Ee=e=>{const{canConvert:t,styleDef:l}=(()=>{const{element:e}=p(),{provider:t,id:n,meta:l}=C(),r=t?.actions.get(n,{elementId:e.id,...l}),o=t&&(0,f.isElementsStylesProvider)(t?.getKey());return{canConvert:!(!o||!(r?.variants||[]).length),isLocalStylesProvider:o,id:n,styleDef:r||null}})();return n.createElement(n.Fragment,null,n.createElement(O.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,V.__)("Local Class","elementor")),n.createElement(k,{canConvert:t,styleDef:l,closeMenu:e.popupState.close}))};function ge(){return ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},ge.apply(null,arguments)}const be=[{key:"normal",value:null,label:(0,V.__)("normal","elementor")},{key:"hover",value:"hover",label:(0,V.__)("hover","elementor")},{key:"focus",value:"focus",label:(0,V.__)("focus","elementor")},{key:"active",value:"active",label:(0,V.__)("active","elementor")}];function ve({popupState:e,anchorEl:t,fixed:l}){const{provider:r}=ne(),o=!r||(0,f.isElementsStylesProvider)(r),a=function(){const{elementType:e}=p(),{pseudoStates:t=[]}=e,n=t.map(({name:e,value:t})=>({key:t,value:t,label:e}));return[...be,...n]}();return n.createElement(O.Menu,ge({MenuListProps:{dense:!0,sx:{minWidth:"160px"}}},(0,O.bindMenu)(e),{anchorEl:t,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{horizontal:"left",vertical:-4},onKeyDown:e=>{e.stopPropagation()},disableAutoFocusItem:!0}),o&&n.createElement(Ee,{popupState:e}),function({provider:e,closeMenu:t,fixed:l}){if(!e)return[];const r=f.stylesRepository.getProviderByKey(e),o=r?.actions,a=o?.update,i=o?.create&&o?.get,s=!l,c=[a&&n.createElement(xe,{key:"rename-class",closeMenu:t}),i&&n.createElement(ye,{key:"duplicate-class",closeMenu:t}),s&&n.createElement(Ce,{key:"unapply-class",closeMenu:t})].filter(Boolean);return c.length&&(c.unshift(n.createElement(O.MenuSubheader,{key:"provider-label",sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1,textTransform:"capitalize"}},r?.labels?.singular)),c.push(n.createElement(O.Divider,{key:"provider-actions-divider"}))),c}({provider:r,closeMenu:e.close,fixed:l}),n.createElement(O.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,V.__)("States","elementor")),a.map(t=>n.createElement(Se,{key:t.key,state:t.value,label:t.label,closeMenu:e.close})),n.createElement(he,{closeMenu:e.close}))}function he({closeMenu:e}){const{elementStates:t,elementTitle:l}=we();if(!t.length)return null;const r=(0,V.__)("%s States","elementor").replace("%s",l);return n.createElement(n.Fragment,null,n.createElement(O.Divider,null),n.createElement(O.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},r),t.map(t=>n.createElement(Se,{key:t.key,state:t.value,label:t.label,closeMenu:e})))}const _e={selected:{label:(0,V.__)("selected","elementor")}};function we(){const{elementType:e}=p(),{styleStates:t=[]}=e;return{elementStates:t.map(({value:e,name:t})=>({key:e,value:e,label:_e[e]?.label??t})),elementTitle:e.title}}function Se({state:e,label:t,closeMenu:l,...r}){const{id:o,provider:a}=ne(),{id:i,setId:s,setMetaState:c,meta:u}=C(),{state:m}=u,{userCan:p}=(0,f.useUserStylesCapability)(),d=function(e){const{meta:t}=C(),n=f.stylesRepository.all().find(t=>t.id===e);return Object.fromEntries(n?.variants.filter(e=>t.breakpoint===e.meta.breakpoint).map(e=>[e.meta.state??"normal",!0])??[])}(o),y=!e||p(a??"").updateProps,E=d[e??"normal"]??!1,g=!y&&!E,b=o===i,v=e===m&&b;return n.createElement(z.MenuListItem,ge({},r,{selected:v,disabled:g,sx:{textTransform:"capitalize"},onClick:()=>{b||s(o),F(a??"","classStateClicked",{classId:o,type:t,source:o?"global":"local"}),c(e),l()}}),n.createElement(z.MenuItemInfotip,{showInfoTip:g,content:(0,V.__)("With your current role, you can only use existing states.","elementor")},n.createElement(O.Stack,{gap:.75,direction:"row",alignItems:"center"},E&&n.createElement(re,{"aria-label":(0,V.__)("Has style","elementor"),getColor:$(a??"")}),t)))}function Ce({closeMenu:e,...t}){const{id:l,label:r,provider:o}=ne(),a=ue();return l?n.createElement(z.MenuListItem,ge({},t,{onClick:()=>{a({classId:l,classLabel:r}),F(o??"","classRemoved",{classId:l,classTitle:r,source:"style-tab"}),e()}}),(0,V.__)("Remove","elementor")):null}function xe({closeMenu:e}){const{handleRename:t,provider:l}=ne(),{userCan:r}=(0,f.useUserStylesCapability)();if(!l)return null;const o=r(l).update;return n.createElement(z.MenuListItem,{disabled:!o,onClick:()=>{e(),t()}},n.createElement(z.MenuItemInfotip,{showInfoTip:!o,content:(0,V.__)("With your current role, you can use existing classes but can't modify them.","elementor")},(0,V.__)("Rename","elementor")))}function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Te.apply(null,arguments)}const Ie="tiny";function Pe(e){const{chipProps:t,icon:l,color:r,fixed:o,...i}=e,{id:s,provider:c,label:u,isActive:m,onClickActive:p,renameLabel:d,setError:y}=i,{elementStates:E}=we(),{meta:g,setMetaState:b}=C(),v=(0,O.usePopupState)({variant:"popover"}),[h,_]=(0,n.useState)(null),{onDelete:w,...S}=t,{userCan:x}=(0,f.useUserStylesCapability)(),[I,,P]=(0,a.useSessionStorage)(T,"app"),{ref:k,isEditing:D,openEditMode:R,error:B,getProps:N}=(0,z.useEditable)({value:u,onSubmit:d,validation:ke,onError:y}),M=B?"error":r,A=c?f.stylesRepository.getProviderByKey(c)?.actions:null,j=Boolean(A?.update)&&x(c??"")?.update,U=m&&g.state,$=(0,n.useMemo)(()=>g.state&&(0,ee.isClassState)(g.state)?E.find(e=>e.value===g.state)?.label:g.state,[g.state,E]);return(0,n.useEffect)(()=>{I&&s===I&&(P(),R())},[s,I]),n.createElement(O.ThemeProvider,{palette:"default"},n.createElement(O.UnstableChipGroup,Te({ref:_},S,{"aria-label":`Edit ${u}`,role:"group",sx:e=>({"&.MuiChipGroup-root.MuiAutocomplete-tag":{margin:e.spacing(.125)}})}),n.createElement(O.Chip,{size:Ie,label:D?n.createElement(z.EditableField,Te({ref:k},N())):n.createElement(z.EllipsisWithTooltip,{maxWidth:"10ch",title:u,as:"div"}),variant:!m||g.state||D?"standard":"filled",shape:"rounded",icon:l,color:M,onClick:()=>{U?b(null):j&&m?R():p(s)},"aria-pressed":m,sx:e=>({lineHeight:1,cursor:m&&j&&!U?"text":"pointer",borderRadius:.75*e.shape.borderRadius+"px","&.Mui-focusVisible":{boxShadow:"none !important"}})}),!D&&n.createElement(O.Chip,Te({icon:U?void 0:n.createElement(L.DotsVerticalIcon,{fontSize:"tiny"}),size:Ie,label:U?n.createElement(O.Stack,{direction:"row",gap:.5,alignItems:"center"},n.createElement(O.Typography,{variant:"inherit"},$),n.createElement(L.DotsVerticalIcon,{fontSize:"tiny"})):void 0,variant:"filled",shape:"rounded",color:M},(0,O.bindTrigger)(v),{"aria-label":(0,V.__)("Open CSS Class Menu","elementor"),sx:e=>({borderRadius:.75*e.shape.borderRadius+"px",paddingRight:0,...U?{}:{paddingLeft:0},".MuiChip-label":U?{paddingRight:0}:{padding:0}})}))),n.createElement(le,Te({},i,{handleRename:R}),n.createElement(ve,{popupState:v,anchorEl:h,fixed:o})))}const ke=e=>{const t=(0,f.validateStyleLabel)(e,"rename");return t.isValid?null:t.errorMessage},De="elementor-css-class-selector",ze={label:(0,V.__)("local","elementor"),value:null,fixed:!0,color:Ae("accent"),icon:n.createElement(L.MapPinIcon,null),provider:null},{Slot:Re,inject:Le}=(0,o.createLocation)();function Oe(){const e=function(){const{element:e}=p();return(0,f.useProviders)().filter(e=>!!e.actions.updateProps).flatMap(t=>{const l=(0,f.isElementsStylesProvider)(t.getKey()),r=t.actions.all({elementId:e.id});return l&&0===r.length?[ze]:r.map(e=>({label:e.label,value:e.id,fixed:l,color:Ae(j(t.getKey())),icon:l?n.createElement(L.MapPinIcon,null):null,provider:t.getKey()}))})}(),{id:t,setId:l}=C(),r=(0,n.useRef)(null),[o,a]=(0,n.useState)(null),i=function(){const e=ce(),t=ue();return(n,l,r)=>{if(r.value)switch(l){case"selectOption":e({classId:r.value,classLabel:r.label}),F(r.provider??"","classApplied",{classId:r.value,source:"style-tab"});break;case"removeOption":t({classId:r.value,classLabel:r.label}),F(r.provider??"","classRemoved",{classId:r.value,source:"style-tab"})}}}(),{create:s,validate:u,entityName:m,isAtLimit:y,limitCount:E}=function(){const[e,t]=function(){const{id:e,setId:t}=C(),[l,r]=(0,f.useGetStylesRepositoryCreateAction)()??[null,null],o=l?.actions.delete,a=me(),i=pe(),s=(0,n.useMemo)(()=>{if(l&&r)return(0,R.undoable)({do:({classLabel:t})=>{const n=e,l=r(t);return a(l),{prevActiveId:n,createdId:l}},undo:(e,{prevActiveId:n,createdId:l})=>{i(l),o?.(l),t(n)},redo:({classLabel:t},{createdId:n})=>{const l=e;return r(t,[],n),a(n),{prevActiveId:l,createdId:n}}},{title:(0,V.__)("Class","elementor"),subtitle:({classLabel:e})=>(0,V.__)("%s created","elementor").replace("%s",e)})},[e,a,r,o,l,t,i]);return l&&s?[l,s]:[null,null]}();if(!e||!t)return{};const l=e.labels.singular&&e.labels.plural?e.labels:void 0,r=(e,t)=>(0,f.validateStyleLabel)(e,t);if(function(e){return e.actions.all().length>=e.limit}(e))return{entityName:l,isAtLimit:!0,limitCount:e.limit,validate:r};return{create:n=>{const{createdId:l}=t({classLabel:n});F(e.getKey()??"","classCreated",{source:"created",classTitle:n,classId:l})},validate:r,entityName:l,isAtLimit:!1}}(),g=function(e){const t=c(),n=d(t)?.value??[],l=e.filter(e=>e.value&&n.includes(e.value));return l.some(e=>e.provider&&(0,f.isElementsStylesProvider)(e.provider))||l.unshift(ze),l}(e),b=g.find(e=>e.value===t)??ze,v=g.every(({fixed:e})=>e),{userCan:h}=(0,f.useUserStylesCapability)(),_=!b.provider||h(b.provider).updateProps;return n.createElement(O.Stack,{p:2},n.createElement(O.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},n.createElement(O.FormLabel,{htmlFor:De,size:"small"},(0,V.__)("Classes","elementor")),n.createElement(O.Stack,{direction:"row",gap:1},n.createElement(Re,null))),n.createElement(z.WarningInfotip,{open:Boolean(o),text:o??"",placement:"bottom",width:r.current?.getBoundingClientRect().width,offset:[0,-15]},n.createElement(H,{id:De,ref:r,size:"tiny",placeholder:v?(0,V.__)("Type class name","elementor"):void 0,options:e,selected:g,entityName:m,onSelect:i,onCreate:s??void 0,validate:u??void 0,limitTags:50,renderEmptyState:y&&"number"==typeof E?e=>n.createElement(Ne,{limitCount:E,onClear:e.onClear}):Be,getLimitTagsText:e=>n.createElement(O.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(e,t)=>e.map((e,r)=>{const o=t({index:r}),i=e.value===b?.value;return n.createElement(Pe,{key:o.key,fixed:e.fixed,label:e.label,provider:e.provider,id:e.value,isActive:i,color:i&&e.color?e.color:"default",icon:e.icon,chipProps:o,onClickActive:()=>l(e.value),renameLabel:t=>{if(!e.value)throw new Error("Cannot rename a class without style id");return F(e.provider??"","classRenamed",{classId:e.value,newValue:t,oldValue:e.label,source:"style-tab"}),Me(e.provider,{label:t,id:e.value})},setError:a})})})),!_&&n.createElement(z.InfoAlert,{sx:{mt:1}},(0,V.__)("With your current role, you can use existing classes but can’t modify them.","elementor")))}const Ve=({searchValue:e,onClear:t,children:l})=>n.createElement(O.Box,{sx:{py:4}},n.createElement(O.Stack,{gap:1,alignItems:"center",color:"text.secondary",justifyContent:"center",sx:{px:2,m:"auto",maxWidth:"236px"}},n.createElement(L.ColorSwatchIcon,{sx:{transform:"rotate(90deg)"},fontSize:"large"}),n.createElement(O.Typography,{align:"center",variant:"subtitle2"},(0,V.__)("Sorry, nothing matched","elementor"),n.createElement("br",null),"“",e,"”."),l,n.createElement(O.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,V.__)("Clear & try again","elementor")))),Be=e=>n.createElement(Ve,e,n.createElement(O.Typography,{align:"center",variant:"caption",sx:{mb:2}},(0,V.__)("With your current role,","elementor"),n.createElement("br",null),(0,V.__)("you can only use existing classes.","elementor"))),Ne=({limitCount:e,onClear:t})=>n.createElement(O.Box,{sx:{py:4}},n.createElement(O.Stack,{gap:1,alignItems:"center",color:"text.secondary",justifyContent:"center",sx:{px:1,m:"auto",maxWidth:"260px"}},n.createElement(L.ColorSwatchIcon,{sx:{transform:"rotate(90deg)"},fontSize:"large"}),n.createElement(O.Typography,{align:"center",variant:"subtitle2"},(0,V.__)("Limit of %s classes reached","elementor").replace("%s",String(e))),n.createElement(O.Typography,{align:"center",variant:"caption",component:"div"},(0,V.__)("Remove a class to create a new one.","elementor")," ",n.createElement(O.Link,{color:"inherit",variant:"caption",component:"button",onClick:t,sx:{verticalAlign:"baseline"}},(0,V.__)("Clear","elementor"))),n.createElement(O.Button,{variant:"outlined",color:"secondary",size:"small",onClick:()=>{(0,R.isExperimentActive)("e_editor_design_system_panel")?window.dispatchEvent(new CustomEvent("elementor/toggle-design-system",{detail:{tab:"classes"}})):window.dispatchEvent(new CustomEvent("elementor/open-global-classes-manager")),t()}},(0,V.__)("Class Manager","elementor")))),Me=(e,t)=>{if(!e)return;const n=f.stylesRepository.getProviderByKey(e);return n?n.actions.update?.(t):void 0};function Ae(e){return"accent"===e?"primary":e}var je=window.elementorV2.editorResponsive;const Ue=()=>{const{provider:e}=C(),[,t]=(0,n.useReducer)(e=>!e,!1);(0,n.useEffect)(()=>e?.subscribe(t),[e])},$e=800;function Fe(e){const{element:{id:t}}=p(),{id:r,meta:o,provider:a,canEdit:i}=C(),s=function({elementId:e,meta:{breakpoint:t,state:r}}){const o=c();return(0,n.useMemo)(()=>{const n={breakpoint:t,state:r},a={elementId:e,classesProp:o,meta:n,label:f.ELEMENTS_STYLES_RESERVED_LABEL};return(0,R.undoable)({do:e=>(0,l.shouldCreateNewLocalStyle)(e)?i(e):s(e),undo:(t,r)=>(0,l.shouldCreateNewLocalStyle)(t)?function(t,{createdStyleId:n}){(0,l.deleteElementStyle)(e,n)}(0,r):function(t,{styleId:l,provider:r,prevProps:o}){r.actions.updateProps?.({id:l,meta:n,props:o,mode:"replace"},{elementId:e})}(0,r),redo:(e,t)=>(0,l.shouldCreateNewLocalStyle)(e)?i(e,t):s(e)},{title:({provider:t,styleId:n})=>We({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:l})=>Ke({provider:t,styleId:n,elementId:e,propDisplayName:l}),debounce:{wait:$e}});function i({props:e},t){return{createdStyleId:(0,l.createElementStyle)({...a,props:e,styleId:t?.createdStyleId})}}function s({provider:t,styleId:l,props:r}){if(!t.actions.updateProps)throw new h({context:{providerKey:t.getKey()}});const o=function(e,t){if(!e)return{};const n=(0,ee.getVariantByMeta)(e,t);return structuredClone(n?.props??{})}(t.actions.get(l,{elementId:e}),n);return t.actions.updateProps({id:l,meta:n,props:r},{elementId:e}),{styleId:l,provider:t,prevProps:o}}},[e,t,r,o])}({elementId:t,meta:o});Ue();const u=function({styleId:e,elementId:t,provider:n,meta:l,propNames:r}){if(!n||!e)return null;const o=n.actions.get(e,{elementId:t});if(!o)throw new _({context:{styleId:e,providerKey:n.getKey()}});const a=(0,ee.getVariantByMeta)(o,l);return Object.fromEntries(r.map(e=>[e,a?.props[e]??null]))}({elementId:t,styleId:r,provider:a,meta:o,propNames:e});return{values:u,setValues:(e,{history:{propDisplayName:t}})=>{s(r?{styleId:r,provider:a,props:e,propDisplayName:t}:{styleId:null,provider:null,props:e,propDisplayName:t})},canEdit:i}}const Ge=(e,t)=>!e||!t||(0,f.isElementsStylesProvider)(e.getKey()),We=({provider:e,styleId:t,elementId:n})=>Ge(e,t)?(({elementId:e})=>(0,l.getElementLabel)(e))({elementId:n}):(({provider:e})=>{const t=e.labels?.singular;return t?(n=t).charAt(0).toUpperCase()+n.slice(1):(0,V.__)("Style","elementor");var n})({provider:e}),Ke=({provider:e,styleId:t,propDisplayName:n,elementId:l})=>Ge(e,t)?(({propDisplayName:e})=>(0,V.__)("%s edited","elementor").replace("%s",e))({propDisplayName:n}):(({provider:e,styleId:t,elementId:n,propDisplayName:l})=>{const r=e.actions.get(t,{elementId:n})?.label;if(!r)throw new Error(`Style ${t} not found`);return(0,V.__)("%s$1 %s$2 edited","elementor").replace("%s$1",r).replace("%s$2",l)})({provider:e,styleId:t,elementId:l,propDisplayName:n}),He=()=>{const{element:{id:e}}=p(),{id:t,meta:r,provider:o}=C(),a=o?.actions.get(t,{elementId:e}),i=function({elementId:e,meta:{breakpoint:t,state:r}}){const o=c();return(0,n.useMemo)(()=>{const n={breakpoint:t,state:r},a={elementId:e,classesProp:o,meta:n,label:f.ELEMENTS_STYLES_RESERVED_LABEL};return(0,R.undoable)({do:e=>(0,l.shouldCreateNewLocalStyle)(e)?i(e):s(e),undo:(t,r)=>(0,l.shouldCreateNewLocalStyle)(t)?function(t,{createdStyleId:n}){(0,l.deleteElementStyle)(e,n)}(0,r):function(t,{styleId:l,provider:r,prevCustomCss:o}){r.actions.updateCustomCss?.({id:l,meta:n,custom_css:o??{raw:""}},{elementId:e})}(0,r),redo:(e,t)=>(0,l.shouldCreateNewLocalStyle)(e)?i(e,t):s(e)},{title:({provider:t,styleId:n})=>We({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:l})=>Ke({provider:t,styleId:n,elementId:e,propDisplayName:l}),debounce:{wait:$e}});function i({customCss:e},t){return{createdStyleId:(0,l.createElementStyle)({...a,props:{},custom_css:e??null,styleId:t?.createdStyleId})}}function s({provider:t,styleId:l,customCss:r}){if(!t.actions.updateCustomCss)throw new h({context:{providerKey:t.getKey()}});const o=function(e,t){if(!e)return null;const n=(0,ee.getVariantByMeta)(e,t);return n?.custom_css??null}(t.actions.get(l,{elementId:e}),n);return t.actions.updateCustomCss({id:l,meta:n,custom_css:r},{elementId:e}),{styleId:l,provider:t,prevCustomCss:o}}},[e,t,r,o])}({elementId:e,meta:r}),s=t||null,u=t?o:null;Ue();const m=a?(0,ee.getVariantByMeta)(a,r):null;return{customCss:m?.custom_css?.raw?{raw:(0,y.decodeString)(m.custom_css.raw)}:null,setCustomCss:(e,{history:{propDisplayName:t}})=>{const n={raw:(0,y.encodeString)(Je(e))};i({styleId:s,provider:u,customCss:n,propDisplayName:t})}}};function Je(e){return r.stringPropTypeUtil.schema.safeParse(r.stringPropTypeUtil.create(e)).data?.value?.trim()??""}const Ye=()=>{const{customCss:e}=He(),{id:t,provider:l,meta:r}=C(),{element:{id:o}}=p(),a=(0,n.useMemo)(()=>t&&l?l.actions.get(t,{elementId:o}):null,[t,l,o]),i=Boolean(e?.raw?.trim()),s=(0,n.useMemo)(()=>!i&&qe(a,r),[i,a,r]);return i?n.createElement(re,{getColor:l?U(l.getKey()):void 0}):s?n.createElement(re,null):null},qe=(e,t)=>{if(!e||!t)return!1;const n=t.breakpoint??"desktop",l=(0,je.getBreakpointsTree)(),r=t.state;return Boolean(function t(l,o){if(!e)return;const a=Boolean((0,ee.getVariantByMeta)(e,{breakpoint:l.id,state:r})?.custom_css?.raw?.trim());if(l.id===n)return o;for(const e of l.children??[]){const n=t(e,o||a);if(void 0!==n)return n}}(l,!1))};var Xe=window.elementorV2.editorControls,Ze=window.elementorV2.editorPanels,Qe=window.elementorV2.menus;const et=new Map,tt=({id:e,priority:t=10,...n})=>{et.set(e,{...n,priority:t})};function nt(){return n.createElement(O.Box,{role:"alert",sx:{minHeight:"100%",p:2}},n.createElement(O.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},n.createElement("strong",null,"Something went wrong")))}const lt=(0,n.createContext)(void 0),rt=(0,O.styled)("div")`
	height: 100%;
	overflow-y: auto;
`;function ot({children:e}){const[t,l]=(0,n.useState)("up"),r=(0,n.useRef)(null),o=(0,n.useRef)(0);return(0,n.useEffect)(()=>{const e=r.current;if(!e)return;const t=()=>{const{scrollTop:t}=e;t>o.current?l("down"):t<o.current&&l("up"),o.current=t};return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}}),n.createElement(lt.Provider,{value:{direction:t}},n.createElement(rt,{ref:r},e))}const at={defaultSectionsExpanded:{settings:["Content","Settings"],style:[]},defaultTab:"settings"},it=(0,n.createContext)({"e-div-block":{defaultSectionsExpanded:at.defaultSectionsExpanded,defaultTab:"style"},"e-flexbox":{defaultSectionsExpanded:at.defaultSectionsExpanded,defaultTab:"style"},"e-divider":{defaultSectionsExpanded:at.defaultSectionsExpanded,defaultTab:"style"}}),st=()=>{const{element:e}=p();return(0,n.useContext)(it)[e.type]||at},ct=(e,t)=>{const{element:l}=p(),r=`elementor/editor-state/${l.id}/${e}`,o=(0,a.getSessionStorageItem)(r),[i,s]=(0,n.useState)(o??t);return[i,e=>{(0,a.setSessionStorageItem)(r,e),s(e)}]};var ut=window.elementorV2.editorInteractions;function mt(){return mt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},mt.apply(null,arguments)}function pt(e){return n.createElement(O.List,mt({disablePadding:!0,component:"div"},e))}const dt=()=>{const{element:e}=p();return n.createElement(pt,null,n.createElement(ut.InteractionsTab,{elementId:e.id}))};function ft({title:e,children:t,defaultExpanded:l=!1,titleEnd:r,unmountOnExit:o=!0,action:a}){const[i,s]=ct(e,!!l),c=(0,n.useRef)(null),u=!!a,m=(0,n.useId)(),p=`label-${m}`,d=`content-${m}`;return n.createElement(n.Fragment,null,n.createElement(O.ListItemButton,{id:p,"aria-controls":d,"aria-label":`${e} section`,onClick:()=>{u?a?.onClick():s(!i)},sx:{"&:hover":{backgroundColor:"transparent"}}},n.createElement(O.Stack,{direction:"row",alignItems:"center",justifyItems:"start",flexGrow:1,gap:.5},n.createElement(O.ListItemText,{secondary:e,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"},sx:{flexGrow:0,flexShrink:1,marginInlineEnd:1}}),(0,z.getCollapsibleValue)(r,i)),a?.component,n.createElement(z.CollapseIcon,{open:i,color:"secondary",fontSize:"tiny",disabled:u,sx:{ml:1}})),n.createElement(O.Collapse,{id:d,"aria-labelledby":p,in:i,timeout:"auto",unmountOnExit:o},n.createElement(z.SectionRefContext.Provider,{value:c},n.createElement(O.Stack,{ref:c,gap:2.5,p:2,"aria-label":`${e} section content`},t))),n.createElement(O.Divider,null))}const yt={image:{component:Xe.ImageControl,layout:"custom",propTypeUtil:r.imagePropTypeUtil},"svg-media":{component:Xe.SvgMediaControl,layout:"full",propTypeUtil:r.svgSrcPropTypeUtil},text:{component:Xe.TextControl,layout:"full",propTypeUtil:r.stringPropTypeUtil},textarea:{component:Xe.TextAreaControl,layout:"full",propTypeUtil:r.stringPropTypeUtil},size:{component:Xe.SizeControl,layout:"two-columns",propTypeUtil:r.sizePropTypeUtil},select:{component:Xe.SelectControlWrapper,layout:"two-columns",propTypeUtil:r.stringPropTypeUtil},chips:{component:Xe.ChipsControl,layout:"full",propTypeUtil:r.stringArrayPropTypeUtil},link:{component:Xe.LinkControl,layout:"custom",propTypeUtil:r.linkPropTypeUtil},query:{component:Xe.QueryControl,layout:"full",propTypeUtil:r.queryPropTypeUtil},url:{component:Xe.UrlControl,layout:"full",propTypeUtil:r.stringPropTypeUtil},switch:{component:Xe.SwitchControl,layout:"two-columns",propTypeUtil:r.booleanPropTypeUtil},number:{component:Xe.NumberControl,layout:"two-columns",propTypeUtil:r.numberPropTypeUtil},repeatable:{component:Xe.RepeatableControl,layout:"full",propTypeUtil:void 0},"key-value":{component:Xe.KeyValueControl,layout:"full",propTypeUtil:r.keyValuePropTypeUtil},"html-tag":{component:Xe.HtmlTagControl,layout:"two-columns",propTypeUtil:r.stringPropTypeUtil},toggle:{component:Xe.ToggleControl,layout:"full",propTypeUtil:r.stringPropTypeUtil},"date-time":{component:Xe.DateTimeControl,layout:"full",propTypeUtil:r.DateTimePropTypeUtil},video:{component:Xe.VideoMediaControl,layout:"full",propTypeUtil:r.videoSrcPropTypeUtil},"inline-editing":{component:Xe.InlineEditingControl,layout:"full",propTypeUtil:r.htmlV3PropTypeUtil},email:{component:Xe.EmailFormActionControl,layout:"custom",propTypeUtil:r.emailPropTypeUtil},"date-range":{component:Xe.DateRangeControl,layout:"custom",propTypeUtil:r.dateRangePropTypeUtil},"time-range":{component:Xe.TimeRangeControl,layout:"custom",propTypeUtil:r.timeRangePropTypeUtil},"attachment-type":{component:Xe.AttachmentTypeControl,layout:"custom",propTypeUtil:r.stringPropTypeUtil}},Et=new class{constructor(e){this.controlsRegistry=e,this.controlsRegistry=e}get(e){return this.controlsRegistry[e]?.component}getLayout(e){return this.controlsRegistry[e]?.layout}getPropTypeUtil(e){return this.controlsRegistry[e]?.propTypeUtil}registry(){return this.controlsRegistry}register(e,t,n,l){if(this.controlsRegistry[e])throw new g({context:{controlType:e}});this.controlsRegistry[e]={component:t,layout:n,propTypeUtil:l}}unregister(e){if(!this.controlsRegistry[e])throw new b({context:{controlType:e}});delete this.controlsRegistry[e]}}(yt);function gt(){return gt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},gt.apply(null,arguments)}const bt=({props:e,type:t})=>{const l=Et.get(t),{element:r}=p();if(!l)throw new E({context:{controlType:t}});return n.createElement(l,gt({},e,{context:{elementId:r.id}}))},vt=({children:e,layout:t})=>"custom"===t?e:n.createElement(ht,{layout:t},e),ht=(0,O.styled)(O.Box,{shouldForwardProp:e=>!["layout"].includes(e)})(({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),..._t(e)})),_t=e=>({justifyContent:"space-between",...wt(e)}),wt=e=>"full"===e?{gridTemplateColumns:"minmax(0, 1fr)"}:"two-columns"===e?{alignItems:"center",gridTemplateColumns:"repeat(2, minmax(0, 1fr))"}:void 0;function St(e,t){const n={...t};return Object.keys(e).forEach(t=>{null===n[t]&&null!==e[t].default&&(n[t]=e[t].default)}),n}function Ct(e,t,n){const l=St(t,n),o=t[e],a=(0,r.isDependencyMet)(o?.dependencies,l),i=a.isMet?void 0:a.failingDependencies[0];return{isHidden:!!i&&!(0,r.isDependency)(i)&&"hide"===i?.effect,isDisabled:e=>!(0,r.isDependencyMet)(e?.dependencies,l).isMet}}function xt(e){return Object.values(e).flat().filter((e,t,n)=>n.indexOf(e)===t)}function Tt(e,t,n,l,o){return t.length?t.reduce((e,t)=>{const i=t.split("."),s={...l,...e},c=It(n,s,i);if(!c)return e;const u={previousValues:(0,r.isDependencyMet)(c.dependencies,l),newValues:(0,r.isDependencyMet)(c.dependencies,s)};if(!u.newValues.isMet){const n=function(e){const{failingDependencies:t,dependency:n,elementValues:l,defaultValue:o,elementId:i}=e,s=t.find(e=>"newValue"in e&&!!e.newValue),c=s?.newValue??null,u=(0,r.extractValue)(n.split("."),l,[],{unwrapOverridableLeaf:!1})??o;return function({path:e,elementId:t,value:n}){const l=`elementor/${t}`;if(zt({path:e,elementId:t}))return;const r=`${l}:${e}`;(0,a.setSessionStorageItem)(r,n)}({path:n,elementId:i,value:u}),c}({failingDependencies:u.newValues.failingDependencies,dependency:t,elementValues:s,defaultValue:c.default,elementId:o});return{...e,...Pt(i,n,s)}}if(!u.previousValues.isMet){const n=zt({path:t,elementId:o}),l=(0,r.extractValue)(i,s,[],{unwrapOverridableLeaf:!1});!function({path:e,elementId:t}){const n=`${`elementor/${t}`}:${e}`;(0,a.removeSessionStorageItem)(n)}({path:t,elementId:o});const u=(p=l,(m=n)&&(0,r.isOverridable)(m)===(0,r.isOverridable)(p)?n:c.default);return{...e,...Pt(i,u,s)}}var m,p;return e},{...e}):e}function It(e,t,n){if(!n.length)return null;const[l,...o]=n,a=e[l];return a?o.reduce((e,o,a)=>function(e){const{prop:t}=e;if(!t?.kind)return null;const{key:n,index:l,path:o,elementValues:a,basePropKey:i}=e;switch(t.kind){case"union":const e=(0,r.extractValue)(o.slice(0,l+1),a),s=e?.$$type??null;return It({[i]:t.prop_types?.[s]},a,o.slice(0,l+2));case"array":return t.item_prop_type;case"object":return t.shape[n]}return t[n]}({prop:e,key:o,index:a,path:n,elementValues:t,basePropKey:l}),a):null}function Pt(e,t,n){const l=e[0],r={...n};let o=r;for(let n=0;n<e.length;n++){const l=e[n];if(n===e.length-1){o[l]=Dt(o[l],t);break}const r=kt(o[l]);if(!r)break;o[l]=r.replacement,o=r.descended}return{[l]:r[l]??null}}function kt(e){if(!e)return null;if((0,r.isOverridable)(e)){const t=e.value.origin_value;if(!t||!(0,r.isTransformable)(t))return null;const n={...t.value};return{replacement:{...e,value:{...e.value,origin_value:{...t,value:n}}},descended:n}}if((0,r.isTransformable)(e)){const t={...e.value};return{replacement:{...e,value:t},descended:t}}return null}function Dt(e,t){return null===t?null:t&&(0,r.isOverridable)(t)?t:e&&(0,r.isOverridable)(e)&&t?(0,r.rewrapOverridableValue)(e,t):t}function zt({path:e,elementId:t}){const n=`elementor/${t}:${e}`;return(0,a.getSessionStorageItem)(n)??null}const Rt=({schema:e})=>({key:"",kind:"object",meta:{},settings:{},default:null,shape:e}),Lt=({bind:e,children:t,propDisplayName:r})=>{const{element:{id:o},elementType:{propsSchema:a,dependenciesPerTargetMapping:i={}},settings:s}=p(),c={[e]:s?.[e]??null},u=Rt({schema:a}),m=function({elementId:e,propDisplayName:t}){return(0,n.useMemo)(()=>(0,R.undoable)({do:t=>{const n=(0,l.getElementSettings)(e,Object.keys(t));return(0,l.updateElementSettings)({id:e,props:t,withHistory:!1}),(0,oe.setDocumentModifiedStatus)(!0),n},undo:({},t)=>{(0,l.updateElementSettings)({id:e,props:t,withHistory:!1})}},{title:(0,l.getElementLabel)(e),subtitle:(0,V.__)("%s edited","elementor").replace("%s",t),debounce:{wait:800}}),[e,t])}({elementId:o,propDisplayName:r}),{isDisabled:d,isHidden:f}=Ct(e,a,s);return f?null:n.createElement(Xe.PropProvider,{propType:u,value:c,setValue:(e,t={},n)=>{const{withHistory:r=!0}=n??{},c=xt(i),u=St(a,s),p=Tt(e,c,a,u,o);r?m(p):(0,l.updateElementSettings)({id:o,props:p,withHistory:!1})},isDisabled:d},n.createElement(Xe.PropKeyProvider,{bind:e},t))},Ot={settings:new Map,styles:new Map},Vt={SETTINGS:"settings",STYLES:"styles"},Bt=({fieldType:e,id:t,indicator:n,priority:l=10})=>{Ot[e].set(t,{id:t,indicator:n,priority:l})},Nt=e=>Array.from(Ot[e].values()).sort((e,t)=>e.priority-t.priority).map(({id:e,indicator:t})=>({id:e,Adornment:t})),Mt=({children:e})=>n.createElement(O.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},n.createElement(Xe.ControlFormLabel,null,e),n.createElement(Xe.ControlAdornments,null)),At=(0,O.styled)("span")`
	display: contents;
`,jt=({control:{value:e,type:t}})=>{if(!Et.get(e.type))return null;const l=e.meta?.layout||Et.getLayout(e.type),r=function(e){if(e.childControlType){const t=Et.get(e.childControlType),n=Et.getPropTypeUtil(e.childControlType);e={...e,childControlConfig:{component:t,props:e.childControlProps||{},propTypeUtil:n}}}return e}(e.props);return"custom"===l&&(r.label=e.label),"element-control"===t?n.createElement(Ut,{control:e,layout:l,controlProps:r}):n.createElement(Lt,{bind:e.bind,propDisplayName:e.label||e.bind},n.createElement(Ut,{control:e,layout:l,controlProps:r}))},Ut=({control:e,layout:t,controlProps:l})=>{const r=e.type;return n.createElement(Xe.ControlAdornmentsProvider,{items:Nt("settings")},e.meta?.topDivider&&n.createElement(O.Divider,null),n.createElement(At,{"data-type":"settings-field"},n.createElement(vt,{layout:t},e.label&&"custom"!==t?n.createElement(Mt,null,e.label):null,n.createElement(bt,{type:r,props:l}))))},$t=()=>{const{elementType:e,element:t}=p(),l=st();return n.createElement(a.SessionStorageProvider,{prefix:t.id},n.createElement(pt,null,e.controls.map((e,r)=>{if(Gt(e))return n.createElement(jt,{key:Ft(e,t),control:e});const{type:o,value:a}=e;return"section"===o?n.createElement(ft,{title:a.label,key:o+"."+r,defaultExpanded:(i=a.label,l.defaultSectionsExpanded.settings?.includes(i))},a.items?.map(e=>Gt(e)?n.createElement(jt,{key:Ft(e,t),control:e}):null)):null;var i})))};function Ft(e,t){return"control"===e.type?e.value.bind+"."+t.id:e.value.type+"."+t.id}function Gt(e){return"control"===e.type||"element-control"===e.type}var Wt=window.elementorV2.editorVariables;const Kt="normal",Ht=e=>e??Kt,Jt=e=>e??"desktop";function Yt(e,t){const n=function(e){const t={},n=(e,l)=>{const{id:r,children:o}=e;t[r]=l?[...l]:[],o?.forEach(e=>{n(e,[...t[r]??[],r])})};return n(e),t}(t),l={};return t=>{const{breakpoint:r,state:o}=t,a=Ht(o),i=Jt(r);if(l[i]?.[a])return l[i]?.[a]?.snapshot;const s=[...n[i],r];return s.forEach((t,n)=>{const r=n>0?s[n-1]:null;((t,n,r)=>{const o=Jt(t),a=Ht(r);l[o]||(l[o]={[Kt]:qt(e({breakpoint:t,state:null}),n,{},null)}),r&&!l[o]?.[a]&&(l[o][a]=qt(e({breakpoint:t,state:r}),n,l[o]??{},r))})(t,r?l[r]:void 0,o)}),l[i]?.[a]?.snapshot}}function qt(e,t,n,l){const o=function(e){const t={};return e.forEach(e=>{const{variant:{props:n}}=e;Object.entries(n).forEach(([n,l])=>{const o=(0,r.filterEmptyValues)(l),a=o?.$$type?.includes("variable")&&!(0,Wt.hasVariable)(o?.value)?null:o;if(null===a)return;t[n]||(t[n]=[]);const i={...e,value:a};t[n].push(i)})}),{snapshot:t,stateSpecificSnapshot:t}}(e);return l?{snapshot:Xt([o.snapshot,t?.[l]?.stateSpecificSnapshot,n[Kt]?.snapshot]),stateSpecificSnapshot:Xt([o.stateSpecificSnapshot,t?.[l]?.stateSpecificSnapshot])}:{snapshot:Xt([o.snapshot,t?.[Kt]?.snapshot]),stateSpecificSnapshot:void 0}}function Xt(e){const t={};return e.filter(Boolean).forEach(e=>Object.entries(e).forEach(([e,n])=>{t[e]||(t[e]=[]),t[e]=t[e].concat(n)})),t}function Zt(e,t,n){return e&&"object"==typeof e?function(e,t){return!!e&&(0,r.isTransformable)(t)&&e.key!==t.$$type}(n,e)?e:t.reduce((e,t)=>e?(0,r.isTransformable)(e)?e.value?.[t]??null:"object"==typeof e?e[t]??null:null:null,e):null}const Qt=(e,t)=>e&&"union"===e.kind?Object.values(e.prop_types).find(e=>!!t.reduce((e,t)=>{if("object"!==e?.kind)return null;const{shape:n}=e;return n[t]?n[t]:null},e))??null:null,en=(0,n.createContext)(null);function tn({children:e}){const t=on(),l=(0,je.getBreakpointsTree)(),{getSnapshot:o,getInheritanceChain:a}=function(e,t){const n=function(e){const t={};return e.forEach(e=>{const n=x(e.id)?.getKey()??null;e.variants.forEach(l=>{const{meta:r}=l,{state:o,breakpoint:a}=r,i=Jt(a),s=Ht(o);t[i]||(t[i]={});const c=t[i];c[s]||(c[s]=[]),c[s].push({style:e,variant:l,provider:n})})}),t}(e);return{getSnapshot:Yt(({breakpoint:e,state:t})=>n?.[Jt(e)]?.[Ht(t)]??[],t),getInheritanceChain:(e,t,n)=>{const[l,...o]=t;let a=e[l]??[];if(o.length>0){const e=Qt(n,o);a=a.map(({value:t,...n})=>({...n,value:Zt(t,o,e)})).filter(({value:e})=>!(0,r.isEmpty)(e))}return a}}}(t,l);return n.createElement(en.Provider,{value:{getSnapshot:o,getInheritanceChain:a}},e)}function nn(){const e=(0,n.useContext)(en),{meta:t}=C();if(!e)throw new Error("useStylesInheritanceSnapshot must be used within a StyleInheritanceProvider");return t?e.getSnapshot(t)??null:null}function ln(e){const t=(0,n.useContext)(en);if(!t)throw new Error("useStylesInheritanceChain must be used within a StyleInheritanceProvider");const l=(0,ee.getStylesSchema)(),r=l?.[e[0]],o=nn();return o?t.getInheritanceChain(o,e,r):[]}const rn={},on=()=>{const e=c(),t=an();Ue();const n=d(e),l=r.classesPropTypeUtil.extract(n)??[];return f.stylesRepository.all().filter(e=>[...t,...l].includes(e.id))},an=()=>{const{elementType:e}=p(),t=(0,l.getWidgetsCache)(),n=t?.[e.key];return Object.keys(n?.base_styles??{})};function sn(e,t){const{values:n,setValues:l,canEdit:r}=Fe([e]);return{value:n?.[e]??null,setValue:n=>{l({[e]:n},t)},canEdit:r}}const cn=({children:e})=>{const{propType:t,value:l,resetValue:o}=(0,Xe.useBoundProp)(),a=function(e){return e?.dependencies?.terms.length?e.dependencies.terms.flatMap(e=>(0,r.isDependency)(e)?[]:e.path):[]}(t),{values:i,setValues:s}=Fe(a),c=function(e){const t=nn();return(0,n.useMemo)(()=>t&&0!==e.length?Object.fromEntries(e.map(e=>[e,t[e]?.[0]?.value??null])):rn,[t,e])}(a),u=function(e,t){return e?Object.fromEntries(Object.entries(e).map(([e,n])=>[e,n??t[e]??null])):Object.keys(t).length>0?{...t}:null}(i,c),m=!(0,r.isDependencyMet)(t?.dependencies,u).isMet;return function({isHidden:e,depValues:t,value:l,inheritedValues:r,setDepValues:o,resetValue:a}){const i=(0,n.useRef)({hasSynced:!1,prevDepValues:t});(0,n.useEffect)(()=>{const{hasSynced:n,prevDepValues:s}=i.current;(n&&l&&function(e,t){return!!e&&Object.keys(e).some(n=>e[n]&&(!t||!t[n]))}(s,t)||e&&t&&l)&&a(),!e&&l&&t?n?i.current.prevDepValues=t:(i.current={hasSynced:!0,prevDepValues:t},Object.entries(t).forEach(([e,t])=>{const n=r[e];!t&&n&&o({[e]:n},{history:{propDisplayName:e}})})):i.current={hasSynced:!1,prevDepValues:t}},[e,t,l,r,o,a])}({isHidden:m,depValues:i,value:l,inheritedValues:c,setDepValues:s,resetValue:o}),m?null:e},un=["block-start","block-end","inline-start","inline-end"];function mn(e,t){const n=e[t];if(!n)return;const l=n.value;if(!r.dimensionsPropTypeUtil.isValid(l))return l;const o=r.dimensionsPropTypeUtil.extract(l);if(un.every(e=>null!=o?.[e]))return l;const a={};un.forEach(e=>{null!=o?.[e]&&(a[e]=o[e])});for(let n=t+1;n<e.length;n++){const t=e[n].value;if(r.sizePropTypeUtil.isValid(t)){un.forEach(e=>{null!==a[e]&&void 0!==a[e]||(a[e]=t)});break}if(r.dimensionsPropTypeUtil.isValid(t)){const e=r.dimensionsPropTypeUtil.extract(t);un.forEach(t=>{null!==a[t]&&void 0!==a[t]||null==e?.[t]||(a[t]=e[t])})}if(un.every(e=>null!==a[e]&&void 0!==a[e]))break}return r.dimensionsPropTypeUtil.create({"block-start":a["block-start"]??null,"block-end":a["block-end"]??null,"inline-start":a["inline-start"]??null,"inline-end":a["inline-end"]??null})}const pn=({bind:e,propDisplayName:t,children:l})=>{const r=(0,ee.getStylesSchema)(),o=ln([e]),{value:a,canEdit:i,...s}=sn(e,{history:{propDisplayName:t}}),c=Rt({schema:r}),u=a?1:0,m={[e]:mn(o,u)};return n.createElement(Xe.ControlAdornmentsProvider,{items:Nt("styles")},n.createElement(Xe.PropProvider,{propType:c,value:{[e]:a},setValue:t=>{s.setValue(t[e])},placeholder:m,isDisabled:()=>!i},n.createElement(Xe.PropKeyProvider,{bind:e},n.createElement(cn,null,l))))},dn=({gap:e=2,sx:t,children:l,"aria-label":r,className:o})=>n.createElement(O.Stack,{gap:e,sx:{...t},"aria-label":r,className:o},l),fn=(0,V.__)("Background","elementor"),yn=()=>n.createElement(dn,null,n.createElement(pn,{bind:"background",propDisplayName:fn},n.createElement(Xe.BackgroundControl,null))),En=n.forwardRef((e,t)=>{const{direction:l="row",children:r,label:o}=e,a="row"===l?gn:bn;return n.createElement(a,{label:o,ref:t,children:r})}),gn=n.forwardRef(({label:e,children:t},l)=>n.createElement(O.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:l,"aria-label":`${e} control`},n.createElement(O.Grid,{item:!0,xs:6},n.createElement(Mt,null,e)),n.createElement(O.Grid,{item:!0,xs:6,sx:e=>({width:`calc(50% - ${e.spacing(2)})`})},t))),bn=n.forwardRef(({label:e,children:t},l)=>n.createElement(O.Stack,{gap:.75,ref:l},n.createElement(Mt,null,e),t)),vn=(0,V.__)("Border color","elementor"),hn=()=>n.createElement(pn,{bind:"border-color",propDisplayName:vn},n.createElement(En,{label:vn},n.createElement(Xe.ColorControl,null)));function _n(){const e="rtl"===(0,O.useTheme)().direction;return{isSiteRtl:!!(0,R.getElementorFrontendConfig)()?.is_rtl,isUiRtl:e}}const wn=({children:e})=>{const{isSiteRtl:t}=_n();return n.createElement(O.DirectionProvider,{rtl:t},n.createElement(O.ThemeProvider,null,e))},Sn=(0,V.__)("Border radius","elementor"),Cn=(0,O.withDirection)(L.RadiusTopLeftIcon),xn=(0,O.withDirection)(L.RadiusTopRightIcon),Tn=(0,O.withDirection)(L.RadiusBottomLeftIcon),In=(0,O.withDirection)(L.RadiusBottomRightIcon),Pn=e=>e?(0,V.__)("Top right","elementor"):(0,V.__)("Top left","elementor"),kn=e=>e?(0,V.__)("Border top right radius","elementor"):(0,V.__)("Border top left radius","elementor"),Dn=e=>e?(0,V.__)("Top left","elementor"):(0,V.__)("Top right","elementor"),zn=e=>e?(0,V.__)("Border top left radius","elementor"):(0,V.__)("Border top right radius","elementor"),Rn=e=>e?(0,V.__)("Bottom right","elementor"):(0,V.__)("Bottom left","elementor"),Ln=e=>e?(0,V.__)("Border bottom right radius","elementor"):(0,V.__)("Border bottom left radius","elementor"),On=e=>e?(0,V.__)("Bottom left","elementor"):(0,V.__)("Bottom right","elementor"),Vn=e=>e?(0,V.__)("Border bottom left radius","elementor"):(0,V.__)("Border bottom right radius","elementor"),Bn=e=>[{label:Pn(e),ariaLabel:kn(e),icon:n.createElement(Cn,{fontSize:"tiny"}),bind:"start-start"},{label:Dn(e),ariaLabel:zn(e),icon:n.createElement(xn,{fontSize:"tiny"}),bind:"start-end"},{label:Rn(e),ariaLabel:Ln(e),icon:n.createElement(Tn,{fontSize:"tiny"}),bind:"end-start"},{label:On(e),ariaLabel:Vn(e),icon:n.createElement(In,{fontSize:"tiny"}),bind:"end-end"}],Nn=()=>{const{isSiteRtl:e}=_n();return n.createElement(wn,null,n.createElement(pn,{bind:"border-radius",propDisplayName:Sn},n.createElement(Xe.EqualUnequalSizesControl,{items:Bn(e),label:Sn,icon:n.createElement(L.BorderCornersIcon,{fontSize:"tiny"}),tooltipLabel:(0,V.__)("Adjust corners","elementor"),multiSizePropTypeUtil:r.borderRadiusPropTypeUtil})))},Mn=(0,V.__)("Border type","elementor"),An=[{value:"none",label:(0,V.__)("None","elementor")},{value:"solid",label:(0,V.__)("Solid","elementor")},{value:"dashed",label:(0,V.__)("Dashed","elementor")},{value:"dotted",label:(0,V.__)("Dotted","elementor")},{value:"double",label:(0,V.__)("Double","elementor")},{value:"groove",label:(0,V.__)("Groove","elementor")},{value:"ridge",label:(0,V.__)("Ridge","elementor")},{value:"inset",label:(0,V.__)("Inset","elementor")},{value:"outset",label:(0,V.__)("Outset","elementor")}],jn=()=>n.createElement(pn,{bind:"border-style",propDisplayName:Mn},n.createElement(En,{label:Mn},n.createElement(Xe.SelectControl,{options:An}))),Un=(0,V.__)("Border width","elementor"),$n=(0,O.withDirection)(L.SideRightIcon),Fn=(0,O.withDirection)(L.SideLeftIcon),Gn=e=>[{label:(0,V.__)("Top","elementor"),ariaLabel:(0,V.__)("Border top width","elementor"),icon:n.createElement(L.SideTopIcon,{fontSize:"tiny"}),bind:"block-start"},{label:e?(0,V.__)("Left","elementor"):(0,V.__)("Right","elementor"),ariaLabel:e?(0,V.__)("Border left width","elementor"):(0,V.__)("Border right width","elementor"),icon:n.createElement($n,{fontSize:"tiny"}),bind:"inline-end"},{label:(0,V.__)("Bottom","elementor"),ariaLabel:(0,V.__)("Border bottom width","elementor"),icon:n.createElement(L.SideBottomIcon,{fontSize:"tiny"}),bind:"block-end"},{label:e?(0,V.__)("Right","elementor"):(0,V.__)("Left","elementor"),ariaLabel:e?(0,V.__)("Border right width","elementor"):(0,V.__)("Border left width","elementor"),icon:n.createElement(Fn,{fontSize:"tiny"}),bind:"inline-start"}],Wn=()=>{const{isSiteRtl:e}=_n();return n.createElement(pn,{bind:"border-width",propDisplayName:Un},n.createElement(Xe.EqualUnequalSizesControl,{items:Gn(e),label:Un,icon:n.createElement(L.SideAllIcon,{fontSize:"tiny"}),tooltipLabel:(0,V.__)("Adjust borders","elementor"),multiSizePropTypeUtil:r.borderWidthPropTypeUtil}))},Kn=()=>n.createElement(dn,null,n.createElement(Wn,null),n.createElement(hn,null),n.createElement(jn,null),n.createElement(Nn,null));var Hn=window.elementorV2.editorCanvas;const Jn=()=>n.createElement(O.Divider,{sx:{my:.5}}),Yn=(0,V.__)("Blend mode","elementor"),qn=[{label:(0,V.__)("Normal","elementor"),value:"normal"},{label:(0,V.__)("Multiply","elementor"),value:"multiply"},{label:(0,V.__)("Screen","elementor"),value:"screen"},{label:(0,V.__)("Overlay","elementor"),value:"overlay"},{label:(0,V.__)("Darken","elementor"),value:"darken"},{label:(0,V.__)("Lighten","elementor"),value:"lighten"},{label:(0,V.__)("Color dodge","elementor"),value:"color-dodge"},{label:(0,V.__)("Color burn","elementor"),value:"color-burn"},{label:(0,V.__)("Saturation","elementor"),value:"saturation"},{label:(0,V.__)("Color","elementor"),value:"color"},{label:(0,V.__)("Difference","elementor"),value:"difference"},{label:(0,V.__)("Exclusion","elementor"),value:"exclusion"},{label:(0,V.__)("Hue","elementor"),value:"hue"},{label:(0,V.__)("Luminosity","elementor"),value:"luminosity"},{label:(0,V.__)("Soft light","elementor"),value:"soft-light"},{label:(0,V.__)("Hard light","elementor"),value:"hard-light"}],Xn=()=>n.createElement(pn,{bind:"mix-blend-mode",propDisplayName:Yn},n.createElement(En,{label:Yn},n.createElement(Xe.SelectControl,{options:qn}))),Zn=(0,V.__)("Opacity","elementor"),Qn=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"opacity",propDisplayName:Zn},n.createElement(En,{ref:e,label:Zn},n.createElement(Xe.SizeControl,{units:["%"],anchorRef:e,defaultUnit:"%"})))},el=(0,V.__)("Box shadow","elementor"),tl=(0,V.__)("Filters","elementor"),nl=(0,V.__)("Transform","elementor"),ll=(0,V.__)("Backdrop filters","elementor"),rl=(0,V.__)("Transitions","elementor"),ol=()=>{const{element:e}=p(),{meta:t}=C(),r=(e=>{const t=(0,l.getContainer)(e);return!!t&&"widget"!==t.model.get("elType")})(e?.id??"");return n.createElement(dn,{gap:1},n.createElement(Xn,null),n.createElement(Jn,null),n.createElement(Qn,null),n.createElement(Jn,null),n.createElement(pn,{bind:"box-shadow",propDisplayName:el},n.createElement(Xe.BoxShadowRepeaterControl,null)),n.createElement(Jn,null),n.createElement(pn,{bind:"transform",propDisplayName:nl},n.createElement(Xe.TransformRepeaterControl,{showChildrenPerspective:r})),n.createElement(Jn,null),n.createElement(pn,{bind:"transition",propDisplayName:rl},n.createElement(Xe.TransitionRepeaterControl,{currentStyleState:t.state,recentlyUsedListGetter:()=>(async e=>{if(!e)return[];const t=(0,Hn.createPropsResolver)({transformers:Hn.styleTransformersRegistry,schema:(0,ee.getStylesSchema)()}),n=(0,l.getElementStyles)(e)??{},r=Object.keys(n??{}).map(e=>n?.[e]?.variants??[]),o=await Promise.all(r.flat().map(async e=>{const n=await t({props:e.props??{},schema:(0,ee.getStylesSchema)()});return Object.entries(n).filter(([,e])=>null!==e).map(([e])=>e)})),a=new Set(o.flat());return Array.from(a)})(e?.id??"")})),n.createElement(Jn,null),n.createElement(pn,{bind:"filter",propDisplayName:tl},n.createElement(Xe.FilterRepeaterControl,null)),n.createElement(Jn,null),n.createElement(pn,{bind:"backdrop-filter",propDisplayName:ll},n.createElement(Xe.FilterRepeaterControl,{filterPropName:"backdrop-filter"})))},al=(0,V.__)("Flex direction","elementor"),il={row:0,column:90,"row-reverse":180,"column-reverse":270},sl={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},cl=({icon:e,size:t,isClockwise:l=!0,offset:r=0,disableRotationForReversed:o=!1})=>{const a=(0,n.useRef)(ul(l,r,o));return a.current=ul(l,r,o,a),n.createElement(e,{fontSize:t,sx:{transition:".3s",rotate:`${a.current}deg`}})},ul=(e,t,n,l)=>{const{value:r}=sn("flex-direction",{history:{propDisplayName:al}}),o="rtl"===(0,O.useTheme)().direction?-1:1,a=e?il:sl,i=r?.value||"row",s=l?l.current*o:a[i]+t,c=((a[i]+t-s+360)%360+180)%360-180;return n&&["row-reverse","column-reverse"].includes(i)?0:(s+c)*o};function ml(){return ml=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},ml.apply(null,arguments)}const pl=(0,V.__)("Align content","elementor"),dl=(0,O.withDirection)(L.JustifyTopIcon),fl=(0,O.withDirection)(L.JustifyBottomIcon),yl={isClockwise:!1,offset:0,disableRotationForReversed:!0},El=[{value:"start",label:(0,V.__)("Start","elementor"),renderContent:({size:e})=>n.createElement(cl,ml({icon:dl,size:e},yl)),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:e})=>n.createElement(cl,ml({icon:L.JustifyCenterIcon,size:e},yl)),showTooltip:!0},{value:"end",label:(0,V.__)("End","elementor"),renderContent:({size:e})=>n.createElement(cl,ml({icon:fl,size:e},yl)),showTooltip:!0},{value:"space-between",label:(0,V.__)("Space between","elementor"),renderContent:({size:e})=>n.createElement(cl,ml({icon:L.JustifySpaceBetweenVerticalIcon,size:e},yl)),showTooltip:!0},{value:"space-around",label:(0,V.__)("Space around","elementor"),renderContent:({size:e})=>n.createElement(cl,ml({icon:L.JustifySpaceAroundVerticalIcon,size:e},yl)),showTooltip:!0},{value:"space-evenly",label:(0,V.__)("Space evenly","elementor"),renderContent:({size:e})=>n.createElement(cl,ml({icon:L.JustifyDistributeVerticalIcon,size:e},yl)),showTooltip:!0}],gl=()=>n.createElement(pn,{bind:"align-content",propDisplayName:pl},n.createElement(wn,null,n.createElement(En,{label:pl,direction:"column"},n.createElement(Xe.ToggleControl,{options:El,fullWidth:!0}))));function bl(){return bl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},bl.apply(null,arguments)}const vl=(0,V.__)("Align items","elementor"),hl=(0,O.withDirection)(L.LayoutAlignLeftIcon),_l=(0,O.withDirection)(L.LayoutAlignRightIcon),wl={isClockwise:!1,offset:90},Sl=[{value:"start",label:(0,V.__)("Start","elementor"),renderContent:({size:e})=>n.createElement(cl,bl({icon:hl,size:e},wl)),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:e})=>n.createElement(cl,bl({icon:L.LayoutAlignCenterIcon,size:e},wl)),showTooltip:!0},{value:"end",label:(0,V.__)("End","elementor"),renderContent:({size:e})=>n.createElement(cl,bl({icon:_l,size:e},wl)),showTooltip:!0},{value:"stretch",label:(0,V.__)("Stretch","elementor"),renderContent:({size:e})=>n.createElement(cl,bl({icon:L.LayoutDistributeVerticalIcon,size:e},wl)),showTooltip:!0}],Cl=()=>n.createElement(wn,null,n.createElement(pn,{bind:"align-items",propDisplayName:vl},n.createElement(En,{label:vl},n.createElement(Xe.ToggleControl,{options:Sl}))));function xl(){return xl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},xl.apply(null,arguments)}const Tl=(0,V.__)("Align self","elementor"),Il={row:90,"row-reverse":90,column:0,"column-reverse":0},Pl=(0,O.withDirection)(L.LayoutAlignLeftIcon),kl=(0,O.withDirection)(L.LayoutAlignRightIcon),Dl={isClockwise:!1},zl=e=>[{value:"start",label:(0,V.__)("Start","elementor"),renderContent:({size:t})=>n.createElement(cl,xl({icon:Pl,size:t,offset:Il[e]},Dl)),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:t})=>n.createElement(cl,xl({icon:L.LayoutAlignCenterIcon,size:t,offset:Il[e]},Dl)),showTooltip:!0},{value:"end",label:(0,V.__)("End","elementor"),renderContent:({size:t})=>n.createElement(cl,xl({icon:kl,size:t,offset:Il[e]},Dl)),showTooltip:!0},{value:"stretch",label:(0,V.__)("Stretch","elementor"),renderContent:({size:t})=>n.createElement(cl,xl({icon:L.LayoutDistributeVerticalIcon,size:t,offset:Il[e]},Dl)),showTooltip:!0}],Rl=({parentStyleDirection:e})=>n.createElement(pn,{bind:"align-self",propDisplayName:Tl},n.createElement(wn,null,n.createElement(En,{label:Tl},n.createElement(Xe.ToggleControl,{options:zl(e)})))),Ll=(0,V.__)("Align self","elementor"),Ol={row:0,column:-90},Vl=({parentStyleDirection:e})=>n.createElement(pn,{bind:"align-self",propDisplayName:Ll},n.createElement(wn,null,n.createElement(En,{label:Ll},n.createElement(Xe.ToggleControl,{options:Nl(e??"row")})))),Bl=({icon:e,size:t,offset:l})=>n.createElement(e,{fontSize:t,sx:{rotate:`${l}deg`}}),Nl=e=>{const t=Ol[e.replace("dense","").trim()];return[{value:"start",label:(0,V.__)("Start","elementor"),renderContent:({size:e})=>n.createElement(Bl,{icon:L.JustifyTopIcon,size:e,offset:t}),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:e})=>n.createElement(Bl,{icon:L.JustifyCenterIcon,size:e,offset:t}),showTooltip:!0},{value:"end",label:(0,V.__)("End","elementor"),renderContent:({size:e})=>n.createElement(Bl,{icon:L.JustifyBottomIcon,size:e,offset:t}),showTooltip:!0},{value:"stretch",label:(0,V.__)("Stretch","elementor"),renderContent:({size:e})=>n.createElement(Bl,{icon:L.LayoutDistributeVerticalIcon,size:e,offset:t}),showTooltip:!0}]},Ml=(0,V.__)("Display","elementor"),Al=[{value:"block",renderContent:()=>(0,V.__)("Block","elementor"),label:(0,V.__)("Block","elementor"),showTooltip:!0},{value:"flex",renderContent:()=>(0,V.__)("Flex","elementor"),label:(0,V.__)("Flex","elementor"),showTooltip:!0},{value:"grid",renderContent:()=>(0,V.__)("Grid","elementor"),label:(0,V.__)("Grid","elementor"),showTooltip:!0},{value:"inline-block",renderContent:()=>(0,V.__)("In-blk","elementor"),label:(0,V.__)("Inline-block","elementor"),showTooltip:!0},{value:"inline-flex",renderContent:()=>(0,V.__)("In-flx","elementor"),label:(0,V.__)("Inline-flex","elementor"),showTooltip:!0},{value:"none",renderContent:()=>(0,V.__)("None","elementor"),label:(0,V.__)("None","elementor"),showTooltip:!0}],jl=()=>{const e=Ul(),t=(0,R.isExperimentActive)("e_css_grid"),l=(0,n.useMemo)(()=>t?Al:Al.filter(e=>"grid"!==e.value),[t]);return n.createElement(pn,{bind:"display",propDisplayName:Ml,placeholder:e},n.createElement(En,{label:Ml,direction:"column"},n.createElement(Xe.ToggleControl,{options:l,maxItems:4,fullWidth:!0})))},Ul=()=>ln(["display"])[0]?.value??void 0,$l=(0,V.__)("Direction","elementor"),Fl=[{value:"row",label:(0,V.__)("Row","elementor"),renderContent:({size:e})=>{const t=(0,O.withDirection)(L.ArrowRightIcon);return n.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,V.__)("Column","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,V.__)("Reversed row","elementor"),renderContent:({size:e})=>{const t=(0,O.withDirection)(L.ArrowLeftIcon);return n.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,V.__)("Reversed column","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],Gl=()=>n.createElement(pn,{bind:"flex-direction",propDisplayName:$l},n.createElement(wn,null,n.createElement(En,{label:$l},n.createElement(Xe.ToggleControl,{options:Fl})))),Wl=(0,V.__)("Order","elementor"),Kl=-99999,Hl="first",Jl="last",Yl="custom",ql={[Hl]:Kl,[Jl]:99999},Xl=[{value:Hl,label:(0,V.__)("First","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:Jl,label:(0,V.__)("Last","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:Yl,label:(0,V.__)("Custom","elementor"),renderContent:({size:e})=>n.createElement(L.PencilIcon,{fontSize:e}),showTooltip:!0}],Zl=()=>n.createElement(pn,{bind:"order",propDisplayName:Wl},n.createElement(wn,null,n.createElement(dn,null,n.createElement(Ql,null))));function Ql(){const{value:e,setValue:t,canEdit:l}=sn("order",{history:{propDisplayName:Wl}}),{placeholder:r}=(0,Xe.useBoundProp)(),o=r,a=(0,n.useMemo)(()=>er(e?.value??null),[e]),[i,s]=(0,n.useState)(a),[c,u]=(0,n.useState)(!1);(0,n.useEffect)(()=>{c||s(a)},[a,c]),(0,n.useEffect)(()=>{null===e&&u(!1)},[e]);const m=er(o?.value??null),p=Yl===i||Yl===m,d=Yl===m?String(o?.value??null):"";return n.createElement(n.Fragment,null,n.createElement(En,{label:Wl},n.createElement(Xe.ControlToggleButtonGroup,{items:Xl,value:i,onChange:e=>{s(e),u(e===Yl),t(Yl!==e?Hl!==e&&Jl!==e?null:{$$type:"number",value:ql[e]}:{$$type:"number",value:null})},exclusive:!0,placeholder:m,disabled:!l})),p&&n.createElement(O.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},n.createElement(O.Grid,{item:!0,xs:6},n.createElement(Mt,null,(0,V.__)("Custom order","elementor"))),n.createElement(O.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},n.createElement(Xe.NumberControl,{min:-99998,max:99998,shouldForceInt:!0,placeholder:d}))))}const er=e=>99999===e?Jl:Kl===e?Hl:null!==e?Yl:null,tr=(0,V.__)("Flex Size","elementor"),nr=[{value:"flex-grow",label:(0,V.__)("Grow","elementor"),renderContent:({size:e})=>n.createElement(L.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,V.__)("Shrink","elementor"),renderContent:({size:e})=>n.createElement(L.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,V.__)("Custom","elementor"),renderContent:({size:e})=>n.createElement(L.PencilIcon,{fontSize:e}),showTooltip:!0}],lr=()=>n.createElement(wn,null,n.createElement(dn,null,n.createElement(pn,{bind:"flex",propDisplayName:tr},n.createElement(rr,null)))),rr=()=>{const{value:e,setValue:t,canEdit:l}=sn("flex",{history:{propDisplayName:tr}}),{placeholder:r}=(0,Xe.useBoundProp)(),o=or(e),a=(0,n.useMemo)(()=>sr(o),[o]),[i,s]=(0,n.useState)(a),[c,u]=(0,n.useState)(!1);(0,n.useEffect)(()=>{c||s(a)},[a,c]),(0,n.useEffect)(()=>{null===e&&u(!1)},[e]);const m=sr(or(r)),p="custom"===i||"custom"===m;return n.createElement(n.Fragment,null,n.createElement(En,{label:tr},n.createElement(Xe.ControlToggleButtonGroup,{value:i??null,placeholder:m??null,onChange:(n=null)=>{s(n),u("custom"===n);const l=ar(n,e);t(l)},disabled:!l,items:nr,exclusive:!0})),p&&n.createElement(ir,null))};function or(e){return{grow:e?.value?.flexGrow?.value??null,shrink:e?.value?.flexShrink?.value??null,basis:e?.value?.flexBasis?.value??null}}const ar=(e,t)=>e?"flex-grow"===e?r.flexPropTypeUtil.create({flexGrow:r.numberPropTypeUtil.create(1),flexShrink:r.numberPropTypeUtil.create(0),flexBasis:r.sizePropTypeUtil.create({unit:"auto",size:""})}):"flex-shrink"===e?r.flexPropTypeUtil.create({flexGrow:r.numberPropTypeUtil.create(0),flexShrink:r.numberPropTypeUtil.create(1),flexBasis:r.sizePropTypeUtil.create({unit:"auto",size:""})}):"custom"===e?t||r.flexPropTypeUtil.create({flexGrow:null,flexShrink:null,flexBasis:null}):null:null,ir=()=>{const e=(0,n.useRef)(null),t=(0,Xe.useBoundProp)(r.flexPropTypeUtil);return n.createElement(Xe.PropProvider,t,n.createElement(n.Fragment,null,n.createElement(En,{label:(0,V.__)("Grow","elementor")},n.createElement(Xe.PropKeyProvider,{bind:"flexGrow"},n.createElement(Xe.NumberControl,{min:0,shouldForceInt:!0}))),n.createElement(En,{label:(0,V.__)("Shrink","elementor")},n.createElement(Xe.PropKeyProvider,{bind:"flexShrink"},n.createElement(Xe.NumberControl,{min:0,shouldForceInt:!0}))),n.createElement(En,{label:(0,V.__)("Basis","elementor"),ref:e},n.createElement(Xe.PropKeyProvider,{bind:"flexBasis"},n.createElement(Xe.SizeControl,{extendedOptions:["auto"],anchorRef:e})))))},sr=({grow:e,shrink:t,basis:n})=>{if(null===e&&null===t&&!n)return null;const l=null===n||"object"==typeof n&&"auto"===n.unit;return n&&!l?"custom":1!==e||null!==t&&0!==t||!l?1!==t||null!==e&&0!==e||!l?"custom":"flex-shrink":"flex-grow"},cr=(0,V.__)("Gaps","elementor"),ur=()=>n.createElement(pn,{bind:"gap",propDisplayName:cr},n.createElement(Xe.GapControl,{label:cr})),mr=(0,V.__)("Auto flow","elementor"),pr=(0,V.__)("Dense","elementor"),dr=(0,O.withDirection)(L.ArrowRightIcon),fr=[{value:"row",label:(0,V.__)("Row","elementor"),renderContent:({size:e})=>n.createElement(dr,{fontSize:e}),showTooltip:!0},{value:"column",label:(0,V.__)("Column","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0}],yr=(e,t)=>t?`${e} dense`:e,Er=()=>{const{value:e,setValue:t}=sn("grid-auto-flow",{history:{propDisplayName:mr}}),{direction:l,dense:r}=(e=>{if(!e)return{direction:"row",dense:!1};const t=e.includes("dense");return{direction:e.replace(/\s*dense\s*/,"").trim()||"row",dense:t}})(e?.value??null);return n.createElement(En,{label:mr},n.createElement(O.Grid,{container:!0,gap:1,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end"},n.createElement(O.Grid,{item:!0,sx:{width:64,maxWidth:"100%"}},n.createElement(Xe.ControlToggleButtonGroup,{items:fr,value:l,onChange:e=>{e&&t({$$type:"string",value:yr(e,r)})},exclusive:!0,fullWidth:!0})),n.createElement(O.Grid,{item:!0},n.createElement(O.Tooltip,{title:pr},n.createElement(O.ToggleButton,{value:"dense",selected:r,onChange:()=>{t({$$type:"string",value:yr(l,!r)})},size:"tiny","aria-label":pr},n.createElement(L.LayoutDashboardIcon,{fontSize:"tiny"}))))))},gr=()=>n.createElement(pn,{bind:"grid-auto-flow",propDisplayName:mr},n.createElement(wn,null,n.createElement(Er,null))),br=(0,V.__)("Justify items","elementor"),vr=(0,O.withDirection)(L.LayoutAlignLeftIcon),hr=(0,O.withDirection)(L.LayoutAlignRightIcon),_r=[{value:"start",label:(0,V.__)("Start","elementor"),renderContent:({size:e})=>n.createElement(vr,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:e})=>n.createElement(L.LayoutAlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,V.__)("End","elementor"),renderContent:({size:e})=>n.createElement(hr,{fontSize:e}),showTooltip:!0},{value:"stretch",label:(0,V.__)("Stretch","elementor"),renderContent:({size:e})=>n.createElement(L.LayoutDistributeVerticalIcon,{fontSize:e}),showTooltip:!0}],wr=()=>n.createElement(pn,{bind:"justify-items",propDisplayName:br},n.createElement(wn,null,n.createElement(En,{label:br},n.createElement(Xe.ToggleControl,{options:_r})))),Sr="fr",Cr="custom",xr=[Sr,Cr],Tr=/^repeat\(\s*(\d+)\s*,\s*1fr\s*\)$/,Ir=({cssProp:e,label:t})=>n.createElement(pn,{bind:e,propDisplayName:t},n.createElement(Pr,{cssProp:e,label:t})),Pr=({cssProp:e,label:t})=>{const{value:l,setValue:r}=sn(e,{history:{propDisplayName:t}}),o=(0,n.useRef)(null),a=(e=>{if(!e)return null;const t=e.match(Tr);return t?{size:parseInt(t[1],10),unit:Sr}:{size:e,unit:Cr}})(l?.value??null);return n.createElement(En,{label:t,direction:"column"},n.createElement("div",{ref:o},n.createElement(Xe.SizeComponent,{units:xr,value:a??{size:NaN,unit:Sr},defaultUnit:Sr,setValue:e=>{const t=(e=>e&&""!==e.size&&null!==e.size?e.unit===Sr?`repeat(${e.size}, 1fr)`:String(e.size):null)(e);r(t?{$$type:"string",value:t}:null)},onBlur:()=>{},min:1,anchorRef:o})))},kr=()=>n.createElement(O.Grid,{container:!0,gap:2,flexWrap:"nowrap"},n.createElement(O.Grid,{item:!0,xs:6},n.createElement(Ir,{cssProp:"grid-template-columns",label:(0,V.__)("Columns","elementor")})),n.createElement(O.Grid,{item:!0,xs:6},n.createElement(Ir,{cssProp:"grid-template-rows",label:(0,V.__)("Rows","elementor")}))),Dr=({cssProp:e,label:t})=>{const{value:l,setValue:r,canEdit:o}=sn(e,{history:{propDisplayName:t}}),a=l?.value??null;return n.createElement(En,{label:t,direction:"column"},n.createElement(Xe.NumberInput,{size:"tiny",type:"number",fullWidth:!0,disabled:!o,value:a??"",onInput:e=>{const t=e.target.value;if(""===t)return void r(null);const n=parseInt(t,10);if(Number.isNaN(n))return;const l=Math.max(n,1);r({$$type:"span",value:l})},inputProps:{min:1}}))},zr=({cssProp:e,label:t})=>n.createElement(pn,{bind:e,propDisplayName:t},n.createElement(wn,null,n.createElement(Dr,{cssProp:e,label:t}))),Rr=()=>n.createElement(O.Grid,{container:!0,gap:2,flexWrap:"nowrap"},n.createElement(O.Grid,{item:!0,xs:6},n.createElement(zr,{cssProp:"grid-column",label:(0,V.__)("Column Span","elementor")})),n.createElement(O.Grid,{item:!0,xs:6},n.createElement(zr,{cssProp:"grid-row",label:(0,V.__)("Row Span","elementor")})));function Lr(){return Lr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Lr.apply(null,arguments)}const Or=(0,V.__)("Justify content","elementor"),Vr=(0,O.withDirection)(L.JustifyTopIcon),Br=(0,O.withDirection)(L.JustifyBottomIcon),Nr={isClockwise:!0,offset:-90},Mr=[{value:"flex-start",label:(0,V.__)("Start","elementor"),renderContent:({size:e})=>n.createElement(cl,Lr({icon:Vr,size:e},Nr)),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:e})=>n.createElement(cl,Lr({icon:L.JustifyCenterIcon,size:e},Nr)),showTooltip:!0},{value:"flex-end",label:(0,V.__)("End","elementor"),renderContent:({size:e})=>n.createElement(cl,Lr({icon:Br,size:e},Nr)),showTooltip:!0},{value:"space-between",label:(0,V.__)("Space between","elementor"),renderContent:({size:e})=>n.createElement(cl,Lr({icon:L.JustifySpaceBetweenVerticalIcon,size:e},Nr)),showTooltip:!0},{value:"space-around",label:(0,V.__)("Space around","elementor"),renderContent:({size:e})=>n.createElement(cl,Lr({icon:L.JustifySpaceAroundVerticalIcon,size:e},Nr)),showTooltip:!0},{value:"space-evenly",label:(0,V.__)("Space evenly","elementor"),renderContent:({size:e})=>n.createElement(cl,Lr({icon:L.JustifyDistributeVerticalIcon,size:e},Nr)),showTooltip:!0}],Ar=()=>n.createElement(pn,{bind:"justify-content",propDisplayName:Or},n.createElement(wn,null,n.createElement(En,{label:Or,direction:"column"},n.createElement(Xe.ToggleControl,{options:Mr,fullWidth:!0})))),jr=(0,V.__)("Wrap","elementor"),Ur=[{value:"nowrap",label:(0,V.__)("No wrap","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,V.__)("Wrap","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,V.__)("Reversed wrap","elementor"),renderContent:({size:e})=>n.createElement(L.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],$r=()=>n.createElement(pn,{bind:"flex-wrap",propDisplayName:jr},n.createElement(wn,null,n.createElement(En,{label:jr},n.createElement(Xe.ToggleControl,{options:Ur})))),Fr=(0,V.__)("Display","elementor"),Gr=(0,V.__)("Flex wrap","elementor"),Wr="row",Kr=()=>{const{value:e}=sn("display",{history:{propDisplayName:Fr}}),t=Ul(),r=(0,R.isExperimentActive)("e_css_grid"),o=Xr(e,t),a="grid"===(e?.value??t?.value),{element:i}=p(),s=(0,l.useParentElement)(i.id),c=(u=s?.id||null,(0,R.__privateUseListenTo)([(0,R.windowEvent)("elementor/device-mode/change"),(0,R.commandEndEvent)("document/elements/reset-style"),(0,R.commandEndEvent)("document/elements/settings"),(0,R.commandEndEvent)("document/elements/paste-style")],()=>{if(!u)return null;const e=window.elementor?.getContainer?.(u);return e?.view?.el?window.getComputedStyle(e.view.el):null}));var u;const m=()=>"flex"===c?.display?c?.flexDirection??Wr:"grid"===c?.display?c?.gridAutoFlow??Wr:Wr;return n.createElement(dn,null,n.createElement(jl,null),o&&n.createElement(Hr,null),"flex"===c?.display&&n.createElement(Yr,{parentStyleDirection:m()}),r&&a&&n.createElement(Jr,null),r&&"grid"===c?.display&&n.createElement(qr,{parentStyleDirection:m()}))},Hr=()=>{const{value:e}=sn("flex-wrap",{history:{propDisplayName:Gr}});return n.createElement(n.Fragment,null,n.createElement(Gl,null),n.createElement(Ar,null),n.createElement(Cl,null),n.createElement(Jn,null),n.createElement(ur,null),n.createElement($r,null),["wrap","wrap-reverse"].includes(e?.value)&&n.createElement(gl,null))},Jr=()=>n.createElement(n.Fragment,null,n.createElement(kr,null),n.createElement(gr,null),n.createElement(Jn,null),n.createElement(ur,null),n.createElement(Jn,null),n.createElement(wr,null),n.createElement(Cl,null)),Yr=({parentStyleDirection:e})=>n.createElement(n.Fragment,null,n.createElement(Jn,null),n.createElement(Xe.ControlFormLabel,null,(0,V.__)("Flex child","elementor")),n.createElement(Rl,{parentStyleDirection:e}),n.createElement(Zl,null),n.createElement(lr,null)),qr=({parentStyleDirection:e})=>n.createElement(n.Fragment,null,n.createElement(Jn,null),n.createElement(Xe.ControlFormLabel,null,(0,V.__)("Grid Child","elementor")),n.createElement(Rr,null),n.createElement(Vl,{parentStyleDirection:e}),n.createElement(Zl,null)),Xr=(e,t)=>{const n=e?.value??t?.value;return!!n&&("flex"===n||"inline-flex"===n)},Zr=(0,O.withDirection)(L.SideLeftIcon),Qr=(0,O.withDirection)(L.SideRightIcon),eo={"inset-block-start":n.createElement(L.SideTopIcon,{fontSize:"tiny"}),"inset-block-end":n.createElement(L.SideBottomIcon,{fontSize:"tiny"}),"inset-inline-start":n.createElement(cl,{icon:Zr,size:"tiny"}),"inset-inline-end":n.createElement(cl,{icon:Qr,size:"tiny"})},to=e=>e?(0,V.__)("Right","elementor"):(0,V.__)("Left","elementor"),no=e=>e?(0,V.__)("Left","elementor"):(0,V.__)("Right","elementor"),lo=()=>{const{isSiteRtl:e}=_n(),t=[(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(wn,null,n.createElement(O.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:t[0]},n.createElement(ro,{side:"inset-block-start",label:(0,V.__)("Top","elementor"),rowRef:t[0]}),n.createElement(ro,{side:"inset-inline-end",label:no(e),rowRef:t[0]})),n.createElement(O.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:t[1]},n.createElement(ro,{side:"inset-block-end",label:(0,V.__)("Bottom","elementor"),rowRef:t[1]}),n.createElement(ro,{side:"inset-inline-start",label:to(e),rowRef:t[1]})))},ro=({side:e,label:t,rowRef:l})=>n.createElement(pn,{bind:e,propDisplayName:t},n.createElement(O.Grid,{container:!0,gap:.75,alignItems:"center"},n.createElement(O.Grid,{item:!0,xs:12},n.createElement(Mt,null,t)),n.createElement(O.Grid,{item:!0,xs:12},n.createElement(Xe.SizeControl,{startIcon:eo[e],extendedOptions:["auto"],anchorRef:l,min:-Number.MAX_SAFE_INTEGER})))),oo=(0,V.__)("Anchor offset","elementor"),ao=["px","em","rem","vw","vh"],io=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"scroll-margin-top",propDisplayName:oo},n.createElement(En,{label:oo,ref:e},n.createElement(Xe.SizeControl,{units:ao,anchorRef:e})))},so=(0,V.__)("Position","elementor"),co=[{label:(0,V.__)("Static","elementor"),value:"static"},{label:(0,V.__)("Relative","elementor"),value:"relative"},{label:(0,V.__)("Absolute","elementor"),value:"absolute"},{label:(0,V.__)("Fixed","elementor"),value:"fixed"},{label:(0,V.__)("Sticky","elementor"),value:"sticky"}],uo=()=>n.createElement(pn,{bind:"position",propDisplayName:so},n.createElement(En,{label:so},n.createElement(Xe.SelectControl,{options:co}))),mo=(0,V.__)("Z-index","elementor"),po=({disabled:e})=>{const t=n.createElement(pn,{bind:"z-index",propDisplayName:mo},n.createElement(En,{label:mo},n.createElement(Xe.NumberControl,{disabled:e}))),l=n.createElement(O.Alert,{color:"secondary",icon:n.createElement(L.InfoCircleFilledIcon,null),size:"small"},n.createElement(O.AlertTitle,null,(0,V.__)("Z-index","elementor")),n.createElement(O.Box,{component:"span"},(0,V.__)("z-index only works on positioned elements. Change position to relative, absolute, or fixed to enable layering.","elementor")));return e?n.createElement(O.Infotip,{placement:"right",content:l,color:"secondary",slotProps:{popper:{sx:{width:300}}}},n.createElement(O.Box,null,t)):n.createElement(n.Fragment,null,t)},fo="static",yo=(0,V.__)("Position","elementor"),Eo=(0,V.__)("Dimensions","elementor"),go=["inset-block-start","inset-block-end","inset-inline-start","inset-inline-end","z-index"],bo=()=>{const{value:e}=sn("position",ho(yo)),t=(0,n.useRef)(e),{values:l,setValues:r}=Fe(go),[o,a,i]=vo();return(0,n.useEffect)(()=>{e&&e?.value===fo&&_o(l)&&a(wo(l)),t.current?.value===fo&&(r({...o},ho(Eo)),i()),e&&e?.value!==fo||!l?.["z-index"]||r({"z-index":null},ho(Eo)),t.current=e},[e?.value]),n.createElement(So,null,n.createElement(uo,null),n.createElement(lo,null),n.createElement(po,{disabled:!e||e?.value===fo}),n.createElement(Jn,null),n.createElement(io,null))},vo=()=>{const{id:e,meta:t}=C(),n=`styles/${e}/${t.breakpoint||"desktop"}/${t.state||"null"}/dimensions`;return(0,a.useSessionStorage)(n)},ho=e=>({history:{propDisplayName:e}}),_o=e=>{if(!e)return!1;const t=wo(e);return Object.values(t).some(e=>null!==e)},wo=e=>go.reduce((t,n)=>({...t,[n]:e?.[n]??null}),{}),So=(0,O.styled)(dn,{shouldForwardProp:e=>"gap"!==e})(({gap:e=2,theme:t})=>({gap:0,"& > *":{marginBottom:t.spacing(e)},"& > *:last-child":{marginBottom:0},"& > .MuiStack-root":{marginBottom:0},"& > .MuiStack-root:has(> *)":{marginBottom:t.spacing(e)},"& > .MuiDivider-root":{marginBottom:t.spacing(e)}})),Co=({fields:e})=>{const{id:t,meta:l,provider:r}=C(),o=nn();if(e.includes("custom_css"))return n.createElement(Ye,null);const a=Object.fromEntries(Object.entries(o??{}).filter(([t])=>e.includes(t))),{hasValues:i,hasOverrides:s}=function(e,t,n){let l=!1,r=!1;return Object.values(e).forEach(e=>{const o=function(e,t,n){return e.find(({style:{id:e},variant:{meta:{breakpoint:l,state:r}}})=>e===t&&l===n.breakpoint&&r===n.state)}(e,t,n);if(!o)return;const[a]=e;o===a?l=!0:r=!0}),{hasValues:l,hasOverrides:r}}(a,t??"",l);if(!i&&!s)return null;const c=(0,V.__)("Has effective styles","elementor"),u=(0,V.__)("Has overridden styles","elementor");return n.createElement(O.Tooltip,{title:(0,V.__)("Has styles","elementor"),placement:"top"},n.createElement(O.Stack,{direction:"row",sx:{"& > *":{marginInlineStart:-.25}},role:"list"},i&&r&&n.createElement(re,{getColor:U(r.getKey()),"data-variant":(0,f.isElementsStylesProvider)(r.getKey())?"local":"global",role:"listitem","aria-label":c}),s&&n.createElement(re,{isOverridden:!0,"data-variant":"overridden",role:"listitem","aria-label":u})))},xo=({fields:e=[],children:t})=>n.createElement(z.CollapsibleContent,{titleEnd:To(e)},t);function To(e){return 0===e.length?null:t=>t?null:n.createElement(Co,{fields:e})}const Io=(0,V.__)("Object fit","elementor"),Po=[{label:(0,V.__)("Fill","elementor"),value:"fill"},{label:(0,V.__)("Cover","elementor"),value:"cover"},{label:(0,V.__)("Contain","elementor"),value:"contain"},{label:(0,V.__)("None","elementor"),value:"none"},{label:(0,V.__)("Scale down","elementor"),value:"scale-down"}],ko=()=>n.createElement(pn,{bind:"object-fit",propDisplayName:Io},n.createElement(En,{label:Io},n.createElement(Xe.SelectControl,{options:Po}))),Do=(0,V.__)("Overflow","elementor"),zo=[{value:"visible",label:(0,V.__)("Visible","elementor"),renderContent:({size:e})=>n.createElement(L.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,V.__)("Hidden","elementor"),renderContent:({size:e})=>n.createElement(L.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,V.__)("Auto","elementor"),renderContent:({size:e})=>n.createElement(L.LetterAIcon,{fontSize:e}),showTooltip:!0}],Ro=()=>n.createElement(pn,{bind:"overflow",propDisplayName:Do},n.createElement(En,{label:Do},n.createElement(Xe.ToggleControl,{options:zo})));function Lo(){return Lo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Lo.apply(null,arguments)}const Oo=[[{bind:"width",label:(0,V.__)("Width","elementor")},{bind:"height",label:(0,V.__)("Height","elementor")}],[{bind:"min-width",label:(0,V.__)("Min width","elementor")},{bind:"min-height",label:(0,V.__)("Min height","elementor")}],[{bind:"max-width",label:(0,V.__)("Max width","elementor")},{bind:"max-height",label:(0,V.__)("Max height","elementor")}]],Vo=(0,V.__)("Aspect Ratio","elementor"),Bo=()=>{const e=[(0,n.useRef)(null),(0,n.useRef)(null),(0,n.useRef)(null)];return n.createElement(dn,null,Oo.map((t,l)=>n.createElement(O.Grid,{key:l,container:!0,gap:2,flexWrap:"nowrap",ref:e[l]},t.map(t=>n.createElement(O.Grid,{item:!0,xs:6,key:t.bind},n.createElement(No,Lo({},t,{rowRef:e[l],extendedOptions:["auto"]})))))),n.createElement(Jn,null),n.createElement(O.Stack,null,n.createElement(Ro,null)),n.createElement(xo,{fields:["aspect-ratio","object-fit"]},n.createElement(O.Stack,{gap:2,pt:2},n.createElement(pn,{bind:"aspect-ratio",propDisplayName:Vo},n.createElement(Xe.AspectRatioControl,{label:Vo})),n.createElement(Jn,null),n.createElement(ko,null),n.createElement(pn,{bind:"object-position",propDisplayName:(0,V.__)("Object position","elementor")},n.createElement(O.Grid,{item:!0,xs:6},n.createElement(Xe.PositionControl,null))))))},No=({label:e,bind:t,rowRef:l,extendedOptions:r})=>n.createElement(pn,{bind:t,propDisplayName:e},n.createElement(O.Grid,{container:!0,gap:.75,alignItems:"center"},n.createElement(O.Grid,{item:!0,xs:12},n.createElement(Mt,null,e)),n.createElement(O.Grid,{item:!0,xs:12},n.createElement(Xe.SizeControl,{extendedOptions:r,anchorRef:l})))),Mo=(0,V.__)("Margin","elementor"),Ao=(0,V.__)("Padding","elementor"),jo=()=>{const{isSiteRtl:e}=_n();return n.createElement(dn,null,n.createElement(pn,{bind:"margin",propDisplayName:Mo},n.createElement(Xe.LinkedDimensionsControl,{label:Mo,isSiteRtl:e,min:-Number.MAX_SAFE_INTEGER})),n.createElement(Jn,null),n.createElement(pn,{bind:"padding",propDisplayName:Ao},n.createElement(Xe.LinkedDimensionsControl,{label:Ao,isSiteRtl:e})))},Uo=(0,V.__)("Columns","elementor"),$o=()=>n.createElement(pn,{bind:"column-count",propDisplayName:Uo},n.createElement(En,{label:Uo},n.createElement(Xe.NumberControl,{shouldForceInt:!0,min:0,step:1}))),Fo=(0,V.__)("Column gap","elementor"),Go=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"column-gap",propDisplayName:Fo},n.createElement(En,{label:Fo,ref:e},n.createElement(Xe.SizeControl,{anchorRef:e})))},Wo=(0,V.__)("Font family","elementor"),Ko=()=>{const e=(0,Xe.useFontFamilies)(),t=(0,z.useSectionWidth)();return 0===e.length?null:n.createElement(pn,{bind:"font-family",propDisplayName:Wo},n.createElement(En,{label:Wo},n.createElement(Xe.FontFamilyControl,{fontFamilies:e,sectionWidth:t,ariaLabel:Wo})))},Ho=(0,V.__)("Font size","elementor"),Jo=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"font-size",propDisplayName:Ho},n.createElement(En,{label:Ho,ref:e},n.createElement(Xe.SizeControl,{anchorRef:e,ariaLabel:Ho})))},Yo=(0,V.__)("Font style","elementor"),qo=[{value:"normal",label:(0,V.__)("Normal","elementor"),renderContent:({size:e})=>n.createElement(L.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"italic",label:(0,V.__)("Italic","elementor"),renderContent:({size:e})=>n.createElement(L.ItalicIcon,{fontSize:e}),showTooltip:!0}],Xo=()=>n.createElement(pn,{bind:"font-style",propDisplayName:Yo},n.createElement(En,{label:Yo},n.createElement(Xe.ToggleControl,{options:qo}))),Zo=(0,V.__)("Font weight","elementor"),Qo=[{value:"100",label:(0,V.__)("100 - Thin","elementor")},{value:"200",label:(0,V.__)("200 - Extra light","elementor")},{value:"300",label:(0,V.__)("300 - Light","elementor")},{value:"400",label:(0,V.__)("400 - Normal","elementor")},{value:"500",label:(0,V.__)("500 - Medium","elementor")},{value:"600",label:(0,V.__)("600 - Semi bold","elementor")},{value:"700",label:(0,V.__)("700 - Bold","elementor")},{value:"800",label:(0,V.__)("800 - Extra bold","elementor")},{value:"900",label:(0,V.__)("900 - Black","elementor")}],ea=()=>n.createElement(pn,{bind:"font-weight",propDisplayName:Zo},n.createElement(En,{label:Zo},n.createElement(Xe.SelectControl,{options:Qo}))),ta=(0,V.__)("Letter spacing","elementor"),na=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"letter-spacing",propDisplayName:ta},n.createElement(En,{label:ta,ref:e},n.createElement(Xe.SizeControl,{anchorRef:e,min:-Number.MAX_SAFE_INTEGER})))},la=(0,V.__)("Line height","elementor"),ra=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"line-height",propDisplayName:la},n.createElement(En,{label:la,ref:e},n.createElement(Xe.SizeControl,{anchorRef:e})))},oa=(0,V.__)("Text align","elementor"),aa=(0,O.withDirection)(L.AlignLeftIcon),ia=(0,O.withDirection)(L.AlignRightIcon),sa=[{value:"start",label:(0,V.__)("Start","elementor"),renderContent:({size:e})=>n.createElement(aa,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,V.__)("Center","elementor"),renderContent:({size:e})=>n.createElement(L.AlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,V.__)("End","elementor"),renderContent:({size:e})=>n.createElement(ia,{fontSize:e}),showTooltip:!0},{value:"justify",label:(0,V.__)("Justify","elementor"),renderContent:({size:e})=>n.createElement(L.AlignJustifiedIcon,{fontSize:e}),showTooltip:!0}],ca=()=>n.createElement(pn,{bind:"text-align",propDisplayName:oa},n.createElement(wn,null,n.createElement(En,{label:oa},n.createElement(Xe.ToggleControl,{options:sa})))),ua=(0,V.__)("Text color","elementor"),ma=()=>n.createElement(pn,{bind:"color",propDisplayName:ua},n.createElement(En,{label:ua},n.createElement(Xe.ColorControl,{id:"text-color-control"}))),pa=(0,V.__)("Line decoration","elementor"),da=[{value:"none",label:(0,V.__)("None","elementor"),renderContent:({size:e})=>n.createElement(L.MinusIcon,{fontSize:e}),showTooltip:!0,exclusive:!0},{value:"underline",label:(0,V.__)("Underline","elementor"),renderContent:({size:e})=>n.createElement(L.UnderlineIcon,{fontSize:e}),showTooltip:!0},{value:"line-through",label:(0,V.__)("Line-through","elementor"),renderContent:({size:e})=>n.createElement(L.StrikethroughIcon,{fontSize:e}),showTooltip:!0},{value:"overline",label:(0,V.__)("Overline","elementor"),renderContent:({size:e})=>n.createElement(L.OverlineIcon,{fontSize:e}),showTooltip:!0}],fa=()=>n.createElement(pn,{bind:"text-decoration",propDisplayName:pa},n.createElement(En,{label:pa},n.createElement(Xe.ToggleControl,{options:da,exclusive:!1}))),ya=(0,V.__)("Direction","elementor"),Ea=[{value:"ltr",label:(0,V.__)("Left to right","elementor"),renderContent:({size:e})=>n.createElement(L.TextDirectionLtrIcon,{fontSize:e}),showTooltip:!0},{value:"rtl",label:(0,V.__)("Right to left","elementor"),renderContent:({size:e})=>n.createElement(L.TextDirectionRtlIcon,{fontSize:e}),showTooltip:!0}],ga=()=>n.createElement(pn,{bind:"direction",propDisplayName:ya},n.createElement(En,{label:ya},n.createElement(Xe.ToggleControl,{options:Ea}))),ba="tiny",va=({isAdded:e,onAdd:t,onRemove:l,children:r,disabled:o,renderLabel:a})=>n.createElement(dn,null,n.createElement(O.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},a(),e?n.createElement(O.IconButton,{size:ba,onClick:l,"aria-label":"Remove",disabled:o},n.createElement(L.MinusIcon,{fontSize:ba})):n.createElement(O.IconButton,{size:ba,onClick:t,"aria-label":"Add",disabled:o},n.createElement(L.PlusIcon,{fontSize:ba}))),n.createElement(O.Collapse,{in:e,unmountOnExit:!0},n.createElement(dn,null,r))),ha={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},_a=(0,V.__)("Text stroke","elementor"),wa=()=>{const{value:e,setValue:t,canEdit:l}=sn("stroke",{history:{propDisplayName:_a}}),r=Boolean(e);return n.createElement(pn,{bind:"stroke",propDisplayName:_a},n.createElement(va,{isAdded:r,onAdd:()=>{t(ha)},onRemove:()=>{t(null)},disabled:!l,renderLabel:()=>n.createElement(Mt,null,_a)},n.createElement(Xe.StrokeControl,null)))},Sa=(0,V.__)("Text transform","elementor"),Ca=[{value:"none",label:(0,V.__)("None","elementor"),renderContent:({size:e})=>n.createElement(L.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"capitalize",label:(0,V.__)("Capitalize","elementor"),renderContent:({size:e})=>n.createElement(L.LetterCaseIcon,{fontSize:e}),showTooltip:!0},{value:"uppercase",label:(0,V.__)("Uppercase","elementor"),renderContent:({size:e})=>n.createElement(L.LetterCaseUpperIcon,{fontSize:e}),showTooltip:!0},{value:"lowercase",label:(0,V.__)("Lowercase","elementor"),renderContent:({size:e})=>n.createElement(L.LetterCaseLowerIcon,{fontSize:e}),showTooltip:!0}],xa=()=>n.createElement(pn,{bind:"text-transform",propDisplayName:Sa},n.createElement(En,{label:Sa},n.createElement(Xe.ToggleControl,{options:Ca}))),Ta=(0,V.__)("Word spacing","elementor"),Ia=()=>{const e=(0,n.useRef)(null);return n.createElement(pn,{bind:"word-spacing",propDisplayName:Ta},n.createElement(En,{label:Ta,ref:e},n.createElement(Xe.SizeControl,{anchorRef:e,min:-Number.MAX_SAFE_INTEGER})))},Pa=()=>n.createElement(dn,null,n.createElement(Ko,null),n.createElement(ea,null),n.createElement(Jo,null),n.createElement(Jn,null),n.createElement(ca,null),n.createElement(ma,null),n.createElement(xo,{fields:["line-height","letter-spacing","word-spacing","column-count","text-decoration","text-transform","direction","font-style","stroke"]},n.createElement(dn,{sx:{pt:2}},n.createElement(ra,null),n.createElement(na,null),n.createElement(Ia,null),n.createElement($o,null),n.createElement(Go,null),n.createElement(Jn,null),n.createElement(fa,null),n.createElement(xa,null),n.createElement(ga,null),n.createElement(Xo,null),n.createElement(wa,null)))),ka=({section:e,fields:t=[],unmountOnExit:l=!0})=>{const{component:r,name:o,title:a,action:i}=e,s=st(),c=r||(()=>n.createElement(n.Fragment,null)),u=s.defaultSectionsExpanded.style?.includes(o);return n.createElement(ft,{title:a,defaultExpanded:u,titleEnd:To(t),unmountOnExit:l,action:i},n.createElement(c,null))},{Slot:Da,inject:za}=(0,o.createLocation)(),Ra={position:"sticky",zIndex:1100,opacity:1,backgroundColor:"background.default",transition:"top 300ms ease"},La=()=>{const e=function(){const{elementType:e}=p(),t=Object.entries(e.propsSchema).find(([,e])=>"plain"===e.kind&&e.key===r.CLASSES_PROP_KEY);return t?t[0]:null}(),[t,o]=function(e){const[t,n]=ct("active-style-id",null),r=d(e)?.value||[],o=function(e){const{element:t}=p(),n=(0,l.getElementStyles)(t.id)??{};return Object.values(n).find(t=>e.includes(t.id))}(r);return[function(e,t){return e&&t.includes(e)?e:null}(t,r)||o?.id||null,n]}(e??""),[i,c]=(0,n.useState)(null),u=(0,je.useActiveBreakpoint)();return e?n.createElement(s,{prop:e},n.createElement(S,{meta:{breakpoint:u,state:i},id:t,setId:e=>{o(e),c(null)},setMetaState:c},n.createElement(a.SessionStorageProvider,{prefix:t??""},n.createElement(tn,null,n.createElement(Oa,null,n.createElement(Oe,null),n.createElement(O.Divider,null)),n.createElement(pt,null,n.createElement(ka,{section:{component:Kr,name:"Layout",title:(0,V.__)("Layout","elementor")},fields:["display","flex-direction","flex-wrap","justify-content","align-items","align-content","align-self","gap","order","grid-column","grid-row"]}),n.createElement(ka,{section:{component:jo,name:"Spacing",title:(0,V.__)("Spacing","elementor")},fields:["margin","padding"]}),n.createElement(ka,{section:{component:Bo,name:"Size",title:(0,V.__)("Size","elementor")},fields:["width","min-width","max-width","height","min-height","max-height","overflow","aspect-ratio","object-fit"]}),n.createElement(ka,{section:{component:bo,name:"Position",title:(0,V.__)("Position","elementor")},fields:["position","z-index","scroll-margin-top"]}),n.createElement(ka,{section:{component:Pa,name:"Typography",title:(0,V.__)("Typography","elementor")},fields:["font-family","font-weight","font-size","text-align","color","line-height","letter-spacing","word-spacing","column-count","text-decoration","text-transform","direction","font-style","stroke"]}),n.createElement(ka,{section:{component:yn,name:"Background",title:(0,V.__)("Background","elementor")},fields:["background"]}),n.createElement(ka,{section:{component:Kn,name:"Border",title:(0,V.__)("Border","elementor")},fields:["border-radius","border-width","border-color","border-style"]}),n.createElement(ka,{section:{component:ol,name:"Effects",title:(0,V.__)("Effects","elementor")},fields:["mix-blend-mode","box-shadow","opacity","transform","filter","backdrop-filter","transform-origin","transition"]}),n.createElement(Da,null)),n.createElement(O.Box,{sx:{height:"150px"}}))))):null};function Oa({children:e}){const t=(0,n.useContext)(lt)?.direction??"up";return n.createElement(O.Stack,{sx:{...Ra,top:"up"===t?"37px":0}},e)}function Va(){return Va=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Va.apply(null,arguments)}const Ba=()=>{const{element:e}=p();return n.createElement(n.Fragment,{key:e.id},n.createElement(Na,null))},Na=()=>{const{element:e}=p(),t=st().defaultTab,r=(0,R.isExperimentActive)("e_interactions"),o=!!(0,l.getWidgetsCache)()?.[e.type]?.meta?.is_pro_promotion,[a,i]=ct("tab",t),s=o&&"settings"===a?"style":a,{getTabProps:c,getTabPanelProps:u,getTabsProps:m}=(0,O.useTabs)(s);return n.createElement(ot,null,n.createElement(O.Stack,{direction:"column",sx:{width:"100%"}},n.createElement(O.Stack,{sx:{...Ra,top:0}},n.createElement(O.Tabs,Va({variant:"fullWidth",size:"small",sx:{mt:.5}},m(),{onChange:(e,t)=>{m().onChange(e,t),i(t)}}),!o&&n.createElement(O.Tab,Va({label:(0,V.__)("General","elementor")},c("settings"))),n.createElement(O.Tab,Va({label:(0,V.__)("Style","elementor")},c("style"))),r&&n.createElement(O.Tab,Va({label:(0,V.__)("Interactions","elementor")},c("interactions")))),n.createElement(O.Divider,null)),!o&&n.createElement(O.TabPanel,Va({},u("settings"),{disablePadding:!0}),n.createElement($t,null)),n.createElement(O.TabPanel,Va({},u("style"),{disablePadding:!0}),n.createElement(La,null)),r&&n.createElement(O.TabPanel,Va({},u("interactions"),{disablePadding:!0}),n.createElement(dt,null))))},{Slot:Ma,inject:Aa}=(0,o.createLocation)(),{useMenuItems:ja}=Qe.controlActionsMenu;var Ua=window.elementorV2.editor;const{panel:$a,usePanelActions:Fa,usePanelStatus:Ga}=(0,Ze.__createPanel)({id:"editing-panel",component:()=>{const{element:e,elementType:t,settings:r}=(0,l.useSelectedElementSettings)(),o=(0,Xe.getControlReplacements)(),i=ja().default;if(!e||!t)return null;const s=(0,V.__)("Edit %s","elementor").replace("%s",t.title),{component:c}=((e,t)=>Array.from(et.values()).filter(({condition:n})=>n(e,t)).sort((e,t)=>e.priority-t.priority)?.[0]??null)(e,t)??{};let u=n.createElement(n.Fragment,null,n.createElement(Ze.PanelHeader,null,n.createElement(Ze.PanelHeaderTitle,null,s),n.createElement(L.AtomIcon,{fontSize:"small",sx:{color:"text.tertiary"}})),n.createElement(Ze.PanelBody,null,n.createElement(Ba,null)));return c&&(u=n.createElement(c,null)),n.createElement(O.ErrorBoundary,{fallback:n.createElement(nt,null)},n.createElement(a.SessionStorageProvider,{prefix:"elementor"},n.createElement(z.ThemeProvider,null,n.createElement(Xe.ControlActionsProvider,{items:i},n.createElement(Xe.ControlReplacementsProvider,{replacements:o},n.createElement(m,{element:e,elementType:t,settings:r},n.createElement(Ze.Panel,null,n.createElement(Ma,null),u)))))))}}),Wa=()=>{const e=(0,l.getSelectedElements)(),t=(0,l.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},Ka=()=>((()=>{const{open:e}=Fa();(0,n.useEffect)(()=>(0,R.__privateListenTo)((0,R.commandStartEvent)("panel/editor/open"),()=>{Wa()&&e()}),[])})(),null),Ha={target_name:"custom_css",location_l2:"style"},Ja=()=>{const e=(0,n.useRef)(null);return n.createElement(ka,{section:{name:"Custom CSS",title:(0,V.__)("Custom CSS","elementor"),action:{component:n.createElement(Xe.PromotionTrigger,{ref:e,promotionKey:"customCss",trackingData:Ha}),onClick:()=>e.current?.toggle()}}})},Ya=()=>{za({id:"custom-css",component:Ja,options:{overwrite:!0}}),window.elementorPro||(Et.register("attributes",Xe.AttributesControl,"two-columns"),Et.register("display-conditions",Xe.DisplayConditionsControl,"two-columns"))},qa=(e,t)=>{const n=(0,l.getContainer)(e);return n?n.model.get("elType")===t?n:n.children?.findRecursive?.(e=>e.model.get("elType")===t)??null:null},Xa="e-tab",Za="e-tabs-menu",Qa=({label:e})=>{const{element:t}=p(),{addItem:o,duplicateItem:a,moveItem:i,removeItem:s}=(()=>{const{value:e,setValue:t}=(0,Xe.useBoundProp)(r.numberPropTypeUtil),n=e??0;return{duplicateItem:({items:e,tabContentAreaId:r})=>{const o=(({items:e,defaultActiveTab:t})=>{const n=e.reduce((e,{index:n})=>n<t?e+1:e,0);return t+n})({items:e,defaultActiveTab:n});e.forEach(({item:e,index:a})=>{const i=e.id,s=(0,l.getContainer)(r),c=s?.children?.[a]?.id;if(!c)throw new Error("Original content ID is required for duplication");(0,l.duplicateElements)({elementIds:[i,c],title:(0,V.__)("Duplicate Tab","elementor"),onDuplicateElements:()=>{o!==n&&t(o,{},{withHistory:!1})},onRestoreElements:()=>{o!==n&&t(n,{},{withHistory:!1})}})})},moveItem:({toIndex:e,tabsMenuId:r,tabContentAreaId:o,movedElementId:a,movedElementIndex:i})=>{const s=(0,l.getContainer)(o),c=s?.children?.[i],u=(0,l.getContainer)(a),m=(0,l.getContainer)(r);if(!c)throw new Error("Content element is required");if(!u||!m)throw new Error("Tab element or menu not found");const p=(({from:e,to:t,defaultActiveTab:n})=>e===n?t:e<n&&t>=n?n-1:e>n&&t<=n?n+1:n)({from:i,to:e,defaultActiveTab:n});(0,l.moveElements)({title:(0,V.__)("Reorder Tabs","elementor"),moves:[{element:u,targetContainer:m,options:{at:e}},{element:c,targetContainer:s,options:{at:e}}],onMoveElements:()=>{p!==n&&t(p,{},{withHistory:!1})},onRestoreElements:()=>{p!==n&&t(n,{},{withHistory:!1})}})},removeItem:({items:e,tabContentAreaId:r})=>{const o=(({items:e,defaultActiveTab:t})=>{if(e.some(({index:e})=>e===t))return 0;const n=e.reduce((e,{index:n})=>n<t?e+1:e,0);return t-n})({items:e,defaultActiveTab:n});(0,l.removeElements)({title:(0,V.__)("Tabs","elementor"),elementIds:e.flatMap(({item:e,index:t})=>{const n=e.id,o=(0,l.getContainer)(r),a=o?.children?.[t]?.id;if(!a)throw new Error("Content ID is required");return[n,a]}),onRemoveElements:()=>{o!==n&&t(o,{},{withHistory:!1})},onRestoreElements:()=>{o!==n&&t(n,{},{withHistory:!1})}})},addItem:({tabContentAreaId:e,tabsMenuId:t,items:n})=>{const r=(0,l.getContainer)(e),o=(0,l.getContainer)(t);if(!r||!o)throw new Error("Tab containers not found");n.forEach(({index:e})=>{const t=e+1;(0,l.createElements)({title:(0,V.__)("Tabs","elementor"),elements:[{container:r,model:{elType:"e-tab-content",editor_settings:{title:`Tab ${t} content`,initial_position:t}}},{container:o,model:{elType:Xa,editor_settings:{title:`Tab ${t} trigger`,initial_position:t}}}]})})}}})(),{[Xa]:c}=(0,l.useElementChildren)(t.id,{[Za]:Xa}),u=qa(t.id,Za),m=qa(t.id,"e-tabs-content-area"),d=c.map((e,t)=>({id:e.id,title:e.editorSettings?.title,index:t}));return n.createElement(Xe.Repeater,{showToggle:!1,values:d,setValues:(e,t,n)=>{if("add"===n?.action?.type){const e=n.action.payload;return o({tabContentAreaId:m.id,items:e,tabsMenuId:u.id})}if("remove"===n?.action?.type){const e=n.action.payload;return s({items:e,tabContentAreaId:m.id})}if("duplicate"===n?.action?.type){const e=n.action.payload;return a({items:e,tabContentAreaId:m.id})}if("reorder"===n?.action?.type){const{from:e,to:t}=n.action.payload;return i({toIndex:t,tabsMenuId:u.id,tabContentAreaId:m.id,movedElementId:c[e].id,movedElementIndex:e})}},showRemove:d.length>1,label:e,itemSettings:{getId:({item:e})=>e.id,initialValues:{id:"",title:"Tab"},Label:ei,Content:ni,Icon:()=>null}})},ei=({value:e,index:t})=>{const l=e?.title;return n.createElement(O.Stack,{sx:{minHeight:20},direction:"row",alignItems:"center",gap:1.5},n.createElement("span",null,l),n.createElement(ti,{index:t}))},ti=({index:e})=>{const{value:t}=(0,Xe.useBoundProp)(r.numberPropTypeUtil);return t===e?n.createElement(O.Chip,{size:"tiny",shape:"rounded",label:(0,V.__)("Default","elementor")}):null},ni=({value:e,index:t})=>e.id?n.createElement(O.Stack,{p:2,gap:1.5},n.createElement(ri,{elementId:e.id}),n.createElement(Lt,{bind:"default-active-tab",propDisplayName:(0,V.__)("Tabs","elementor")},n.createElement(li,{tabIndex:t}))):null,li=({tabIndex:e})=>{const{value:t,setValue:l}=(0,Xe.useBoundProp)(r.numberPropTypeUtil),o=t===e;return n.createElement(O.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:2},n.createElement(Xe.ControlFormLabel,null,(0,V.__)("Set as default tab","elementor")),n.createElement(oi,{showTooltip:o,placement:"right"},n.createElement(O.Switch,{size:"small",checked:o,disabled:o,onChange:({target:t})=>{l(t.checked?e:null)},inputProps:{...o?{style:{opacity:0,cursor:"not-allowed"}}:{}}})))},ri=({elementId:e})=>{const t=(0,l.useElementEditorSettings)(e),r=t?.title??"";return n.createElement(O.Stack,{gap:1},n.createElement(Xe.ControlFormLabel,null,(0,V.__)("Tab name","elementor")),n.createElement(O.TextField,{size:"tiny",value:r,onChange:({target:t})=>{(0,l.updateElementEditorSettings)({elementId:e,settings:{title:t.value}})}}))},oi=({showTooltip:e,children:t})=>e?n.createElement(O.Infotip,{arrow:!1,content:n.createElement(O.Alert,{color:"secondary",icon:n.createElement(L.InfoCircleFilledIcon,{fontSize:"tiny"}),size:"small",sx:{width:288}},n.createElement(O.Typography,{variant:"body2"},(0,V.__)("To change the default tab, simply set another tab as default.","elementor")))},n.createElement("span",null,t)):t,ai={tabs:{component:({label:e})=>n.createElement(Lt,{bind:"default-active-tab",propDisplayName:(0,V.__)("Tabs","elementor")},n.createElement(Qa,{label:e})),layout:"full"}},ii=()=>{Object.entries(ai).forEach(([e,{component:t,layout:n}])=>{Et.register(e,t,n)})};let si={expired:!1};const ci=new Set;function ui(e){si={...si,...e},ci.forEach(e=>e())}function mi(){return si}function pi(e){return ci.add(e),()=>ci.delete(e)}const di=(e=!0)=>{const{atomicDynamicTags:t}=(0,R.getElementorConfig)();return t?{tags:e?fi(t.tags):t.tags,groups:t.groups}:null},fi=e=>{const{expired:t}=mi();return t?Object.fromEntries(Object.entries(e).filter(([,e])=>!("elementor"===e?.meta?.origin&&e?.meta?.required_license))):e};var yi=window.elementorV2.schema;const Ei="dynamic",gi=(0,r.createPropUtils)(Ei,yi.z.strictObject({name:yi.z.string(),group:yi.z.string(),settings:yi.z.any().optional()})),bi=e=>!!(0,R.getElementorConfig)()?.atomicDynamicTags?.tags?.[e],vi=e=>{const t="union"===e.kind&&e.prop_types[Ei];return t&&t.key===Ei?t:null},hi=e=>(0,r.isTransformable)(e)&&e.$$type===Ei,_i=e=>{let t=[];const{propType:l}=(0,Xe.useBoundProp)();if(l){const e=vi(l);t=e?.settings.categories||[]}const r=t.join();return(0,n.useMemo)(()=>wi(t,e),[r,e])},wi=(e,t)=>{const{tags:n,groups:l}=di(t)||{};if(!e.length||!n||!l)return[];const r=new Set(e),o=[],a={};for(const e of Object.values(n))e.categories.some(e=>r.has(e))&&(a[e.group]||(a[e.group]=[]),a[e.group].push(e));for(const e in l)a[e]&&o.push(...a[e]);return o},Si=e=>{const t=_i(!1);return(0,n.useMemo)(()=>t.find(t=>t.name===e)??null,[t,e])};function Ci(){return Ci=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Ci.apply(null,arguments)}const xi=()=>n.createElement(L.DatabaseIcon,{fontSize:"tiny"}),Ti=({value:e})=>{const t=(0,Xe.useBoundProp)(r.backgroundImageOverlayPropTypeUtil);return n.createElement(Xe.PropProvider,Ci({},t,{value:e.value}),n.createElement(Xe.PropKeyProvider,{bind:"image"},n.createElement(Ii,{rawValue:e.value})))},Ii=({rawValue:e})=>{const{propType:t}=(0,Xe.useBoundProp)(),l=t.prop_types["background-image-overlay"];return n.createElement(Xe.PropProvider,{propType:l.shape.image,value:e,setValue:()=>{}},n.createElement(Xe.PropKeyProvider,{bind:"src"},n.createElement(Pi,{rawValue:e.image})))},Pi=({rawValue:e})=>{const t=e.value.src,l=Si(t.value.name||"");return n.createElement(n.Fragment,null,l?.label)},ki=e=>{const{element:t}=p(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return(0,a.useSessionStorage)(n)},Di=({children:e,propType:t,propsSchema:l,dynamicSettings:o})=>{const a=(0,n.useMemo)(()=>l?Object.entries(l).reduce((e,[t,n])=>(e[t]=n?.default??null,e),{}):{},[l]),i=(0,n.useMemo)(()=>o?Object.entries(o).reduce((e,[t,n])=>(e[t]=n&&"object"==typeof n&&"$$type"in n?n:{$$type:"plain",value:n},e),{}):{},[o]),s=(0,n.useMemo)(()=>({...a,...i}),[a,i]);return t?.dependencies?.terms.length?(0,r.isDependencyMet)(t?.dependencies,s).isMet?n.createElement(n.Fragment,null,e):null:n.createElement(n.Fragment,null,e)},zi=({bind:e,children:t})=>{const{value:l,setValue:r}=(0,Xe.useBoundProp)(gi),{name:o="",group:a="",settings:i}=l??{},s=Si(o);if(!s)throw new Error(`Dynamic tag ${o} not found`);const c=s.props_schema[e],u=c?.default,m=i?.[e]??u,p=Rt({schema:s.props_schema});return n.createElement(Xe.PropProvider,{propType:p,setValue:e=>{r({name:o,group:a,settings:{...i,...e}})},value:{[e]:m}},n.createElement(Xe.PropKeyProvider,{bind:e},n.createElement(Di,{propType:c,propsSchema:s.props_schema,dynamicSettings:i},t)))},Ri=({close:e,expired:t=!1})=>{const[l,r]=(0,n.useState)(""),{groups:o}=di()||{},a=(0,O.useTheme)(),{value:i}=(0,Xe.useBoundProp)(),{bind:s,value:c,setValue:u}=(0,Xe.useBoundProp)(gi),[,m]=ki(s),p=!!c,d=Bi(l),f=!d.length&&!l.trim();(0,n.useEffect)(()=>{(f||t)&&(0,Xe.trackViewPromotion)({target_name:"dynamic_tags"})},[f,t]);const y=d.flatMap(([e,t])=>[{type:"category",value:e,label:o?.[e]?.title||e},...t.map(e=>({type:"item",value:e.value,label:e.label}))]);return n.createElement(z.SectionPopoverBody,{"aria-label":(0,V.__)("Dynamic tags","elementor")},n.createElement(z.PopoverHeader,{title:(0,V.__)("Dynamic tags","elementor"),onClose:e,icon:n.createElement(L.DatabaseIcon,{fontSize:"tiny"})}),f?n.createElement(Oi,null):t?n.createElement(Vi,null):n.createElement(n.Fragment,null,n.createElement(z.SearchField,{value:l,onSearch:e=>{r(e)},placeholder:(0,V.__)("Search dynamic tags…","elementor")}),n.createElement(O.Divider,null),n.createElement(z.PopoverMenuList,{items:y,onSelect:t=>{p||m(i);const n=d.flatMap(([,e])=>e).find(e=>e.value===t);u({name:t,group:n?.group??"",settings:{label:n?.label}}),e()},onClose:e,selectedValue:c?.name,itemStyle:e=>"item"===e.type?{paddingInlineStart:a.spacing(3.5)}:{},noResultsComponent:n.createElement(Li,{searchValue:l,onClear:()=>r("")})})))},Li=({searchValue:e,onClear:t})=>n.createElement(O.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},n.createElement(L.DatabaseIcon,{fontSize:"large"}),n.createElement(O.Typography,{align:"center",variant:"subtitle2"},(0,V.__)("Sorry, nothing matched","elementor"),n.createElement("br",null),"“",e,"”."),n.createElement(O.Typography,{align:"center",variant:"caption",sx:{display:"flex",flexDirection:"column"}},(0,V.__)("Try something else.","elementor"),n.createElement(O.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,V.__)("Clear & try again","elementor")))),Oi=()=>n.createElement(n.Fragment,null,n.createElement(O.Divider,null),n.createElement(O.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},n.createElement(L.DatabaseIcon,{fontSize:"large"}),n.createElement(O.Typography,{align:"center",variant:"subtitle2"},(0,V.__)("Streamline your workflow with dynamic tags","elementor")),n.createElement(O.Typography,{align:"center",variant:"caption",width:170},(0,V.__)("Upgrade now to display your content dynamically.","elementor")),n.createElement(z.CtaButton,{size:"small",href:"https://go.elementor.com/go-pro-dynamic-tags-modal/",onClick:()=>(0,Xe.trackUpgradePromotionClick)({target_name:"dynamic_tags"})}))),Vi=()=>n.createElement(n.Fragment,null,n.createElement(O.Divider,null),n.createElement(O.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},n.createElement(L.DatabaseIcon,{fontSize:"large"}),n.createElement(O.Typography,{align:"center",variant:"subtitle2"},(0,V.__)("Unlock your Dynamic tags again","elementor")),n.createElement(O.Typography,{align:"center",variant:"caption",width:170},(0,V.__)("Dynamic tags need Elementor Pro. Renew now to keep them active.","elementor")),n.createElement(z.CtaButton,{size:"small",href:"https://go.elementor.com/go-pro-dynamic-tags-renew-modal/",onClick:()=>(0,Xe.trackUpgradePromotionClick)({target_name:"dynamic_tags"}),children:(0,V.__)("Renew Now","elementor")}))),Bi=e=>[..._i(!0).reduce((t,{name:n,label:l,group:r})=>l.toLowerCase().includes(e.trim().toLowerCase())?(t.has(r)||t.set(r,[]),t.get(r)?.push({label:l,group:r,value:n}),t):t,new Map)];function Ni(){return Ni=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Ni.apply(null,arguments)}const Mi="tiny",Ai=["popup"],ji=({OriginalControl:e,...t})=>{const{setValue:l,propType:r}=(0,Xe.useBoundProp)(),{bind:o,value:a}=(0,Xe.useBoundProp)(gi),{expired:i}=(0,n.useSyncExternalStore)(pi,mi,mi),s=Rt({schema:{[o]:r}}),[c]=ki(o),u=(0,O.usePopupState)({variant:"popover"}),{name:m=""}=a,p=Si(m);if(!bi(m)&&e)return n.createElement(Xe.PropProvider,{propType:s,value:{[o]:null},setValue:l},n.createElement(Xe.PropKeyProvider,{bind:o},n.createElement(e,t)));if(!p)throw new Error(`Dynamic tag ${m} not found`);return n.createElement(O.Box,null,n.createElement(O.UnstableTag,Ni({fullWidth:!0,showActionsOnHover:!0,label:p.label,startIcon:n.createElement(L.DatabaseIcon,{fontSize:Mi})},(0,O.bindTrigger)(u),{actions:n.createElement(n.Fragment,null,n.createElement(Ui,{dynamicTag:p,disabled:i}),n.createElement(O.IconButton,{size:Mi,onClick:()=>{l(c??null)},"aria-label":(0,V.__)("Remove dynamic value","elementor")},n.createElement(L.XIcon,{fontSize:Mi})))})),n.createElement(O.Popover,Ni({disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,O.bindPopover)(u)),n.createElement(z.SectionPopoverBody,{"aria-label":(0,V.__)("Dynamic tags","elementor")},n.createElement(Ri,{close:u.close,expired:i}))))},Ui=({dynamicTag:e,disabled:t=!1})=>{const l=(0,O.usePopupState)({variant:"popover"});return e.atomic_controls.length?n.createElement(n.Fragment,null,n.createElement(O.IconButton,Ni({size:Mi,disabled:t},!t&&(0,O.bindTrigger)(l),{"aria-label":(0,V.__)("Dynamic settings","elementor")}),n.createElement(L.SettingsIcon,{fontSize:Mi})),n.createElement(O.Popover,Ni({disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,O.bindPopover)(l)),n.createElement(z.SectionPopoverBody,{"aria-label":(0,V.__)("Dynamic settings","elementor")},n.createElement(z.PopoverHeader,{title:e.label,onClose:l.close,icon:n.createElement(L.DatabaseIcon,{fontSize:Mi})}),n.createElement($i,{controls:e.atomic_controls,tagName:e.name})))):null},$i=({controls:e,tagName:t})=>{const l=e.filter(({type:e})=>"section"===e),{getTabsProps:r,getTabProps:o,getTabPanelProps:a}=(0,O.useTabs)(0);if(!l.length)return null;if(Ai.includes(t)){const e=l[0];return n.createElement(n.Fragment,null,n.createElement(O.Divider,null),n.createElement(Ki,{items:e.value.items}))}return n.createElement(n.Fragment,null,l.length>1&&n.createElement(O.Tabs,Ni({size:"small",variant:"fullWidth"},r()),l.map(({value:e},t)=>n.createElement(O.Tab,Ni({key:t,label:e.label,sx:{px:1,py:.5}},o(t))))),n.createElement(O.Divider,null),l.map(({value:e},t)=>n.createElement(O.TabPanel,Ni({key:t,sx:{flexGrow:1,py:0,overflowY:"auto"}},a(t)),n.createElement(Ki,{items:e.items}))))},Fi={separator:"two-columns",action:"full",off_canvas:"full",type:"two-columns"},Gi={select:"full"},Wi=({control:e})=>{if(!Et.get(e.type))return null;const t=(e=>Gi[e.type]||(Fi[e.bind]??Et.getLayout(e.type)))(e),l={..."select"===e.type?{...e.props,MenuProps:{...e.props?.MenuProps??{},disablePortal:!0}}:{...e.props},ariaLabel:e.label},r="switch"===e.type,o="two-columns"===t?{display:"grid",gridTemplateColumns:r?"minmax(0, 1fr) max-content":"1fr 1fr"}:{};return n.createElement(zi,{bind:e.bind},n.createElement(O.Grid,{container:!0,gap:.75,sx:o},e.label?n.createElement(O.Grid,{item:!0,xs:12},n.createElement(Xe.ControlFormLabel,null,e.label)):null,n.createElement(O.Grid,{item:!0,xs:12},n.createElement(bt,{type:e.type,props:l}))))};function Ki({items:e}){return n.createElement(O.Stack,{p:2,gap:2,sx:{overflowY:"auto"}},e.map(e=>"control"===e.type?n.createElement(Wi,{key:e.value.bind,control:e.value}):null))}const Hi=(0,y.createError)({code:"dynamic_tags_manager_not_found",message:"Dynamic tags manager not found"}),Ji=(0,Hn.createTransformer)((e,{propType:t})=>e?.name&&bi(e.name)?function(e,t){const{dynamicTags:n}=window.elementor??{};if(!n)throw new Hi;const l=()=>{const l=n.createTag("v4-dynamic-tag",e,t);return l?n.loadTagDataFromCache(l)??null:null},r=l();return null!==r?r:new Promise(e=>{n.refreshCacheFromServer(()=>{e(l())})})}(e.name,function(e){const t=Object.entries(e).map(([e,t])=>[e,(0,r.isTransformable)(t)?t.value:t]);return Object.fromEntries(t)}(e?.settings??{})):t?.default??null),Yi=()=>{const{propType:e}=(0,Xe.useBoundProp)(),t=!!e&&(e=>!!vi(e))(e);return{visible:t,icon:L.DatabaseIcon,title:(0,V.__)("Dynamic tags","elementor"),content:({close:e})=>n.createElement(Ri,{close:e})}},{registerPopoverAction:qi}=Qe.controlActionsMenu,Xi=()=>{(0,Xe.registerControlReplacement)({component:ji,condition:({value:e})=>hi(e)}),(0,Xe.injectIntoRepeaterItemLabel)({id:"dynamic-background-image",condition:({value:e})=>hi(e.value?.image?.value?.src),component:Ti}),(0,Xe.injectIntoRepeaterItemIcon)({id:"dynamic-background-image",condition:({value:e})=>hi(e.value?.image?.value?.src),component:xi}),qi({id:"dynamic-tags",priority:20,useProps:Yi}),Hn.styleTransformersRegistry.register("dynamic",Ji),Hn.settingsTransformersRegistry.register("dynamic",Ji)};function Zi(e,t){if(e===t)return!0;if(null===e||null===t)return!1;if(typeof e!=typeof t)return!1;if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!Zi(e[n],t[n]))return!1;return!0}if("object"==typeof e&&"object"==typeof t){const n=e,l=t,r=Object.keys(n),o=Object.keys(l);if(r.length!==o.length)return!1;for(const e of r){if(!(e in l))return!1;if(!Zi(n[e],l[e]))return!1}return!0}return!1}const{registerAction:Qi}=Qe.controlActionsMenu;function es(){const e=!!(0,n.useContext)(w),{value:t,resetValue:l,propType:r}=(0,Xe.useBoundProp)(),o=null!=t,a=void 0!==r.initial_value&&null!==r.initial_value,i=!!r.settings?.required,s=!!r.settings?.hide_reset,c=t,u=c?.$$type?.includes("variable"),m=u&&(0,Wt.hasVariable)(c?.value);return{visible:!(!e||!o||s||u&&!m||(a?Zi(t,r.initial_value):i)),title:(0,V.__)("Clear","elementor"),icon:L.BrushBigIcon,onClick:()=>l()}}const ts=async(e,t,l)=>{try{const r=await l({props:{[t]:e.value}}),o=r?.[t]??r;return(0,n.isValidElement)(o)?o:"object"==typeof o?JSON.stringify(o):String(o)}catch{return""}},ns={widescreen:L.WidescreenIcon,desktop:L.DesktopIcon,laptop:L.LaptopIcon,tablet_extra:L.TabletLandscapeIcon,tablet:L.TabletPortraitIcon,mobile_extra:L.MobileLandscapeIcon,mobile:L.MobilePortraitIcon},ls=({breakpoint:e})=>{const t=(0,je.useBreakpoints)(),l=e||"desktop",r=ns[l];if(!r)return null;const o=t.find(e=>e.id===l)?.label;return n.createElement(O.Tooltip,{title:o,placement:"top"},n.createElement(r,{fontSize:"tiny",sx:{mt:"2px"}}))},rs="tiny",os=({displayLabel:e,provider:t})=>{const l=t===f.ELEMENTS_BASE_STYLES_PROVIDER_KEY?n.createElement(O.Tooltip,{title:(0,V.__)("Inherited from base styles","elementor"),placement:"top"},n.createElement(L.InfoCircleIcon,{fontSize:rs})):void 0;return n.createElement(O.Chip,{label:e,size:rs,color:j(t),variant:"standard",state:"enabled",icon:l,sx:e=>({lineHeight:1,flexWrap:"nowrap",alignItems:"center",borderRadius:.75*e.shape.borderRadius+"px",flexDirection:"row-reverse",".MuiChip-label":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}})})},as=({index:e,value:t})=>n.createElement(O.Tooltip,{title:t,placement:"top"},n.createElement(O.Typography,{variant:"caption",color:"text.tertiary",sx:{mt:"1px",textDecoration:0===e?"none":"line-through",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",pl:2.5,minWidth:0,maxWidth:"100%"}},t)),is=()=>n.createElement(O.Box,{display:"flex",gap:.5,alignItems:"center"}),ss=({inheritanceChain:e,propType:t,path:l,label:r,children:o,isDisabled:a})=>{const[i,s]=(0,n.useState)(!1),c=(0,n.useRef)(null),u=()=>{a||s(!1)},m=l.join("."),p=(0,z.useSectionWidth)(),d=(0,n.useMemo)(()=>(0,Hn.createPropsResolver)({transformers:Hn.stylesInheritanceTransformersRegistry,schema:{[m]:t}}),[m,t]),y=((e,t,l)=>{const[r,o]=(0,n.useState)([]);return(0,n.useEffect)(()=>{(async()=>{const n=(await Promise.all(e.filter(({style:e})=>e).map((e,n)=>(async(e,t,n,l)=>{const{variant:{meta:{state:r,breakpoint:o}},style:{label:a,id:i}}=e,s=function({label:e,state:t}){if(!t)return e;if((0,ee.isClassState)(t))return`${e}.${t}`;if((0,ee.isPseudoState)(t))return`${e}:${t}`;throw new Hn.UnknownStyleStateError({context:{state:t}})}({label:a,state:r});return{id:i?i+(r??""):t,provider:e.provider||"",breakpoint:o??"desktop",displayLabel:s,value:await ts(e,n,l)}})(e,n,t,l)))).map(e=>({...e,displayLabel:f.ELEMENTS_BASE_STYLES_PROVIDER_KEY!==e.provider?e.displayLabel:(0,V.__)("Base","elementor")})).filter(e=>!e.value||""!==e.displayLabel).slice(0,2);o(n)})()},[e,t,l]),r})(e,m,d),E=n.createElement(O.ClickAwayListener,{onClickAway:u},n.createElement(O.Card,{elevation:0,sx:{width:p-32+"px",maxWidth:496,maxHeight:268,overflowX:"hidden",display:"flex",flexDirection:"column"}},n.createElement(O.Box,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"background.paper"}},n.createElement(z.PopoverHeader,{title:(0,V.__)("Style origin","elementor"),onClose:u})),n.createElement(O.CardContent,{sx:{display:"flex",flexDirection:"column",p:0,flex:1,overflow:"auto","&:last-child":{pb:0}}},n.createElement(O.Stack,{gap:1.5,sx:{pl:2,pr:1,pt:1.5,pb:1.5},role:"list"},y.map((e,t)=>n.createElement(O.Box,{key:e.id,display:"flex",gap:.5,role:"listitem","aria-label":(0,V.__)("Inheritance item: %s","elementor").replace("%s",e.displayLabel)},n.createElement(O.Box,{display:"flex",gap:.5,sx:{flexWrap:"wrap",width:"100%",alignItems:"flex-start"}},n.createElement(ls,{breakpoint:e.breakpoint}),n.createElement(os,{displayLabel:e.displayLabel,provider:e.provider}),n.createElement(as,{index:t,value:e.value})),n.createElement(is,null)))))));return a?n.createElement(O.Box,{sx:{display:"inline-flex"}},o):n.createElement(O.Box,{ref:c,sx:{display:"inline-flex"}},n.createElement(cs,{showInfotip:i,onClose:u,infotipContent:E,isDisabled:a},n.createElement(O.IconButton,{onClick:()=>{a||s(e=>!e)},"aria-label":r,sx:{my:"-1px"},disabled:a},o)))};function cs({children:e,showInfotip:t,onClose:l,infotipContent:r,isDisabled:o}){return o?n.createElement(O.Box,{sx:{display:"inline-flex"}},e):t?n.createElement(n.Fragment,null,n.createElement(O.Backdrop,{open:t,onClick:l,sx:{backgroundColor:"transparent",zIndex:e=>e.zIndex.modal-1}}),n.createElement(O.Infotip,{placement:"top-end",content:r,open:t,onClose:l,disableHoverListener:!0},e)):n.createElement(O.Tooltip,{title:(0,V.__)("Style origin","elementor"),placement:"top"},e)}const us=({customContext:e})=>{const t=(0,Xe.useBoundProp)(),{path:l,propType:r}=e||t,o=ln(l);return l&&o.length?n.createElement(ms,{inheritanceChain:o,path:l,propType:r}):null},ms=({inheritanceChain:e,path:t,propType:l,isDisabled:o})=>{const{id:a,provider:i,meta:s}=C(),c=a?((e,t,n)=>e.find(({style:e,variant:{meta:{breakpoint:l,state:r}}})=>e.id===t&&l===n.breakpoint&&r===n.state))(e,a,s):null,u=!(0,r.isEmpty)(c?.value),[m]=e;if(m.provider===f.ELEMENTS_BASE_STYLES_PROVIDER_KEY)return null;const p=c===m,d=ps({isFinalValue:p,hasValue:u}),y={getColor:p&&i?U(i.getKey()):void 0,isOverridden:!(!u||p)||void 0};return n.createElement(ss,{inheritanceChain:e,path:t,propType:l,label:d,isDisabled:o},n.createElement(re,y))},ps=({isFinalValue:e,hasValue:t})=>e?(0,V.__)("This is the final value","elementor"):t?(0,V.__)("This value is overridden by another style","elementor"):(0,V.__)("This has value from another style","elementor"),ds=new Set(["background-color-overlay","background-image-overlay","background-gradient-overlay","gradient-color-stop","color-stop","background-image-position-offset","background-image-size-scale","image-src","image","background-overlay"]),fs=(0,Hn.createTransformer)(e=>e&&0!==e.length?e.every(e=>"string"==typeof e||"number"==typeof e)?e.join(" "):n.createElement(n.Fragment,null,e.map((e,t)=>n.createElement(n.Fragment,{key:t},t>0&&" ",e))):null),ys=(0,Hn.createTransformer)(e=>n.createElement(O.Stack,{direction:"row",gap:1,alignItems:"center"},n.createElement(Es,{value:e}))),Es=({value:{color:e}})=>n.createElement("span",null,e),gs=(0,O.styled)(O.UnstableColorIndicator)(({theme:e})=>({width:"1em",height:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})),bs=(0,Hn.createTransformer)(e=>n.createElement(O.Stack,{direction:"row",gap:1,alignItems:"center"},n.createElement(vs,{value:e}),n.createElement(hs,{value:e}))),vs=({value:e})=>{const t=_s(e);return n.createElement(gs,{size:"inherit",component:"span",value:t})},hs=({value:e})=>"linear"===e.type?n.createElement("span",null,(0,V.__)("Linear gradient","elementor")):n.createElement("span",null,(0,V.__)("Radial gradient","elementor")),_s=e=>{const t=e.stops?.map(({color:e,offset:t})=>`${e} ${t??0}%`)?.join(",");return"linear"===e.type?`linear-gradient(${e.angle}deg, ${t})`:`radial-gradient(circle at ${e.positions}, ${t})`};var ws=window.elementorV2.wpMedia;const Ss=(0,Hn.createTransformer)(e=>n.createElement(O.Stack,{direction:"row",gap:1,alignItems:"center"},n.createElement(Cs,{value:e}),n.createElement(xs,{value:e}))),Cs=({value:e})=>{const{imageUrl:t}=Ts(e);return n.createElement(O.CardMedia,{image:t,sx:e=>({height:"1em",width:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})})},xs=({value:e})=>{const{imageTitle:t}=Ts(e);return n.createElement(z.EllipsisWithTooltip,{title:t},n.createElement("span",null,t))},Ts=e=>{let t,n=null;const l=e?.image.src,{data:r}=(0,ws.useWpMediaAttachment)(l.id||null);if(l.id){const e=Is(r?.filename);t=`${r?.title}${e}`||null,n=r?.url||null}else l.url&&(n=l.url,t=n?.substring(n.lastIndexOf("/")+1)||null);return{imageTitle:t,imageUrl:n}},Is=e=>e?`.${e.substring(e.lastIndexOf(".")+1)}`:"",Ps=(0,Hn.createTransformer)(e=>{if(!e)return null;const{color:t,hOffset:l,vOffset:r,blur:o,spread:a,position:i}=e,s=t||"#000000",c=[l||"0px",r||"0px",o||"10px",a||"0px"].join(" "),u=i||"outset";return n.createElement(n.Fragment,null,s," ",u,", ",c)}),ks=(0,O.styled)(O.UnstableColorIndicator)(({theme:e})=>({width:"1em",height:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})),Ds=(0,Hn.createTransformer)(e=>function(e){return!!e.trim()&&CSS.supports("color",e.trim())}(e)?n.createElement(O.Stack,{direction:"row",gap:1,alignItems:"center"},n.createElement(ks,{size:"inherit",component:"span",value:e}),n.createElement("span",null,e)):e),zs=e=>(0,Hn.createTransformer)((t,n)=>e(t,n));const Rs=()=>{(function(){const e=Hn.styleTransformersRegistry.all();Object.entries(e).forEach(([e,t])=>{ds.has(e)||Hn.stylesInheritanceTransformersRegistry.register(e,t)}),Hn.stylesInheritanceTransformersRegistry.registerFallback((0,Hn.createTransformer)(e=>e)),function(e){Hn.stylesInheritanceTransformersRegistry.register("color",Ds),Hn.stylesInheritanceTransformersRegistry.register("background-color-overlay",ys),Hn.stylesInheritanceTransformersRegistry.register("background-gradient-overlay",bs),Hn.stylesInheritanceTransformersRegistry.register("background-image-overlay",Ss),Hn.stylesInheritanceTransformersRegistry.register("shadow",Ps),Hn.stylesInheritanceTransformersRegistry.register("filter",zs(e.filter)),Hn.stylesInheritanceTransformersRegistry.register("backdrop-filter",zs(e["backdrop-filter"])),Hn.stylesInheritanceTransformersRegistry.register("transition",zs(e.transition)),["background-overlay","box-shadow","transform-functions"].forEach(e=>Hn.stylesInheritanceTransformersRegistry.register(e,fs))}(e)})(),Bt({fieldType:Vt.STYLES,id:"styles-inheritance",priority:1,indicator:us})};function Ls(){(0,Ze.__registerPanel)($a),Os(),(0,Ua.injectIntoLogic)({id:"editing-panel-hooks",component:Ka}),Xi(),Rs(),ii(),Qi({id:"reset-style-value",priority:10,useProps:es}),Ya()}const Os=()=>{(0,R.blockCommand)({command:"panel/editor/open",condition:Wa})};(window.elementorV2=window.elementorV2||{}).editorEditingPanel=t}(),window.elementorV2.editorEditingPanel?.init?.();