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