PluginProbe
Elementor Website Builder – more than just a page builder / trunk
Elementor Website Builder – more than just a page builder vtrunk
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/js/packages/editor-editing-panel/editor-editing-panel.min.js +7 -7 4.2.2 → trunk View file →
@@ -1,17 +1,17 @@
1 -!function(){"use strict";var e={2020:function(e){e.exports=window.elementorV2.editorProps},5527:function(e){e.exports=window.elementorV2.editorV1Adapters},22444:function(e){e.exports=window.elementorV2.utils},22504:function(e){e.exports=window.elementorV2.editor},24413:function(e){e.exports=window.elementorV2.icons},27723:function(e){e.exports=window.wp.i18n},27987:function(e){e.exports=window.elementorV2.menus},40213:function(e){e.exports=window.elementorV2.editorVariables},46280:function(e){e.exports=window.elementorV2.editorDocuments},47182:function(e){e.exports=window.elementorV2.editorStylesRepository},47290:function(e){e.exports=window.elementorV2.editorStyles},48308:function(e,t,n){var l,r=Object.create,o=Object.defineProperty,a=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,__copyProps=(e,t,n,l)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of i(t))c.call(e,r)||r===n||o(e,r,{get:()=>t[r],enumerable:!(l=a(t,r))||l.enumerable});return e},__toESM=(e,t,n)=>(n=null!=e?r(s(e)):{},__copyProps(!t&&e&&e.__esModule?n:o(n,"default",{value:e,enumerable:!0}),e)),u={};((e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})})(u,{BaseControl:()=>Control,ControlLabel:()=>ControlLabel,ControlTypeContainer:()=>ControlTypeContainer,CustomCssIndicator:()=>CustomCssIndicator,EditingPanelTabs:()=>EditingPanelTabs,ElementProvider:()=>ElementProvider,FIELD_TYPE:()=>An,HISTORY_DEBOUNCE_WAIT:()=>xt,SectionContent:()=>SectionContent,SettingsControl:()=>SettingsControl,SettingsField:()=>SettingsField,StyleIndicator:()=>Pe,StyleTabSection:()=>StyleTabSection,StylesProviderCannotUpdatePropsError:()=>D,controlsRegistry:()=>Cn,createTopLevelObjectType:()=>createTopLevelObjectType,doApplyClasses:()=>doApplyClasses,doGetAppliedClasses:()=>doGetAppliedClasses,doUnapplyClass:()=>doUnapplyClass,extractDependencyEffect:()=>extractDependencyEffect,extractOrderedDependencies:()=>extractOrderedDependencies,getElementSettingsWithDefaults:()=>getElementSettingsWithDefaults,getFieldIndicators:()=>getFieldIndicators,getSubtitle:()=>getSubtitle,getTitle:()=>getTitle,getUpdatedValues:()=>getUpdatedValues,init:()=>init4,injectIntoClassSelectorActions:()=>ot,injectIntoCssClassConvert:()=>A,injectIntoGridFields:()=>Ii,injectIntoPanelHeaderTop:()=>iu,injectIntoStyleTab:()=>ru,isDynamicPropValue:()=>isDynamicPropValue,registerEditingPanelReplacement:()=>registerEditingPanelReplacement,registerElementPanelDefaults:()=>registerElementPanelDefaults,registerFieldIndicator:()=>registerFieldIndicator,registerStyleProviderToColors:()=>registerStyleProviderToColors,setLicenseConfig:()=>setLicenseConfig,useClassesProp:()=>useClassesProp,useCustomCss:()=>useCustomCss,useElement:()=>useElement,usePanelActions:()=>Eu,usePanelStatus:()=>gu,useStateByElement:()=>useStateByElement,useStyle:()=>useStyle,useStylesRerender:()=>useStylesRerender}),e.exports=(l=u,__copyProps(o({},"__esModule",{value:!0}),l));var m=__toESM(n(97557)),p=n(70975),d=n(2020),y=n(87627),f=n(78187),E=__toESM(n(97557)),g=n(97557),b=(0,g.createContext)(null);function ClassesPropProvider({children:e,prop:t}){return E.createElement(b.Provider,{value:{prop:t}},e)}function useClassesProp(){const e=(0,g.useContext)(b);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var h=__toESM(n(97557)),v=n(97557),_=(0,v.createContext)(null);function ElementProvider({children:e,element:t,elementType:n,settings:l}){return h.createElement(_.Provider,{value:{element:t,elementType:n,settings:l}},e)}function useElement(){const e=(0,v.useContext)(_);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}function usePanelElementSetting(e){const t=(0,v.useContext)(_);if(!t)throw new Error("usePanelElementSetting must be used within a ElementProvider");return t.settings[e]??null}var S=__toESM(n(97557)),C=n(97557),w=n(47182),x=n(22444),T=(0,x.createError)({code:"control_type_not_found",message:"Control type not found."}),I=(0,x.createError)({code:"control_type_already_registered",message:"Control type is already registered."}),P=(0,x.createError)({code:"control_type_not_registered",message:"Control type is not registered."}),k=(0,x.createError)({code:"provider_not_found",message:"Styles provider not found."}),D=(0,x.createError)({code:"provider_cannot_update_props",message:"Styles provider doesn't support updating props."}),z=(0,x.createError)({code:"style_not_found_under_provider",message:"Style not found under the provider."}),R=(0,C.createContext)(null);function StyleProvider({children:e,...t}){const n=null===t.id?null:getProviderByStyleId(t.id),{userCan:l}=(0,w.useUserStylesCapability)();if(t.id&&!n)throw new k({context:{styleId:t.id}});const r=l(n?.getKey()??"").updateProps;return S.createElement(R.Provider,{value:{...t,provider:n,canEdit:r}},e)}function useStyle(){const e=(0,C.useContext)(R);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}function getProviderByStyleId(e){return w.stylesRepository.getProviders().find(t=>t.actions.all().find(t=>t.id===e))??null}var L="pending-class-rename-id",{Slot:V,inject:A}=(0,y.createLocation)(),CssClassConvert=e=>{const{element:t}=useElement(),n=t.id,l=useClassesProp(),{setId:r}=useStyle(),[,o]=(0,f.useSessionStorage)(L,"app");return m.createElement(V,{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.");onConvert({newId:t,elementId:n,classesProp:l,styleDef:e.styleDef}),o(t),r(t),e.closeMenu()}})},onConvert=e=>{const{newId:t,elementId:n,classesProp:l}=e;(0,p.deleteElementStyle)(n,e.styleDef.id);const r=(0,p.getElementSetting)(n,l)||{value:[]};(0,p.updateElementSettings)({id:n,props:{[l]:d.classesPropTypeUtil.create([t,...r.value])},withHistory:!1})},B=__toESM(n(97557)),M=n(77394),U=n(24413),N=n(79513),ControlLabel=({children:e,infoTooltip:t})=>B.createElement(N.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},B.createElement(M.ControlFormLabel,null,e),t&&B.createElement(N.Tooltip,{title:t,placement:"top"},B.createElement(U.InfoCircleIcon,{fontSize:"tiny"})),B.createElement(M.ControlAdornments,null)),O=__toESM(n(97557)),F=n(97557),j=n(47182),$=n(70374),G=n(24413),W=n(87627),K=n(79513),H=n(27723),q=n(47182),J={name:"default",getThemeColor:null},Y=new Map,registerStyleProviderToColors=(e,t)=>{Y.set(e,t)},getStyleProviderColors=e=>Y.get(e)??J,getStylesProviderColorName=e=>e&&e!==q.ELEMENTS_BASE_STYLES_PROVIDER_KEY?(0,q.isElementsStylesProvider)(e)?"accent":getStyleProviderColors(e).name:"default",getStylesProviderThemeColor=e=>e&&e!==q.ELEMENTS_BASE_STYLES_PROVIDER_KEY?(0,q.isElementsStylesProvider)(e)?e=>e.palette.accent.main:getStyleProviderColors(e).getThemeColor:null;function getTempStylesProviderThemeColor(e){return(0,q.isElementsStylesProvider)(e)?e=>e.palette.primary.main:getStylesProviderThemeColor(e)}var X=n(47182),trackStyles=(e,t,n)=>{const l=X.stylesRepository.getProviderByKey(e);l?.actions.tracking?.({event:t,...n})},Q=__toESM(n(97557)),Z=n(97557),ee=n(79513);function removeInternalKeys(e){const{_group:t,_action:n,...l}=e;return l}var te=n(97557);var ne=n(97557);var le=n(79513),re=/[^a-zA-Z0-9_-]/g;var oe=Q.forwardRef(function CreatableAutocompleteInner({selected:e,options:t,entityName:n,onSelect:l,placeholder:r,onCreate:o,validate:a,renderEmptyState:i,...s},c){const{inputValue:u,setInputValue:m,error:p,setError:d,inputHandlers:y}=function useInputState(e){const[t,n]=(0,te.useState)(""),[l,r]=(0,te.useState)(null);return{inputValue:t,setInputValue:n,error:l,setError:r,inputHandlers:{onChange:t=>{const{value:l}=t.target;if(n(l),!e)return;if(!l)return void r(null);const{isValid:o,errorMessage:a}=e(l,"inputChange");r(o?null:a)},onBlur:()=>{n(""),r(null)}}}}(a),{open:f,openDropdown:E,closeDropdown:g}=function useOpenState(e=!1){const[t,n]=(0,te.useState)(e);return{open:t,openDropdown:()=>n(!0),closeDropdown:()=>n(!1)}}(s.open),{createOption:b,loading:h}=function useCreateOption(e){const{onCreate:t,validate:n,setInputValue:l,setError:r,closeDropdown:o}=e,[a,i]=(0,ne.useState)(!1);return t?{createOption:async e=>{if(i(!0),n){const{isValid:t,errorMessage:l}=n(e,"create");if(!t)return r(l),void i(!1)}try{l(""),o(),await t(e)}catch{}finally{i(!1)}},loading:a}:{createOption:null,loading:!1}}({onCreate:o,validate:a,setInputValue:m,setError:d,closeDropdown:g}),[v,_]=(0,Z.useMemo)(()=>[t,e].map(e=>function addGroupToOptions(e,t){return e.map(e=>({...e,_group:`Existing ${t??"options"}`}))}(e,n?.plural)),[t,e,n?.plural]),S=function useAutocompleteChange(e){const{options:t,onSelect:n,createOption:l,setInputValue:r,closeDropdown:o}=e;if(!n&&!l)return;return async(e,n,a,i)=>{const s=i?.option;if(!s||"object"==typeof s&&s.fixed)return;const c=n.filter(e=>"string"!=typeof e);switch(a){case"removeOption":updateSelectedOptions(c,"removeOption",s);break;case"selectOption":{const e=s;if("create"===e._action){const t=e.value;return l?.(t)}updateSelectedOptions(c,"selectOption",e);break}case"createOption":{const e=s,n=t.find(t=>t.label.toLocaleLowerCase()===e.toLocaleLowerCase());if(!n)return l?.(e);c.push(n),updateSelectedOptions(c,"selectOption",n);break}}r(""),o()};function updateSelectedOptions(e,t,l){n?.(e.map(e=>removeInternalKeys(e)),t,removeInternalKeys(l))}}({options:v,onSelect:l,createOption:b,setInputValue:m,closeDropdown:g}),C=function useFilterOptions(e){const{options:t,selected:n,onCreate:l,entityName:r}=e,o=(0,le.createFilterOptions)({matchFrom:"any"});return(e,a)=>{const i=n.map(e=>e.value),s=o(e.filter(e=>!i.includes(e.value)),{...a,inputValue:(c=a.inputValue,c.replace(re,"").toLowerCase())});var c;const u=t.some(e=>a.inputValue===e.label);return Boolean(l)&&""!==a.inputValue&&!i.includes(a.inputValue)&&!u&&s.unshift({label:`Create "${a.inputValue}"`,value:a.inputValue,_group:`Create a new ${r?.singular??"option"}`,key:`create-${a.inputValue}`,_action:"create"}),s}}({options:t,selected:e,onCreate:o,entityName:n}),w=Boolean(o)||u.length<2||void 0;return Q.createElement(ee.Autocomplete,{renderTags:(e,t)=>e.map((e,n)=>Q.createElement(ee.Chip,{size:"tiny",...t({index:n}),key:e.key??e.value??e.label,label:e.label})),...s,ref:c,freeSolo:w,forcePopupIcon:!1,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:h,open:f,onOpen:E,onClose:g,disableCloseOnSelect:!0,value:_,options:v,ListboxComponent:p?Q.forwardRef((e,t)=>Q.createElement(ae,{ref:t,error:p})):void 0,renderGroup:e=>Q.createElement(Group,{...e}),inputValue:u,renderInput:e=>Q.createElement(ee.TextField,{...e,error:Boolean(p),placeholder:r,...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:n,label:l}=t;return Q.createElement("li",{...e,style:{display:"block",textOverflow:"ellipsis"},"data-group":n},l)},noOptionsText:i?.({searchValue:u,onClear:()=>{m(""),g()}}),isOptionEqualToValue:(e,t)=>"string"==typeof e?e===t:e.value===t.value})});var Group=e=>{const t=`combobox-group-${(0,Z.useId)().replace(/:/g,"_")}`;return Q.createElement(ie,{role:"group","aria-labelledby":t},Q.createElement(se,{id:t}," ",e.group),Q.createElement(ce,{role:"listbox"},e.children))},ae=Q.forwardRef(({error:e="error"},t)=>Q.createElement(ee.Box,{ref:t,sx:e=>({padding:e.spacing(2)})},Q.createElement(ee.Typography,{variant:"caption",sx:{color:"error.main",display:"inline-block"}},e))),ie=(0,ee.styled)("li")`
1 +(function(){var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,__commonJSMin=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),__copyProps=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},__toESM=(n,r,a)=>(a=n==null?{}:e(i(n)),__copyProps(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),o=__toESM(__commonJSMin(((e,t)=>{var n=Object.create,r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,__export=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},__copyProps=(e,t,n,o)=>{if(t&&typeof t==`object`||typeof t==`function`)for(let c of a(t))!s.call(e,c)&&c!==n&&r(e,c,{get:()=>t[c],enumerable:!(o=i(t,c))||o.enumerable});return e},__toESM=(e,t,i)=>(i=e==null?{}:n(o(e)),__copyProps(t||!e||!e.__esModule?r(i,`default`,{value:e,enumerable:!0}):i,e)),__toCommonJS=e=>__copyProps(r({},`__esModule`,{value:!0}),e),c={};__export(c,{BaseControl:()=>Control,ClassesPropProvider:()=>ClassesPropProvider,ControlLabel:()=>ControlLabel,ControlTypeContainer:()=>ControlTypeContainer,CreatableAutocomplete:()=>ne,CustomCssIndicator:()=>CustomCssIndicator,DEFAULT_PSEUDO_STATES:()=>lt,EditingPanelTabs:()=>EditingPanelTabs,ElementProvider:()=>ElementProvider,FIELD_TYPE:()=>mr,HISTORY_DEBOUNCE_WAIT:()=>sn,PseudoStateMenuItems:()=>PseudoStateMenuItems,STYLE_SECTIONS:()=>Cu,STYLE_SECTION_NAMES:()=>wu,SectionContent:()=>SectionContent,SectionsList:()=>SectionsList,SettingsControl:()=>SettingsControl,SettingsField:()=>SettingsField,StyleIndicator:()=>st,StyleInheritanceProvider:()=>StyleInheritanceProvider,StyleProvider:()=>StyleProvider,StyleSections:()=>StyleSections,StyleTabSection:()=>StyleTabSection,StyleTabSlot:()=>Du,StylesProviderCannotUpdatePropsError:()=>Ee,controlsRegistry:()=>E,createTopLevelObjectType:()=>createTopLevelObjectType,doApplyClasses:()=>doApplyClasses,doGetAppliedClasses:()=>doGetAppliedClasses,doUnapplyClass:()=>doUnapplyClass,extractDependencyEffect:()=>extractDependencyEffect,extractOrderedDependencies:()=>extractOrderedDependencies,getElementSettingsWithDefaults:()=>getElementSettingsWithDefaults,getFieldIndicators:()=>getFieldIndicators,getSubtitle:()=>getSubtitle,getTitle:()=>getTitle,getUpdatedValues:()=>getUpdatedValues,init:()=>init4,injectIntoClassSelectorActions:()=>Bt,injectIntoCssClassConvert:()=>je,injectIntoGridFields:()=>Qs,injectIntoPanelHeaderTop:()=>ju,injectIntoStyleTab:()=>Ou,isDynamicPropValue:()=>isDynamicPropValue,registerEditingPanelReplacement:()=>registerEditingPanelReplacement,registerElementPanelDefaults:()=>registerElementPanelDefaults,registerFieldIndicator:()=>registerFieldIndicator,registerStyleProviderToColors:()=>registerStyleProviderToColors,setLicenseConfig:()=>setLicenseConfig,useClassesProp:()=>useClassesProp,useCustomCss:()=>useCustomCss,useElement:()=>useElement,usePanelActions:()=>Uu,usePanelStatus:()=>Wu,usePseudoStates:()=>usePseudoStates,useStateByElement:()=>useStateByElement,useStyle:()=>useStyle,useStylesRerender:()=>useStylesRerender}),t.exports=__toCommonJS(c);var l=__toESM(globalThis.React),u=globalThis.React,d=globalThis.elementorV2.ui;function addGroupToOptions(e,t){return e.map(e=>({...e,_group:`Existing ${t??`options`}`}))}function removeInternalKeys(e){let{_group:t,_action:n,...r}=e;return r}function useAutocompleteChange(e){let{options:t,onSelect:n,createOption:r,setInputValue:i,closeDropdown:a}=e;if(!n&&!r)return;let handleChange=async(e,n,o,s)=>{let c=s?.option;if(!c||typeof c==`object`&&c.fixed)return;let l=n.filter(e=>typeof e!=`string`);switch(o){case`removeOption`:updateSelectedOptions(l,`removeOption`,c);break;case`selectOption`:{let e=c;if(e._action===`create`){let t=e.value;return r?.(t)}updateSelectedOptions(l,`selectOption`,e);break}case`createOption`:{let e=c,n=t.find(t=>t.label.toLocaleLowerCase()===e.toLocaleLowerCase());if(n)l.push(n),updateSelectedOptions(l,`selectOption`,n);else return r?.(e);break}}i(``),a()};return handleChange;function updateSelectedOptions(e,t,r){n?.(e.map(e=>removeInternalKeys(e)),t,removeInternalKeys(r))}}var f=globalThis.React;function useInputState(e){let[t,n]=(0,f.useState)(``),[r,i]=(0,f.useState)(null),handleInputChange=t=>{let{value:r}=t.target;if(n(r),!e)return;if(!r){i(null);return}let{isValid:a,errorMessage:o}=e(r,`inputChange`);i(a?null:o)},handleInputBlur=()=>{n(``),i(null)};return{inputValue:t,setInputValue:n,error:r,setError:i,inputHandlers:{onChange:handleInputChange,onBlur:handleInputBlur}}}function useOpenState(e=!1){let[t,n]=(0,f.useState)(e),openDropdown=()=>n(!0),closeDropdown=()=>n(!1);return{open:t,openDropdown,closeDropdown}}var p=globalThis.React;function useCreateOption(e){let{onCreate:t,validate:n,setInputValue:r,setError:i,closeDropdown:a}=e,[o,s]=(0,p.useState)(!1);if(!t)return{createOption:null,loading:!1};let createOption=async e=>{if(s(!0),n){let{isValid:t,errorMessage:r}=n(e,`create`);if(!t){i(r),s(!1);return}}try{r(``),a(),await t(e)}catch{}finally{s(!1)}};return{createOption,loading:o}}var m=globalThis.elementorV2.ui,ee=/[^a-zA-Z0-9_-]/g;function normalizeClassSearch(e){return e.replace(ee,``).toLowerCase()}function useFilterOptions(e){let{options:t,selected:n,onCreate:r,entityName:i}=e,a=(0,m.createFilterOptions)({matchFrom:`any`}),filterOptions=(e,o)=>{let s=n.map(e=>e.value),c=a(e.filter(e=>!s.includes(e.value)),{...o,inputValue:normalizeClassSearch(o.inputValue)}),l=t.some(e=>o.inputValue===e.label);return r&&o.inputValue!==``&&!s.includes(o.inputValue)&&!l&&c.unshift({label:`Create "${o.inputValue}"`,value:o.inputValue,_group:`Create a new ${i?.singular??`option`}`,key:`create-${o.inputValue}`,_action:`create`}),c};return filterOptions}var te=2,ne=l.forwardRef(CreatableAutocompleteInner);function CreatableAutocompleteInner({selected:e,options:t,entityName:n,onSelect:r,placeholder:i,onCreate:a,validate:o,renderEmptyState:s,...c},f){let{inputValue:p,setInputValue:m,error:ee,setError:ne,inputHandlers:ie}=useInputState(o),{open:ae,openDropdown:oe,closeDropdown:se}=useOpenState(c.open),{createOption:ce,loading:le}=useCreateOption({onCreate:a,validate:o,setInputValue:m,setError:ne,closeDropdown:se}),[ue,de]=(0,u.useMemo)(()=>[t,e].map(e=>addGroupToOptions(e,n?.plural)),[t,e,n?.plural]),fe=useAutocompleteChange({options:ue,onSelect:r,createOption:ce,setInputValue:m,closeDropdown:se}),pe=useFilterOptions({options:t,selected:e,onCreate:a,entityName:n}),me=!!a||p.length<te||void 0;return l.createElement(d.Autocomplete,{renderTags:(e,t)=>e.map((e,n)=>l.createElement(d.Chip,{size:`tiny`,...t({index:n}),key:e.key??e.value??e.label,label:e.label})),...c,ref:f,freeSolo:me,forcePopupIcon:!1,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:le,open:ae,onOpen:oe,onClose:se,disableCloseOnSelect:!0,value:de,options:ue,ListboxComponent:ee?l.forwardRef((e,t)=>l.createElement(re,{ref:t,error:ee})):void 0,renderGroup:e=>l.createElement(Group,{...e}),inputValue:p,renderInput:e=>l.createElement(d.TextField,{...e,error:!!ee,placeholder:i,...ie,sx:e=>({".MuiAutocomplete-inputRoot.MuiInputBase-adornedStart":{paddingLeft:e.spacing(.25),paddingRight:e.spacing(.25)}})}),onChange:fe,getOptionLabel:e=>typeof e==`string`?e:e.label,getOptionKey:e=>typeof e==`string`?e:e.key??e.value??e.label,filterOptions:pe,groupBy:e=>e._group??``,renderOption:(e,t)=>{let{_group:n,label:r}=t;return l.createElement(`li`,{...e,style:{display:`block`,textOverflow:`ellipsis`},"data-group":n},r)},noOptionsText:s?.({searchValue:p,onClear:()=>{m(``),se()}}),isOptionEqualToValue:(e,t)=>typeof e==`string`?e===t:e.value===t.value})}var Group=e=>{let t=`combobox-group-${(0,u.useId)().replace(/:/g,`_`)}`;return l.createElement(ie,{role:`group`,"aria-labelledby":t},l.createElement(ae,{id:t},` `,e.group),l.createElement(oe,{role:`listbox`},e.children))},re=l.forwardRef(({error:e=`error`},t)=>l.createElement(d.Box,{ref:t,sx:e=>({padding:e.spacing(2)})},l.createElement(d.Typography,{variant:`caption`,sx:{color:`error.main`,display:`inline-block`}},e))),ie=(0,d.styled)(`li`)`
2 2 &:not( :last-of-type ) {
3 3 border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
4 4 }
5 -`,se=(0,ee.styled)(ee.Box)(({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary,backgroundColor:e.palette.primary.contrastText})),ce=(0,ee.styled)("ul")`
5 +`,ae=(0,d.styled)(d.Box)(({theme:e})=>({position:`sticky`,top:`-8px`,padding:e.spacing(1,2),color:e.palette.text.tertiary,backgroundColor:e.palette.primary.contrastText})),oe=(0,d.styled)(`ul`)`
6 6 padding: 0;
7 -`,ue=__toESM(n(97557)),me=n(97557),pe=n(47290),de=n(47182),ye=n(70374),fe=n(24413),Ee=n(78187),ge=n(79513),be=n(27723),he=__toESM(n(97557)),ve=n(97557),_e=(0,ve.createContext)(null),useCssClass=()=>{const e=(0,ve.useContext)(_e);if(!e)throw new Error("useCssClass must be used within a CssClassProvider");return e};function CssClassProvider({children:e,...t}){return he.createElement(_e.Provider,{value:t},e)}var Se=__toESM(n(97557)),Ce=n(2020),we=n(47182),xe=n(70374),Te=n(79513),Ie=n(27723),Pe=(0,n(79513).styled)("div",{shouldForwardProp:e=>!["isOverridden","getColor"].includes(e)})`
7 +`,se=__toESM(globalThis.React),ce=globalThis.elementorV2.editorElements,le=globalThis.elementorV2.editorProps,ue=globalThis.elementorV2.locations,de=globalThis.elementorV2.session,fe=__toESM(globalThis.React),pe=globalThis.React,me=(0,pe.createContext)(null);function ClassesPropProvider({children:e,prop:t}){return fe.createElement(me.Provider,{value:{prop:t}},e)}function useClassesProp(){let e=(0,pe.useContext)(me);if(!e)throw Error(`useClassesProp must be used within a ClassesPropProvider`);return e.prop}var he=__toESM(globalThis.React),ge=globalThis.React,_e=(0,ge.createContext)(null);function ElementProvider({children:e,element:t,elementType:n,settings:r}){return he.createElement(_e.Provider,{value:{element:t,elementType:n,settings:r}},e)}function useElement(){let e=(0,ge.useContext)(_e);if(!e)throw Error(`useElement must be used within a ElementProvider`);return e}function usePanelElementSetting(e){let t=(0,ge.useContext)(_e);if(!t)throw Error(`usePanelElementSetting must be used within a ElementProvider`);return t.settings[e]??null}var ve=__toESM(globalThis.React),ye=globalThis.React,be=globalThis.elementorV2.editorStylesRepository,xe=globalThis.elementorV2.utils,Se=(0,xe.createError)({code:`control_type_not_found`,message:`Control type not found.`}),Ce=(0,xe.createError)({code:`control_type_already_registered`,message:`Control type is already registered.`}),we=(0,xe.createError)({code:`control_type_not_registered`,message:`Control type is not registered.`}),Te=(0,xe.createError)({code:`provider_not_found`,message:`Styles provider not found.`}),Ee=(0,xe.createError)({code:`provider_cannot_update_props`,message:`Styles provider doesn't support updating props.`}),De=(0,xe.createError)({code:`style_not_found_under_provider`,message:`Style not found under the provider.`}),Oe=(0,ye.createContext)(null);function StyleProvider({children:e,...t}){let n=t.id===null?null:getProviderByStyleId(t.id),{userCan:r}=(0,be.useUserStylesCapability)();if(t.id&&!n)throw new Te({context:{styleId:t.id}});let i=r(n?.getKey()??``).updateProps;return ve.createElement(Oe.Provider,{value:{...t,provider:n,canEdit:i}},e)}function useStyle(){let e=(0,ye.useContext)(Oe);if(!e)throw Error(`useStyle must be used within a StyleProvider`);return e}function getProviderByStyleId(e){return be.stylesRepository.getProviders().find(t=>t.actions.all().find(t=>t.id===e))??null}function useIsStyle(){return!!(0,ye.useContext)(Oe)}var ke=`pending-class-rename-id`,{Slot:Ae,inject:je}=(0,ue.createLocation)(),CssClassConvert=e=>{let{element:t}=useElement(),n=t.id,r=useClassesProp(),{setId:i}=useStyle(),[,a]=(0,de.useSessionStorage)(ke,`app`),successCallback=t=>{if(!e.styleDef)throw Error(`Style definition is required for converting local class to global class.`);onConvert({newId:t,elementId:n,classesProp:r,styleDef:e.styleDef}),a(t),i(t),e.closeMenu()};return se.createElement(Ae,{canConvert:!!e.canConvert,styleDef:e.styleDef,successCallback})},onConvert=e=>{let{newId:t,elementId:n,classesProp:r}=e;(0,ce.deleteElementStyle)(n,e.styleDef.id);let i=(0,ce.getElementSetting)(n,r)||{value:[]};(0,ce.updateElementSettings)({id:n,props:{[r]:le.classesPropTypeUtil.create([t,...i.value])},withHistory:!1})},Me=__toESM(globalThis.React),Ne=globalThis.elementorV2.editorControls,Pe=globalThis.elementorV2.icons,Fe=globalThis.elementorV2.ui,ControlLabel=({children:e,infoTooltip:t})=>Me.createElement(Fe.Stack,{direction:`row`,alignItems:`center`,justifyItems:`start`,gap:.25},Me.createElement(Ne.ControlFormLabel,null,e),t&&Me.createElement(Fe.Tooltip,{title:t,placement:`top`},Me.createElement(Pe.InfoCircleIcon,{fontSize:`tiny`})),Me.createElement(Ne.ControlAdornments,null)),h=__toESM(globalThis.React),Ie=globalThis.React,Le=globalThis.elementorV2.editorStylesRepository,Re=globalThis.elementorV2.editorUi,ze=globalThis.elementorV2.icons,Be=globalThis.elementorV2.locations,g=globalThis.elementorV2.ui,_=globalThis.wp.i18n,Ve=globalThis.elementorV2.editorStylesRepository,He={name:`default`,getThemeColor:null},Ue=new Map,registerStyleProviderToColors=(e,t)=>{Ue.set(e,t)},getStyleProviderColors=e=>Ue.get(e)??He,getStylesProviderColorName=e=>!e||e===Ve.ELEMENTS_BASE_STYLES_PROVIDER_KEY?`default`:(0,Ve.isElementsStylesProvider)(e)?`accent`:getStyleProviderColors(e).name,getStylesProviderThemeColor=e=>!e||e===Ve.ELEMENTS_BASE_STYLES_PROVIDER_KEY?null:(0,Ve.isElementsStylesProvider)(e)?e=>e.palette.accent.main:getStyleProviderColors(e).getThemeColor;function getTempStylesProviderThemeColor(e){return(0,Ve.isElementsStylesProvider)(e)?e=>e.palette.primary.main:getStylesProviderThemeColor(e)}var We=globalThis.elementorV2.editorStylesRepository,trackStyles=(e,t,n)=>{We.stylesRepository.getProviderByKey(e)?.actions.tracking?.({event:t,...n})},v=__toESM(globalThis.React),Ge=globalThis.React,Ke=globalThis.elementorV2.editorStyles,qe=globalThis.elementorV2.editorStylesRepository,Je=globalThis.elementorV2.editorUi,Ye=globalThis.elementorV2.icons,Xe=globalThis.elementorV2.session,Ze=globalThis.elementorV2.ui,Qe=globalThis.wp.i18n,$e=__toESM(globalThis.React),et=globalThis.React,tt=(0,et.createContext)(null),useCssClass=()=>{let e=(0,et.useContext)(tt);if(!e)throw Error(`useCssClass must be used within a CssClassProvider`);return e};function CssClassProvider({children:e,...t}){return $e.createElement(tt.Provider,{value:t},e)}var y=__toESM(globalThis.React),nt=globalThis.elementorV2.editorProps,rt=globalThis.elementorV2.editorStylesRepository,it=globalThis.elementorV2.editorUi,at=globalThis.elementorV2.ui,ot=globalThis.wp.i18n,st=(0,globalThis.elementorV2.ui.styled)(`div`,{shouldForwardProp:e=>![`isOverridden`,`getColor`].includes(e)})`
8 8 width: 5px;
9 9 height: 5px;
10 10 border-radius: 50%;
11 - 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}};
12 -`,ke=__toESM(n(97557)),De=n(47182),ze=n(70374),Re=n(78187),Le=n(27723),Ve=n(97557),Ae=n(70975),Be=n(47182),Me=n(5527),Ue=n(27723),Ne=n(46280),Oe=n(70975),Fe=n(2020),je=n(47182);function doGetAppliedClasses(e,t="classes"){return(0,Oe.getElementSetting)(e,t)?.value||[]}function doApplyClasses(e,t,n="classes"){(0,Oe.updateElementSettings)({id:e,props:{[n]:Fe.classesPropTypeUtil.create(t)},withHistory:!1}),(0,Ne.setDocumentModifiedStatus)(!0),function ensureClassesAreLoaded(e){const t=je.stylesRepository.getProviders();e.forEach(e=>{je.stylesRepository.getProviderByKey(e)?.actions.get(e);const n=t.find(t=>t.actions.all().some(t=>t.id===e));try{n?.actions.get(e)}catch{}})}(t)}function doUnapplyClass(e,t,n="classes"){const l=(0,Oe.getElementSetting)(e,n)?.value||[];if(!l.includes(t))return!1;return doApplyClasses(e,l.filter(e=>e!==t),n),!0}function useUndoableApplyClass(){const{id:e,setId:t}=useStyle(),{element:n}=useElement(),l=useApplyClass(),r=useUnapplyClasses();return(0,Ve.useMemo)(()=>(0,Me.undoable)({do:({classId:t})=>{const n=e;return l(t),n},undo:({classId:e},n)=>{r([e]),t(n)}},{title:(0,Ae.getElementLabel)(n.id),subtitle:({classLabel:e})=>(0,Ue.__)("class %s applied","elementor").replace("%s",e)}),[e,l,n.id,r,t])}function useUndoableUnapplyClass(){const{id:e,setId:t}=useStyle(),{element:n}=useElement(),l=useApplyClass(),r=useUnapplyClasses();return(0,Ve.useMemo)(()=>(0,Me.undoable)({do:({classId:t})=>{const n=e;return r([t]),n},undo:({classId:e},n)=>{l(e),t(n)}},{title:(0,Ae.getElementLabel)(n.id),subtitle:({classLabel:e})=>(0,Ue.__)("class %s removed","elementor").replace("%s",e)}),[e,l,n.id,r,t])}function useApplyClass(){const{element:e}=useElement(),{setId:t}=useStyle(),{setClasses:n,getAppliedClasses:l}=useClasses();return(0,Ve.useCallback)(r=>{const o=l();if(o.includes(r))throw new Error(`Class ${r} is already applied to element ${e.id}, cannot re-apply.`);const a=[...o,r];n(a),t(r)},[e.id,l,t,n])}function useUnapplyClasses(){const{element:e}=useElement(),{id:t,setId:n}=useStyle(),{setClasses:l,getAppliedClasses:r}=useClasses();return(0,Ve.useCallback)(o=>{const a=r();if(!o.every(e=>a.includes(e))){const t=o.filter(e=>!a.includes(e));throw new Error(`Classes ${t.join(", ")} are not applied to element ${e.id}, cannot unapply them.`)}const i=a.filter(e=>!o.includes(e));l(i),t&&o.includes(t)&&n(i[0]??null)},[t,e.id,r,n,l])}function useClasses(){const{element:e}=useElement(),t=useClassesProp();return(0,Ve.useMemo)(()=>({setClasses:n=>{doApplyClasses(e.id,n,t)},getAppliedClasses:()=>doGetAppliedClasses(e.id,t)||[]}),[t,e.id])}var $e="copy-of";function DuplicateClassMenuItem({closeMenu:e}){const{id:t,provider:n}=useCssClass(),{userCan:l}=(0,De.useUserStylesCapability)(),r=useUndoableApplyClass(),[,o]=(0,Re.useSessionStorage)(L,"app");if(!n||!t)return null;const a=De.stylesRepository.getProviderByKey(n),i=a?.actions.create,s=a?.actions.get;if(!i||!s)return null;if(!l(n).create)return null;return ke.createElement(ze.MenuListItem,{onClick:()=>{const l=s(t);if(!l)return void e();const c=a.actions.all().map(e=>e.label),u=function getUniqueDuplicateLabel(e,t){let n=`${$e}-${e}`,l=2;for(;t.includes(n);)n=`${$e}-${e}-${l}`,l++;return n}(l.label,c),m=i(u,l.variants);m&&(r({classId:m,classLabel:u}),o(m),trackStyles(n,"classCreated",{classId:m,source:"duplicated",classTitle:u})),e()}},(0,Le.__)("Duplicate","elementor"))}var Ge=__toESM(n(97557)),We=n(79513),Ke=n(27723),He=n(47182),LocalClassSubMenu=e=>{const{canConvert:t,styleDef:n}=(()=>{const{element:e}=useElement(),{provider:t,id:n,meta:l}=useStyle(),r=t?.actions.get(n,{elementId:e.id,...l}),o=t&&(0,He.isElementsStylesProvider)(t?.getKey());return{canConvert:!(!o||!(r?.variants||[]).length),isLocalStylesProvider:o,id:n,styleDef:r||null}})();return Ge.createElement(Ge.Fragment,null,Ge.createElement(We.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,Ke.__)("Local Class","elementor")),Ge.createElement(CssClassConvert,{canConvert:t,styleDef:n,closeMenu:e.popupState.close}))},qe=[{key:"normal",value:null,label:(0,Ie.__)("normal","elementor")},{key:"hover",value:"hover",label:(0,Ie.__)("hover","elementor")},{key:"focus",value:"focus",label:(0,Ie.__)("focus","elementor")},{key:"active",value:"active",label:(0,Ie.__)("active","elementor")}];function CssClassMenu({popupState:e,anchorEl:t,fixed:n}){const{provider:l}=useCssClass(),r=!l||(0,we.isElementsStylesProvider)(l),o=function usePseudoStates(){const{elementType:e}=useElement(),{pseudoStates:t=[]}=e,n=t.map(({name:e,value:t})=>({key:t,value:t,label:e}));return[...qe,...n]}();return Se.createElement(Te.Menu,{MenuListProps:{dense:!0,sx:{minWidth:"160px"}},...(0,Te.bindMenu)(e),anchorEl:t,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{horizontal:"left",vertical:-4},onKeyDown:e=>{e.stopPropagation()},disableAutoFocusItem:!0},r&&Se.createElement(LocalClassSubMenu,{popupState:e}),function getMenuItemsByProvider({provider:e,closeMenu:t,fixed:n}){if(!e)return[];const l=we.stylesRepository.getProviderByKey(e),r=l?.actions,o=r?.update,a=r?.create&&r?.get,i=!n,s=[o&&Se.createElement(RenameClassMenuItem,{key:"rename-class",closeMenu:t}),a&&Se.createElement(DuplicateClassMenuItem,{key:"duplicate-class",closeMenu:t}),i&&Se.createElement(UnapplyClassMenuItem,{key:"unapply-class",closeMenu:t})].filter(Boolean);s.length&&(s.unshift(Se.createElement(Te.MenuSubheader,{key:"provider-label",sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1,textTransform:"capitalize"}},l?.labels?.singular)),s.push(Se.createElement(Te.Divider,{key:"provider-actions-divider"})));return s}({provider:l,closeMenu:e.close,fixed:n}),Se.createElement(Te.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,Ie.__)("States","elementor")),o.map(t=>Se.createElement(StateMenuItem,{key:t.key,state:t.value,label:t.label,closeMenu:e.close})),Se.createElement(ClassStatesMenu,{closeMenu:e.close}))}function ClassStatesMenu({closeMenu:e}){const{elementStates:t,elementTitle:n}=useElementStates();if(!t.length)return null;const l=(0,Ie.__)("%s States","elementor").replace("%s",n);return Se.createElement(Se.Fragment,null,Se.createElement(Te.Divider,null),Se.createElement(Te.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},l),t.map(t=>Se.createElement(StateMenuItem,{key:t.key,state:t.value,label:t.label,closeMenu:e})))}var Je={selected:{label:(0,Ie.__)("selected","elementor")},disabled:{label:(0,Ie.__)("disabled","elementor")}};function useElementStates(){const{elementType:e}=useElement(),{styleStates:t=[]}=e;return{elementStates:t.map(({value:e,name:t})=>({key:e,value:e,label:Je[e]?.label??t})),elementTitle:e.title}}function StateMenuItem({state:e,label:t,closeMenu:n,...l}){const{id:r,provider:o}=useCssClass(),{id:a,setId:i,setMetaState:s,meta:c}=useStyle(),{state:u}=c,{userCan:m}=(0,we.useUserStylesCapability)(),p=function useModifiedStates(e){const{meta:t}=useStyle(),n=we.stylesRepository.all().find(t=>t.id===e);return Object.fromEntries(n?.variants.filter(e=>t.breakpoint===e.meta.breakpoint&&(!(0,Ce.isEmpty)(e.props)||Boolean(e.custom_css?.raw?.trim()))).map(e=>[e.meta.state??"normal",!0])??[])}(r),d=!e||m(o??"").updateProps,y=p[e??"normal"]??!1,f=!d&&!y,E=r===a,g=e===u&&E;return Se.createElement(xe.MenuListItem,{...l,selected:g,disabled:f,sx:{textTransform:"capitalize"},onClick:()=>{E||i(r),trackStyles(o??"","classStateClicked",{classId:r,type:t,source:r?"global":"local"}),s(e),n()}},Se.createElement(xe.MenuItemInfotip,{showInfoTip:f,content:(0,Ie.__)("With your current role, you can only use existing states.","elementor")},Se.createElement(Te.Stack,{gap:.75,direction:"row",alignItems:"center"},y&&Se.createElement(Pe,{"aria-label":(0,Ie.__)("Has style","elementor"),getColor:getTempStylesProviderThemeColor(o??"")}),t)))}function UnapplyClassMenuItem({closeMenu:e,...t}){const{id:n,label:l,provider:r}=useCssClass(),o=useUndoableUnapplyClass();return n?Se.createElement(xe.MenuListItem,{...t,onClick:()=>{o({classId:n,classLabel:l}),trackStyles(r??"","classRemoved",{classId:n,classTitle:l,source:"style-tab"}),e()}},(0,Ie.__)("Remove","elementor")):null}function RenameClassMenuItem({closeMenu:e}){const{handleRename:t,provider:n}=useCssClass(),{userCan:l}=(0,we.useUserStylesCapability)();if(!n)return null;const r=l(n).update;return Se.createElement(xe.MenuListItem,{disabled:!r,onClick:()=>{e(),t()}},Se.createElement(xe.MenuItemInfotip,{showInfoTip:!r,content:(0,Ie.__)("With your current role, you can use existing classes but can't modify them.","elementor")},(0,Ie.__)("Rename","elementor")))}var Ye="tiny";function CssClassItem(e){const{chipProps:t,icon:n,color:l,fixed:r,...o}=e,{id:a,provider:i,label:s,isActive:c,onClickActive:u,renameLabel:m,setError:p}=o,{elementStates:d}=useElementStates(),{meta:y,setMetaState:f}=useStyle(),E=(0,ge.usePopupState)({variant:"popover"}),[g,b]=(0,me.useState)(null),{onDelete:h,...v}=t,{userCan:_}=(0,de.useUserStylesCapability)(),[S,,C]=(0,Ee.useSessionStorage)(L,"app"),{ref:w,isEditing:x,openEditMode:T,error:I,getProps:P}=(0,ye.useEditable)({value:s,onSubmit:m,validation:validateLabel,onError:p}),k=I?"error":l,D=i?de.stylesRepository.getProviderByKey(i)?.actions:null,z=Boolean(D?.update)&&_(i??"")?.update,R=c&&y.state,V=(0,me.useMemo)(()=>y.state&&(0,pe.isClassState)(y.state)?d.find(e=>e.value===y.state)?.label:y.state,[y.state,d]);return(0,me.useEffect)(()=>{S&&a===S&&(C(),T())},[a,S]),ue.createElement(ge.ThemeProvider,{palette:"default"},ue.createElement(ge.UnstableChipGroup,{ref:b,...v,"aria-label":`Edit ${s}`,role:"group",sx:e=>({"&.MuiChipGroup-root.MuiAutocomplete-tag":{margin:e.spacing(.125)}})},ue.createElement(ge.Chip,{size:Ye,label:x?ue.createElement(ye.EditableField,{ref:w,...P()}):ue.createElement(ye.EllipsisWithTooltip,{maxWidth:"10ch",title:s,as:"div"}),variant:!c||y.state||x?"standard":"filled",shape:"rounded",icon:n,color:k,onClick:()=>{R?f(null):z&&c?T():u(a)},"aria-pressed":c,sx:e=>({lineHeight:1,cursor:c&&z&&!R?"text":"pointer",borderRadius:.75*e.shape.borderRadius+"px","&.Mui-focusVisible":{boxShadow:"none !important"}})}),!x&&ue.createElement(ge.Chip,{icon:R?void 0:ue.createElement(fe.DotsVerticalIcon,{fontSize:"tiny"}),size:Ye,label:R?ue.createElement(ge.Stack,{direction:"row",gap:.5,alignItems:"center"},ue.createElement(ge.Typography,{variant:"inherit"},V),ue.createElement(fe.DotsVerticalIcon,{fontSize:"tiny"})):void 0,variant:"filled",shape:"rounded",color:k,...(0,ge.bindTrigger)(E),"aria-label":(0,be.__)("Open CSS Class Menu","elementor"),sx:e=>({borderRadius:.75*e.shape.borderRadius+"px",paddingRight:0,...R?{}:{paddingLeft:0},".MuiChip-label":R?{paddingRight:0}:{padding:0}})})),ue.createElement(CssClassProvider,{...o,handleRename:T},ue.createElement(CssClassMenu,{popupState:E,anchorEl:g,fixed:r})))}var validateLabel=e=>{const t=(0,de.validateStyleLabel)(e,"rename");return t.isValid?null:t.errorMessage},Xe=__toESM(n(97557)),Qe=n(24413),Ze=n(79513),et=n(27723);function MissingClassesAlert({onDismiss:e}){return Xe.createElement(Ze.Alert,{severity:"warning",onClose:e,size:"small",icon:Xe.createElement(Qe.AlertTriangleFilledIcon,{fontSize:"tiny"}),sx:{mt:1}},Xe.createElement(Ze.AlertTitle,null,(0,et.__)("Some classes are missing","elementor")),Xe.createElement(Ze.Typography,{variant:"caption",textColor:"primary"},(0,et.__)("A class was removed from your site and is no longer active on this element","elementor")))}var tt=n(47182);var nt="elementor-css-class-selector";var lt={label:(0,H.__)("local","elementor"),value:null,fixed:!0,color:getTempStylesProviderColorName("accent"),icon:O.createElement(G.MapPinIcon,null),provider:null},{Slot:rt,inject:ot}=(0,W.createLocation)();function CssClassSelector(){const e=function useOptions(){const{element:e}=useElement(),isProviderEditable=e=>!!e.actions.updateProps;return(0,j.useProviders)().filter(isProviderEditable).flatMap(t=>{const n=(0,j.isElementsStylesProvider)(t.getKey()),l=t.actions.all({elementId:e.id});return n&&0===l.length?[lt]:l.map(e=>({label:e.label,value:e.id,fixed:n,color:getTempStylesProviderColorName(getStylesProviderColorName(t.getKey())),icon:n?O.createElement(G.MapPinIcon,null):null,provider:t.getKey()}))})}(),{id:t,setId:n}=useStyle(),l=(0,F.useRef)(null),[r,o]=(0,F.useState)(null),a=function useHandleSelect(){const e=useUndoableApplyClass(),t=useUndoableUnapplyClass();return(n,l,r)=>{if(r.value)switch(l){case"selectOption":e({classId:r.value,classLabel:r.label}),trackStyles(r.provider??"","classApplied",{classId:r.value,source:"style-tab"});break;case"removeOption":t({classId:r.value,classLabel:r.label}),trackStyles(r.provider??"","classRemoved",{classId:r.value,source:"style-tab"})}}}(),{create:i,validate:s,entityName:c,isAtLimit:u,limitCount:m}=function useCreateAction(){const[e,t]=function useCreateAndApplyClass(){const{id:e,setId:t}=useStyle(),[n,l]=(0,Be.useGetStylesRepositoryCreateAction)()??[null,null],r=n?.actions.delete,o=useApplyClass(),a=useUnapplyClasses(),i=(0,Ve.useMemo)(()=>{if(n&&l)return(0,Me.undoable)({do:({classLabel:t})=>{const n=e,r=l(t);return o(r),{prevActiveId:n,createdId:r}},undo:(e,{prevActiveId:n,createdId:l})=>{a([l]),r?.(l),t(n)},redo:({classLabel:t},{createdId:n})=>{const r=e;return l(t,[],n),o(n),{prevActiveId:r,createdId:n}}},{title:(0,Ue.__)("Class","elementor"),subtitle:({classLabel:e})=>(0,Ue.__)("%s created","elementor").replace("%s",e)})},[e,o,l,r,n,t,a]);return n&&i?[n,i]:[null,null]}();if(!e||!t)return{};const n=e.labels.singular&&e.labels.plural?e.labels:void 0,validate=(e,t)=>(0,j.validateStyleLabel)(e,t);if(function hasReachedLimit(e){return e.actions.all().length>=e.limit}(e))return{entityName:n,isAtLimit:!0,limitCount:e.limit,validate:validate};const create=n=>{const{createdId:l}=t({classLabel:n});trackStyles(e.getKey()??"","classCreated",{source:"created",classTitle:n,classId:l})};return{create:create,validate:validate,entityName:n,isAtLimit:!1}}(),p=function useAppliedOptions(e){const t=useClassesProp(),n=usePanelElementSetting(t)?.value??[],l=e.filter(e=>e.value&&n.includes(e.value)),r=l.some(e=>e.provider&&(0,j.isElementsStylesProvider)(e.provider));r||l.unshift(lt);return l}(e),d=p.find(e=>e.value===t)??lt,y=p.every(({fixed:e})=>e),{userCan:f}=(0,j.useUserStylesCapability)(),E=!d.provider||f(d.provider).updateProps,g=function useMissingClassesIds(){const e=(0,tt.useProviders)(),t=useClassesProp(),n=usePanelElementSetting(t)?.value??[],l=new Set(e.flatMap(e=>e.actions.all().map(e=>e.id)));return n.filter(e=>!l.has(e))}(),b=g.length>0,h=useUnapplyClasses(),v=(0,F.useCallback)(()=>{h(g)},[g,h]);return O.createElement(K.Stack,{p:2},O.createElement(K.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},O.createElement(K.FormLabel,{htmlFor:nt,size:"small"},(0,H.__)("Classes","elementor")),O.createElement(K.Stack,{direction:"row",gap:1},O.createElement(rt,null))),O.createElement($.WarningInfotip,{open:Boolean(r),text:r??"",placement:"bottom",width:l.current?.getBoundingClientRect().width,offset:[0,-15]},O.createElement(oe,{id:nt,ref:l,size:"tiny",placeholder:y?(0,H.__)("Type class name","elementor"):void 0,options:e,selected:p,entityName:c,onSelect:a,onCreate:i??void 0,validate:s??void 0,limitTags:50,renderEmptyState:u&&"number"==typeof m?e=>O.createElement(LimitReachedEmptyState,{limitCount:m,onClear:e.onClear}):EmptyState,getLimitTagsText:e=>O.createElement(K.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(e,t)=>e.map((e,l)=>{const r=t({index:l}),a=e.value===d?.value;return O.createElement(CssClassItem,{key:r.key,fixed:e.fixed,label:e.label,provider:e.provider,id:e.value,isActive:a,color:a&&e.color?e.color:"default",icon:e.icon,chipProps:r,onClickActive:()=>n(e.value),renameLabel:t=>{if(!e.value)throw new Error("Cannot rename a class without style id");return trackStyles(e.provider??"","classRenamed",{classId:e.value,newValue:t,oldValue:e.label,source:"style-tab"}),updateClassByProvider(e.provider,{label:t,id:e.value})},setError:o})})})),b&&O.createElement(MissingClassesAlert,{onDismiss:v}),!E&&O.createElement($.InfoAlert,{sx:{mt:1}},(0,H.__)("With your current role, you can use existing classes but can’t modify them.","elementor")))}var EmptyStateLayout=({searchValue:e,onClear:t,children:n})=>O.createElement(K.Box,{sx:{py:4}},O.createElement(K.Stack,{gap:1,alignItems:"center",color:"text.secondary",justifyContent:"center",sx:{px:2,m:"auto",maxWidth:"236px"}},O.createElement(G.ColorSwatchIcon,{sx:{transform:"rotate(90deg)"},fontSize:"large"}),O.createElement(K.Typography,{align:"center",variant:"subtitle2"},(0,H.__)("Sorry, nothing matched","elementor"),O.createElement("br",null),"“",e,"”."),n,O.createElement(K.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,H.__)("Clear & try again","elementor")))),EmptyState=e=>O.createElement(EmptyStateLayout,{...e},O.createElement(K.Typography,{align:"center",variant:"caption",sx:{mb:2}},(0,H.__)("With your current role,","elementor"),O.createElement("br",null),(0,H.__)("you can only use existing classes.","elementor"))),LimitReachedEmptyState=({limitCount:e,onClear:t})=>O.createElement(K.Box,{sx:{py:4}},O.createElement(K.Stack,{gap:1,alignItems:"center",color:"text.secondary",justifyContent:"center",sx:{px:1,m:"auto",maxWidth:"260px"}},O.createElement(G.ColorSwatchIcon,{sx:{transform:"rotate(90deg)"},fontSize:"large"}),O.createElement(K.Typography,{align:"center",variant:"subtitle2"},(0,H.__)("Limit of %s classes reached","elementor").replace("%s",String(e))),O.createElement(K.Typography,{align:"center",variant:"caption",component:"div"},(0,H.__)("Remove a class to create a new one.","elementor")," ",O.createElement(K.Link,{color:"inherit",variant:"caption",component:"button",onClick:t,sx:{verticalAlign:"baseline"}},(0,H.__)("Clear","elementor"))),O.createElement(K.Button,{variant:"outlined",color:"secondary",size:"small",onClick:()=>{!function openClassManagerPanel(){window.dispatchEvent(new CustomEvent("elementor/toggle-design-system",{detail:{tab:"classes"}}))}(),t()}},(0,H.__)("Class Manager","elementor")))),updateClassByProvider=(e,t)=>{if(!e)return;const n=j.stylesRepository.getProviderByKey(e);return n?n.actions.update?.(t):void 0};function getTempStylesProviderColorName(e){return"accent"===e?"primary":e}var at=__toESM(n(97557)),it=n(97557),st=n(74518),ct=n(47290),ut=n(97557),mt=n(70975),pt=n(2020),dt=n(47290),yt=n(47182),ft=n(5527),Et=n(22444),gt=n(97557),bt=n(70975),ht=n(47290),vt=n(47182),_t=n(47182),St=n(5527),Ct=n(27723),wt=n(97557),useStylesRerender=()=>{const{provider:e}=useStyle(),[,t]=(0,wt.useReducer)(e=>!e,!1);(0,wt.useEffect)(()=>e?.subscribe(t),[e])},xt=800;function useStylesFields(e){const{element:{id:t}}=useElement(),{id:n,meta:l,provider:r,canEdit:o}=useStyle(),a=function useUndoableActions({elementId:e,meta:{breakpoint:t,state:n}}){const l=useClassesProp();return(0,gt.useMemo)(()=>{const r={breakpoint:t,state:n},o={elementId:e,classesProp:l,meta:r,label:_t.ELEMENTS_STYLES_RESERVED_LABEL};return(0,St.undoable)({do:e=>(0,bt.shouldCreateNewLocalStyle)(e)?create(e):update(e),undo:(e,t)=>(0,bt.shouldCreateNewLocalStyle)(e)?undoCreate(e,t):undo(e,t),redo:(e,t)=>(0,bt.shouldCreateNewLocalStyle)(e)?create(e,t):update(e)},{title:({provider:t,styleId:n})=>getTitle({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:l})=>getSubtitle({provider:t,styleId:n,elementId:e,propDisplayName:l}),debounce:{wait:xt}});function create({props:e},t){return{createdStyleId:(0,bt.createElementStyle)({...o,props:e,styleId:t?.createdStyleId})}}function undoCreate(t,{createdStyleId:n}){(0,bt.deleteElementStyle)(e,n)}function update({provider:t,styleId:n,props:l}){if(!t.actions.updateProps)throw new D({context:{providerKey:t.getKey()}});const o=function getCurrentProps(e,t){if(!e)return{};const n=(0,ht.getVariantByMeta)(e,t),l=n?.props??{};return structuredClone(l)}(t.actions.get(n,{elementId:e}),r);return t.actions.updateProps({id:n,meta:r,props:l},{elementId:e}),{styleId:n,provider:t,prevProps:o}}function undo(t,{styleId:n,provider:l,prevProps:o}){l.actions.updateProps?.({id:n,meta:r,props:o,mode:"replace"},{elementId:e})}},[e,t,n,l])}({elementId:t,meta:l});useStylesRerender();const i=function getProps({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 z({context:{styleId:e,providerKey:n.getKey()}});const a=(0,ht.getVariantByMeta)(o,l);return Object.fromEntries(r.map(e=>[e,a?.props[e]??null]))}({elementId:t,styleId:n,provider:r,meta:l,propNames:e});return{values:i,setValues:(e,{history:{propDisplayName:t}})=>{a(n?{styleId:n,provider:r,props:e,propDisplayName:t}:{styleId:null,provider:null,props:e,propDisplayName:t})},canEdit:o}}var defaultHistoryTitles_title=({provider:e})=>{const t=e.labels?.singular;return t?function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}(t):(0,Ct.__)("Style","elementor")},defaultHistoryTitles_subtitle=({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,Ct.__)("%s$1 %s$2 edited","elementor").replace("%s$1",r).replace("%s$2",l)},localStyleHistoryTitles_title=({elementId:e})=>(0,bt.getElementLabel)(e),localStyleHistoryTitles_subtitle=({propDisplayName:e})=>(0,Ct.__)("%s edited","elementor").replace("%s",e);var isLocalStyle=(e,t)=>!e||!t||(0,vt.isElementsStylesProvider)(e.getKey()),getTitle=({provider:e,styleId:t,elementId:n})=>isLocalStyle(e,t)?localStyleHistoryTitles_title({elementId:n}):defaultHistoryTitles_title({provider:e}),getSubtitle=({provider:e,styleId:t,propDisplayName:n,elementId:l})=>isLocalStyle(e,t)?localStyleHistoryTitles_subtitle({propDisplayName:n}):defaultHistoryTitles_subtitle({provider:e,styleId:t,elementId:l,propDisplayName:n}),useCustomCss=()=>{const{element:{id:e}}=useElement(),{id:t,meta:n,provider:l}=useStyle(),r=l?.actions.get(t,{elementId:e}),o=function useUndoableActions2({elementId:e,meta:{breakpoint:t,state:n}}){const l=useClassesProp();return(0,ut.useMemo)(()=>{const r={breakpoint:t,state:n},o={elementId:e,classesProp:l,meta:r,label:yt.ELEMENTS_STYLES_RESERVED_LABEL};return(0,ft.undoable)({do:e=>(0,mt.shouldCreateNewLocalStyle)(e)?create(e):update(e),undo:(e,t)=>(0,mt.shouldCreateNewLocalStyle)(e)?undoCreate(e,t):undoUpdate(e,t),redo:(e,t)=>(0,mt.shouldCreateNewLocalStyle)(e)?create(e,t):update(e)},{title:({provider:t,styleId:n})=>getTitle({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:l})=>getSubtitle({provider:t,styleId:n,elementId:e,propDisplayName:l}),debounce:{wait:xt}});function create({customCss:e},t){return{createdStyleId:(0,mt.createElementStyle)({...o,props:{},custom_css:e??null,styleId:t?.createdStyleId})}}function undoCreate(t,{createdStyleId:n}){(0,mt.deleteElementStyle)(e,n)}function update({provider:t,styleId:n,customCss:l}){if(!t.actions.updateCustomCss)throw new D({context:{providerKey:t.getKey()}});const o=function getCurrentCustomCss(e,t){if(!e)return null;const n=(0,dt.getVariantByMeta)(e,t);return n?.custom_css??null}(t.actions.get(n,{elementId:e}),r);return t.actions.updateCustomCss({id:n,meta:r,custom_css:l},{elementId:e}),{styleId:n,provider:t,prevCustomCss:o}}function undoUpdate(t,{styleId:n,provider:l,prevCustomCss:o}){l.actions.updateCustomCss?.({id:n,meta:r,custom_css:o??{raw:""}},{elementId:e})}},[e,t,n,l])}({elementId:e,meta:n}),a=t||null,i=t?l:null;useStylesRerender();const s=r?(0,dt.getVariantByMeta)(r,n):null;return{customCss:s?.custom_css?.raw?{raw:(0,Et.decodeString)(s.custom_css.raw)}:null,setCustomCss:(e,{history:{propDisplayName:t}})=>{const n={raw:(0,Et.encodeString)(sanitize(e))};o({styleId:a,provider:i,customCss:n,propDisplayName:t})}}};function sanitize(e){return pt.stringPropTypeUtil.schema.safeParse(pt.stringPropTypeUtil.create(e)).data?.value?.trim()??""}var CustomCssIndicator=()=>{const{customCss:e}=useCustomCss(),{id:t,provider:n,meta:l}=useStyle(),{element:{id:r}}=useElement(),o=(0,it.useMemo)(()=>t&&n?n.actions.get(t,{elementId:r}):null,[t,n,r]),a=Boolean(e?.raw?.trim()),i=(0,it.useMemo)(()=>!a&&hasInheritedCustomCss(o,l),[a,o,l]);return a?at.createElement(Pe,{getColor:n?getStylesProviderThemeColor(n.getKey()):void 0}):i?at.createElement(Pe,null):null},hasInheritedCustomCss=(e,t)=>{if(!e||!t)return!1;const n=t.breakpoint??"desktop",l=(0,st.getBreakpointsTree)(),r=t.state;return Boolean(function search(t,l){if(!e)return;const o=Boolean((0,ct.getVariantByMeta)(e,{breakpoint:t.id,state:r})?.custom_css?.raw?.trim());if(t.id===n)return l;for(const e of t.children??[]){const t=search(e,l||o);if(void 0!==t)return t}}(l,!1))},Tt=__toESM(n(97557)),It=n(77394),Pt=n(70975),kt=n(51061),Dt=n(70374),zt=n(24413),Rt=n(87627),Lt=n(27987),Vt=n(78187),At=n(79513),Bt=n(27723),Mt=new Map,registerEditingPanelReplacement=({id:e,priority:t=10,...n})=>{Mt.set(e,{...n,priority:t})},Ut=__toESM(n(97557)),Nt=n(79513);function EditorPanelErrorFallback(){return Ut.createElement(Nt.Box,{role:"alert",sx:{minHeight:"100%",p:2}},Ut.createElement(Nt.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},Ut.createElement("strong",null,"Something went wrong")))}var Ot=__toESM(n(97557));var EditingPanelStickyPromotion=()=>{const e=function getStickyPromotion(){return window.elementor?.config?.editingPanelStickyPromotion}();return e?Ot.createElement("div",{className:"elementor-panel-editor-sticky-promotion"},Ot.createElement("div",{className:"elementor-get-pro-sticky-message"},e.message," ",Ot.createElement("a",{target:"_blank",rel:"noreferrer",href:e.url},e.button_text))):null},Ft=n(97557),jt=__toESM(n(97557)),$t=n(70975),Gt=n(5527),Wt=n(79513),Kt=n(27723),Ht=__toESM(n(97557)),qt=n(97557),Jt=n(79513),Yt=(0,qt.createContext)(void 0),Xt=(0,Jt.styled)("div")`
11 + background-color: ${({theme:e,isOverridden:t,getColor:n})=>t?e.palette.warning.light:n?.(e)??e.palette.text.disabled};
12 +`,ct=globalThis.wp.i18n,lt=[{key:`normal`,value:null,label:(0,ct.__)(`normal`,`elementor`)},{key:`hover`,value:`hover`,label:(0,ct.__)(`hover`,`elementor`)},{key:`focus`,value:`focus`,label:(0,ct.__)(`focus`,`elementor`)},{key:`active`,value:`active`,label:(0,ct.__)(`active`,`elementor`)}];function usePseudoStates(){let{elementType:e}=useElement(),{pseudoStates:t=[]}=e,n=t.map(({name:e,value:t})=>({key:t,value:t,label:e}));return[...lt,...n]}var ut=__toESM(globalThis.React),dt=globalThis.elementorV2.editorStylesRepository,ft=globalThis.elementorV2.editorUi,pt=globalThis.elementorV2.session,mt=globalThis.wp.i18n,ht=globalThis.React,gt=globalThis.elementorV2.editorElements,_t=globalThis.elementorV2.editorStylesRepository,vt=globalThis.elementorV2.editorV1Adapters,yt=globalThis.wp.i18n,bt=globalThis.elementorV2.editorDocuments,xt=globalThis.elementorV2.editorElements,St=globalThis.elementorV2.editorProps,Ct=globalThis.elementorV2.editorStylesRepository;function doGetAppliedClasses(e,t=`classes`){return(0,xt.getElementSetting)(e,t)?.value||[]}function doApplyClasses(e,t,n=`classes`){(0,xt.updateElementSettings)({id:e,props:{[n]:St.classesPropTypeUtil.create(t)},withHistory:!1}),(0,bt.setDocumentModifiedStatus)(!0),ensureClassesAreLoaded(t)}function ensureClassesAreLoaded(e){let t=Ct.stylesRepository.getProviders();e.forEach(e=>{Ct.stylesRepository.getProviderByKey(e)?.actions.get(e);let n=t.find(t=>t.actions.all().some(t=>t.id===e));try{n?.actions.get(e)}catch{}})}function doUnapplyClass(e,t,n=`classes`){let r=(0,xt.getElementSetting)(e,n)?.value||[];return r.includes(t)?(doApplyClasses(e,r.filter(e=>e!==t),n),!0):!1}function useUndoableApplyClass(){let{id:e,setId:t}=useStyle(),{element:n}=useElement(),r=useApplyClass(),i=useUnapplyClasses();return(0,ht.useMemo)(()=>(0,vt.undoable)({do:({classId:t})=>{let n=e;return r(t),n},undo:({classId:e},n)=>{i([e]),t(n)}},{title:(0,gt.getElementLabel)(n.id),subtitle:({classLabel:e})=>(0,yt.__)(`class %s applied`,`elementor`).replace(`%s`,e)}),[e,r,n.id,i,t])}function useUndoableUnapplyClass(){let{id:e,setId:t}=useStyle(),{element:n}=useElement(),r=useApplyClass(),i=useUnapplyClasses();return(0,ht.useMemo)(()=>(0,vt.undoable)({do:({classId:t})=>{let n=e;return i([t]),n},undo:({classId:e},n)=>{r(e),t(n)}},{title:(0,gt.getElementLabel)(n.id),subtitle:({classLabel:e})=>(0,yt.__)(`class %s removed`,`elementor`).replace(`%s`,e)}),[e,r,n.id,i,t])}function useCreateAndApplyClass(){let{id:e,setId:t}=useStyle(),[n,r]=(0,_t.useGetStylesRepositoryCreateAction)()??[null,null],i=n?.actions.delete,a=useApplyClass(),o=useUnapplyClasses(),s=(0,ht.useMemo)(()=>{if(!(!n||!r))return(0,vt.undoable)({do:({classLabel:t})=>{let n=e,i=r(t);return a(i),{prevActiveId:n,createdId:i}},undo:(e,{prevActiveId:n,createdId:r})=>{o([r]),i?.(r),t(n)},redo:({classLabel:t},{createdId:n})=>{let i=e;return r(t,[],n),a(n),{prevActiveId:i,createdId:n}}},{title:(0,yt.__)(`Class`,`elementor`),subtitle:({classLabel:e})=>(0,yt.__)(`%s created`,`elementor`).replace(`%s`,e)})},[e,a,r,i,n,t,o]);return!n||!s?[null,null]:[n,s]}function useApplyClass(){let{element:e}=useElement(),{setId:t}=useStyle(),{setClasses:n,getAppliedClasses:r}=useClasses();return(0,ht.useCallback)(i=>{let a=r();if(a.includes(i))throw Error(`Class ${i} is already applied to element ${e.id}, cannot re-apply.`);let o=[...a,i];n(o),t(i)},[e.id,r,t,n])}function useUnapplyClasses(){let{element:e}=useElement(),{id:t,setId:n}=useStyle(),{setClasses:r,getAppliedClasses:i}=useClasses();return(0,ht.useCallback)(a=>{let o=i();if(!a.every(e=>o.includes(e))){let t=a.filter(e=>!o.includes(e));throw Error(`Classes ${t.join(`, `)} are not applied to element ${e.id}, cannot unapply them.`)}let s=o.filter(e=>!a.includes(e));r(s),t&&a.includes(t)&&n(s[0]??null)},[t,e.id,i,n,r])}function useClasses(){let{element:e}=useElement(),t=useClassesProp();return(0,ht.useMemo)(()=>{let setClasses=n=>{doApplyClasses(e.id,n,t)},getAppliedClasses=()=>doGetAppliedClasses(e.id,t)||[];return{setClasses,getAppliedClasses}},[t,e.id])}var wt=`copy-of`;function getUniqueDuplicateLabel(e,t){let n=`${wt}-${e}`,r=2;for(;t.includes(n);)n=`${wt}-${e}-${r}`,r++;return n}function DuplicateClassMenuItem({closeMenu:e}){let{id:t,provider:n}=useCssClass(),{userCan:r}=(0,dt.useUserStylesCapability)(),i=useUndoableApplyClass(),[,a]=(0,pt.useSessionStorage)(ke,`app`);if(!n||!t)return null;let o=dt.stylesRepository.getProviderByKey(n),s=o?.actions.create,c=o?.actions.get;if(!s||!c||!r(n).create)return null;let handleDuplicate=()=>{let r=c(t);if(!r){e();return}let l=o.actions.all().map(e=>e.label),u=getUniqueDuplicateLabel(r.label,l),d=s(u,r.variants);d&&(i({classId:d,classLabel:u}),a(d),trackStyles(n,`classCreated`,{classId:d,source:`duplicated`,classTitle:u})),e()};return ut.createElement(ft.MenuListItem,{onClick:handleDuplicate},(0,mt.__)(`Duplicate`,`elementor`))}var Tt=__toESM(globalThis.React),Et=globalThis.elementorV2.ui,Dt=globalThis.wp.i18n,Ot=globalThis.elementorV2.editorStylesRepository,useCanConvertLocalClassToGlobal=()=>{let{element:e}=useElement(),{provider:t,id:n,meta:r}=useStyle(),i=t?.actions.get(n,{elementId:e.id,...r}),a=t&&(0,Ot.isElementsStylesProvider)(t?.getKey()),o=i?.variants||[];return{canConvert:!!(a&&o.length),isLocalStylesProvider:a,id:n,styleDef:i||null}},LocalClassSubMenu=e=>{let{canConvert:t,styleDef:n}=useCanConvertLocalClassToGlobal();return Tt.createElement(Tt.Fragment,null,Tt.createElement(Et.MenuSubheader,{sx:{typography:`caption`,color:`text.secondary`,pb:.5,pt:1}},(0,Dt.__)(`Local Class`,`elementor`)),Tt.createElement(CssClassConvert,{canConvert:t,styleDef:n,closeMenu:e.popupState.close}))};function CssClassMenu({popupState:e,anchorEl:t,fixed:n}){let{provider:r}=useCssClass(),i=!r||(0,rt.isElementsStylesProvider)(r),a=usePseudoStates(),handleKeyDown=e=>{e.stopPropagation()};return y.createElement(at.Menu,{MenuListProps:{dense:!0,sx:{minWidth:`160px`}},...(0,at.bindMenu)(e),anchorEl:t,anchorOrigin:{vertical:`bottom`,horizontal:`left`},transformOrigin:{horizontal:`left`,vertical:-4},onKeyDown:handleKeyDown,disableAutoFocusItem:!0},i&&y.createElement(LocalClassSubMenu,{popupState:e}),getMenuItemsByProvider({provider:r,closeMenu:e.close,fixed:n}),y.createElement(at.MenuSubheader,{sx:{typography:`caption`,color:`text.secondary`,pb:.5,pt:1}},(0,ot.__)(`States`,`elementor`)),a.map(t=>y.createElement(StateMenuItem,{key:t.key,state:t.value,label:t.label,closeMenu:e.close})),y.createElement(ClassStatesMenu,{closeMenu:e.close}))}function ClassStatesMenu({closeMenu:e}){let{elementStates:t,elementTitle:n}=useElementStates();if(!t.length)return null;let r=(0,ot.__)(`%s States`,`elementor`).replace(`%s`,n);return y.createElement(y.Fragment,null,y.createElement(at.Divider,null),y.createElement(at.MenuSubheader,{sx:{typography:`caption`,color:`text.secondary`,pb:.5,pt:1}},r),t.map(t=>y.createElement(StateMenuItem,{key:t.key,state:t.value,label:t.label,closeMenu:e})))}var kt={selected:{label:(0,ot.__)(`selected`,`elementor`)},disabled:{label:(0,ot.__)(`disabled`,`elementor`)}};function useElementStates(){let{elementType:e}=useElement(),{styleStates:t=[]}=e;return{elementStates:t.map(({value:e,name:t})=>({key:e,value:e,label:kt[e]?.label??t})),elementTitle:e.title}}function useModifiedStates(e){let{meta:t}=useStyle(),n=rt.stylesRepository.all().find(t=>t.id===e);return Object.fromEntries(n?.variants.filter(e=>t.breakpoint===e.meta.breakpoint&&(!(0,nt.isEmpty)(e.props)||!!e.custom_css?.raw?.trim())).map(e=>[e.meta.state??`normal`,!0])??[])}function getMenuItemsByProvider({provider:e,closeMenu:t,fixed:n}){if(!e)return[];let r=rt.stylesRepository.getProviderByKey(e),i=r?.actions,a=i?.update,o=i?.create&&i?.get,s=!n,c=[a&&y.createElement(RenameClassMenuItem,{key:`rename-class`,closeMenu:t}),o&&y.createElement(DuplicateClassMenuItem,{key:`duplicate-class`,closeMenu:t}),s&&y.createElement(UnapplyClassMenuItem,{key:`unapply-class`,closeMenu:t})].filter(Boolean);return c.length&&(c.unshift(y.createElement(at.MenuSubheader,{key:`provider-label`,sx:{typography:`caption`,color:`text.secondary`,pb:.5,pt:1,textTransform:`capitalize`}},r?.labels?.singular)),c.push(y.createElement(at.Divider,{key:`provider-actions-divider`}))),c}function StateMenuItem({state:e,label:t,closeMenu:n,...r}){let{id:i,provider:a}=useCssClass(),{id:o,setId:s,setMetaState:c,meta:l}=useStyle(),{state:u}=l,{userCan:d}=(0,rt.useUserStylesCapability)(),f=useModifiedStates(i),p=!e||d(a??``).updateProps,m=f[e??`normal`]??!1,ee=!p&&!m,te=i===o,ne=e===u&&te;return y.createElement(it.MenuListItem,{...r,selected:ne,disabled:ee,sx:{textTransform:`capitalize`},onClick:()=>{te||s(i),trackStyles(a??``,`classStateClicked`,{classId:i,type:t,source:i?`global`:`local`}),c(e),n()}},y.createElement(it.MenuItemInfotip,{showInfoTip:ee,content:(0,ot.__)(`With your current role, you can only use existing states.`,`elementor`)},y.createElement(at.Stack,{gap:.75,direction:`row`,alignItems:`center`},m&&y.createElement(st,{"aria-label":(0,ot.__)(`Has style`,`elementor`),getColor:getTempStylesProviderThemeColor(a??``)}),t)))}function UnapplyClassMenuItem({closeMenu:e,...t}){let{id:n,label:r,provider:i}=useCssClass(),a=useUndoableUnapplyClass();return n?y.createElement(it.MenuListItem,{...t,onClick:()=>{a({classId:n,classLabel:r}),trackStyles(i??``,`classRemoved`,{classId:n,classTitle:r,source:`style-tab`}),e()}},(0,ot.__)(`Remove`,`elementor`)):null}function RenameClassMenuItem({closeMenu:e}){let{handleRename:t,provider:n}=useCssClass(),{userCan:r}=(0,rt.useUserStylesCapability)();if(!n)return null;let i=r(n).update;return y.createElement(it.MenuListItem,{disabled:!i,onClick:()=>{e(),t()}},y.createElement(it.MenuItemInfotip,{showInfoTip:!i,content:(0,ot.__)(`With your current role, you can use existing classes but can't modify them.`,`elementor`)},(0,ot.__)(`Rename`,`elementor`)))}var At=`tiny`;function CssClassItem(e){let{chipProps:t,icon:n,color:r,fixed:i,...a}=e,{id:o,provider:s,label:c,isActive:l,onClickActive:u,renameLabel:d,setError:f}=a,{elementStates:p}=useElementStates(),{meta:m,setMetaState:ee}=useStyle(),te=(0,Ze.usePopupState)({variant:`popover`}),[ne,re]=(0,Ge.useState)(null),{onDelete:ie,...ae}=t,{userCan:oe}=(0,qe.useUserStylesCapability)(),[se,,ce]=(0,Xe.useSessionStorage)(ke,`app`),{ref:le,isEditing:ue,openEditMode:de,error:fe,getProps:pe}=(0,Je.useEditable)({value:c,onSubmit:d,validation:validateLabel,onError:f}),me=fe?`error`:r,he=!!(s?qe.stylesRepository.getProviderByKey(s)?.actions:null)?.update&&oe(s??``)?.update,ge=l&&m.state,_e=(0,Ge.useMemo)(()=>m.state&&(0,Ke.isClassState)(m.state)?p.find(e=>e.value===m.state)?.label:m.state,[m.state,p]);return(0,Ge.useEffect)(()=>{se&&o===se&&(ce(),de())},[o,se]),v.createElement(Ze.ThemeProvider,{palette:`default`},v.createElement(Ze.UnstableChipGroup,{ref:re,...ae,"aria-label":`Edit ${c}`,role:`group`,sx:e=>({"&.MuiChipGroup-root.MuiAutocomplete-tag":{margin:e.spacing(.125)}})},v.createElement(Ze.Chip,{size:At,label:ue?v.createElement(Je.EditableField,{ref:le,...pe()}):v.createElement(Je.EllipsisWithTooltip,{maxWidth:`10ch`,title:c,as:`div`}),variant:l&&!m.state&&!ue?`filled`:`standard`,shape:`rounded`,icon:n,color:me,onClick:()=>{if(ge){ee(null);return}if(he&&l){de();return}u(o)},"aria-pressed":l,sx:e=>({lineHeight:1,cursor:l&&he&&!ge?`text`:`pointer`,borderRadius:`${e.shape.borderRadius*.75}px`,"&.Mui-focusVisible":{boxShadow:`none !important`}})}),!ue&&v.createElement(Ze.Chip,{icon:ge?void 0:v.createElement(Ye.DotsVerticalIcon,{fontSize:`tiny`}),size:At,label:ge?v.createElement(Ze.Stack,{direction:`row`,gap:.5,alignItems:`center`},v.createElement(Ze.Typography,{variant:`inherit`},_e),v.createElement(Ye.DotsVerticalIcon,{fontSize:`tiny`})):void 0,variant:`filled`,shape:`rounded`,color:me,...(0,Ze.bindTrigger)(te),"aria-label":(0,Qe.__)(`Open CSS Class Menu`,`elementor`),sx:e=>({borderRadius:`${e.shape.borderRadius*.75}px`,paddingRight:0,...ge?{}:{paddingLeft:0},".MuiChip-label":ge?{paddingRight:0}:{padding:0}})})),v.createElement(CssClassProvider,{...a,handleRename:de},v.createElement(CssClassMenu,{popupState:te,anchorEl:ne,fixed:i})))}var validateLabel=e=>{let t=(0,qe.validateStyleLabel)(e,`rename`);return t.isValid?null:t.errorMessage},jt=__toESM(globalThis.React),Mt=globalThis.elementorV2.icons,Nt=globalThis.elementorV2.ui,Pt=globalThis.wp.i18n;function MissingClassesAlert({onDismiss:e}){return jt.createElement(Nt.Alert,{severity:`warning`,onClose:e,size:`small`,icon:jt.createElement(Mt.AlertTriangleFilledIcon,{fontSize:`tiny`}),sx:{mt:1}},jt.createElement(Nt.AlertTitle,null,(0,Pt.__)(`Some classes are missing`,`elementor`)),jt.createElement(Nt.Typography,{variant:`caption`,color:`primary`},(0,Pt.__)(`A class was removed from your site and is no longer active on this element`,`elementor`)))}var Ft=globalThis.elementorV2.editorStylesRepository;function useMissingClassesIds(){let e=(0,Ft.useProviders)(),t=usePanelElementSetting(useClassesProp())?.value??[],n=new Set(e.flatMap(e=>e.actions.all().map(e=>e.id)));return t.filter(e=>!n.has(e))}var It=`elementor-css-class-selector`,Lt=50;function openClassManagerPanel(){window.dispatchEvent(new CustomEvent(`elementor/toggle-design-system`,{detail:{tab:`classes`}}))}var Rt={label:(0,_.__)(`local`,`elementor`),value:null,fixed:!0,color:getTempStylesProviderColorName(`accent`),icon:h.createElement(ze.MapPinIcon,null),provider:null},{Slot:zt,inject:Bt}=(0,Be.createLocation)();function CssClassSelector(){let e=useOptions(),{id:t,setId:n}=useStyle(),r=(0,Ie.useRef)(null),[i,a]=(0,Ie.useState)(null),o=useHandleSelect(),{create:s,validate:c,entityName:l,isAtLimit:u,limitCount:d}=useCreateAction(),f=useAppliedOptions(e),p=f.find(e=>e.value===t)??Rt,m=f.every(({fixed:e})=>e),{userCan:ee}=(0,Le.useUserStylesCapability)(),te=!p.provider||ee(p.provider).updateProps,re=useMissingClassesIds(),ie=re.length>0,ae=useUnapplyClasses(),oe=(0,Ie.useCallback)(()=>{ae(re)},[re,ae]);return h.createElement(g.Stack,{p:2},h.createElement(g.Stack,{direction:`row`,gap:1,alignItems:`center`,justifyContent:`space-between`},h.createElement(g.FormLabel,{htmlFor:It,size:`small`},(0,_.__)(`Classes`,`elementor`)),h.createElement(g.Stack,{direction:`row`,gap:1},h.createElement(zt,null))),h.createElement(Re.WarningInfotip,{open:!!i,text:i??``,placement:`bottom`,width:r.current?.getBoundingClientRect().width,offset:[0,-15]},h.createElement(ne,{id:It,ref:r,size:`tiny`,placeholder:m?(0,_.__)(`Type class name`,`elementor`):void 0,options:e,selected:f,entityName:l,onSelect:o,onCreate:s??void 0,validate:c??void 0,limitTags:Lt,renderEmptyState:u&&typeof d==`number`?e=>h.createElement(LimitReachedEmptyState,{limitCount:d,onClear:e.onClear}):EmptyState,getLimitTagsText:e=>h.createElement(g.Chip,{size:`tiny`,variant:`standard`,label:`+${e}`,clickable:!0}),renderTags:(e,t)=>e.map((e,r)=>{let i=t({index:r}),o=e.value===p?.value,renameLabel=t=>{if(!e.value)throw Error(`Cannot rename a class without style id`);return trackStyles(e.provider??``,`classRenamed`,{classId:e.value,newValue:t,oldValue:e.label,source:`style-tab`}),updateClassByProvider(e.provider,{label:t,id:e.value})};return h.createElement(CssClassItem,{key:i.key,fixed:e.fixed,label:e.label,provider:e.provider,id:e.value,isActive:o,color:o&&e.color?e.color:`default`,icon:e.icon,chipProps:i,onClickActive:()=>n(e.value),renameLabel,setError:a})})})),ie&&h.createElement(MissingClassesAlert,{onDismiss:oe}),!te&&h.createElement(Re.InfoAlert,{sx:{mt:1}},(0,_.__)(`With your current role, you can use existing classes but can’t modify them.`,`elementor`)))}var EmptyStateLayout=({searchValue:e,onClear:t,children:n})=>h.createElement(g.Box,{sx:{py:4}},h.createElement(g.Stack,{gap:1,alignItems:`center`,color:`text.secondary`,justifyContent:`center`,sx:{px:2,m:`auto`,maxWidth:`236px`}},h.createElement(ze.ColorSwatchIcon,{sx:{transform:`rotate(90deg)`},fontSize:`large`}),h.createElement(g.Typography,{align:`center`,variant:`subtitle2`},(0,_.__)(`Sorry, nothing matched`,`elementor`),h.createElement(`br`,null),`“`,e,`”.`),n,h.createElement(g.Link,{color:`text.secondary`,variant:`caption`,component:`button`,onClick:t},(0,_.__)(`Clear & try again`,`elementor`)))),EmptyState=e=>h.createElement(EmptyStateLayout,{...e},h.createElement(g.Typography,{align:`center`,variant:`caption`,sx:{mb:2}},(0,_.__)(`With your current role,`,`elementor`),h.createElement(`br`,null),(0,_.__)(`you can only use existing classes.`,`elementor`))),LimitReachedEmptyState=({limitCount:e,onClear:t})=>h.createElement(g.Box,{sx:{py:4}},h.createElement(g.Stack,{gap:1,alignItems:`center`,color:`text.secondary`,justifyContent:`center`,sx:{px:1,m:`auto`,maxWidth:`260px`}},h.createElement(ze.ColorSwatchIcon,{sx:{transform:`rotate(90deg)`},fontSize:`large`}),h.createElement(g.Typography,{align:`center`,variant:`subtitle2`},(0,_.__)(`Limit of %s classes reached`,`elementor`).replace(`%s`,String(e))),h.createElement(g.Typography,{align:`center`,variant:`caption`,component:`div`},(0,_.__)(`Remove a class to create a new one.`,`elementor`),` `,h.createElement(g.Link,{color:`inherit`,variant:`caption`,component:`button`,onClick:t,sx:{verticalAlign:`baseline`}},(0,_.__)(`Clear`,`elementor`))),h.createElement(g.Button,{variant:`outlined`,color:`secondary`,size:`small`,onClick:()=>{openClassManagerPanel(),t()}},(0,_.__)(`Class Manager`,`elementor`)))),updateClassByProvider=(e,t)=>{if(!e)return;let n=Le.stylesRepository.getProviderByKey(e);if(n)return n.actions.update?.(t)};function useOptions(){let{element:e}=useElement(),isProviderEditable=e=>!!e.actions.updateProps;return(0,Le.useProviders)().filter(isProviderEditable).filter(e=>e.getKey()!==`default-styles`).flatMap(t=>{let n=(0,Le.isElementsStylesProvider)(t.getKey()),r=t.actions.all({elementId:e.id});return n&&r.length===0?[Rt]:r.map(e=>({label:e.label,value:e.id,fixed:n,color:getTempStylesProviderColorName(getStylesProviderColorName(t.getKey())),icon:n?h.createElement(ze.MapPinIcon,null):null,provider:t.getKey()}))})}function getTempStylesProviderColorName(e){return e===`accent`?`primary`:e}function useCreateAction(){let[e,t]=useCreateAndApplyClass();if(!e||!t)return{};let n=e.labels.singular&&e.labels.plural?e.labels:void 0,validate=(e,t)=>(0,Le.validateStyleLabel)(e,t);if(hasReachedLimit(e))return{entityName:n,isAtLimit:!0,limitCount:e.limit,validate};let create=n=>{let{createdId:r}=t({classLabel:n});trackStyles(e.getKey()??``,`classCreated`,{source:`created`,classTitle:n,classId:r})};return{create,validate,entityName:n,isAtLimit:!1}}function hasReachedLimit(e){return e.actions.all().length>=e.limit}function useAppliedOptions(e){let t=usePanelElementSetting(useClassesProp())?.value??[],n=e.filter(e=>e.value&&t.includes(e.value));return n.some(e=>e.provider&&(0,Le.isElementsStylesProvider)(e.provider))||n.unshift(Rt),n}function useHandleSelect(){let e=useUndoableApplyClass(),t=useUndoableUnapplyClass();return(n,r,i)=>{if(i.value)switch(r){case`selectOption`:e({classId:i.value,classLabel:i.label}),trackStyles(i.provider??``,`classApplied`,{classId:i.value,source:`style-tab`});break;case`removeOption`:t({classId:i.value,classLabel:i.label}),trackStyles(i.provider??``,`classRemoved`,{classId:i.value,source:`style-tab`});break}}}var Vt=__toESM(globalThis.React),Ht=globalThis.React,Ut=globalThis.elementorV2.editorResponsive,Wt=globalThis.elementorV2.editorStyles,Gt=globalThis.React,Kt=globalThis.elementorV2.editorElements,qt=globalThis.elementorV2.editorProps,Jt=globalThis.elementorV2.editorStyles,Yt=globalThis.elementorV2.editorStylesRepository,Xt=globalThis.elementorV2.editorV1Adapters,Zt=globalThis.elementorV2.utils,Qt=globalThis.React,$t=globalThis.elementorV2.editorElements,en=globalThis.elementorV2.editorStyles,tn=globalThis.elementorV2.editorStylesRepository,nn=globalThis.elementorV2.editorStylesRepository,rn=globalThis.elementorV2.editorV1Adapters,an=globalThis.wp.i18n,on=globalThis.React,useStylesRerender=()=>{let{provider:e}=useStyle(),[,t]=(0,on.useReducer)(e=>!e,!1);(0,on.useEffect)(()=>e?.subscribe(t),[e])},sn=800;function useStylesFields(e){let{element:{id:t}}=useElement(),{id:n,meta:r,provider:i,canEdit:a}=useStyle(),o=useUndoableActions({elementId:t,meta:r});useStylesRerender();let s=getProps({elementId:t,styleId:n,provider:i,meta:r,propNames:e}),setValues=(e,{history:{propDisplayName:t}})=>{o(n?{styleId:n,provider:i,props:e,propDisplayName:t}:{styleId:null,provider:null,props:e,propDisplayName:t})};return{values:s,setValues,canEdit:a}}function getProps({styleId:e,elementId:t,provider:n,meta:r,propNames:i}){if(!n||!e)return null;let a=n.actions.get(e,{elementId:t});if(!a)throw new De({context:{styleId:e,providerKey:n.getKey()}});let o=(0,en.getVariantByMeta)(a,r);return Object.fromEntries(i.map(e=>[e,o?.props[e]??null]))}function useUndoableActions({elementId:e,meta:{breakpoint:t,state:n}}){let r=useClassesProp();return(0,Qt.useMemo)(()=>{let i={breakpoint:t,state:n},a={elementId:e,classesProp:r,meta:i,label:nn.ELEMENTS_STYLES_RESERVED_LABEL};return(0,rn.undoable)({do:e=>(0,$t.shouldCreateNewLocalStyle)(e)?create(e):update(e),undo:(e,t)=>(0,$t.shouldCreateNewLocalStyle)(e)?undoCreate(e,t):undo(e,t),redo:(e,t)=>(0,$t.shouldCreateNewLocalStyle)(e)?create(e,t):update(e)},{title:({provider:t,styleId:n})=>getTitle({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:r})=>getSubtitle({provider:t,styleId:n,elementId:e,propDisplayName:r}),debounce:{wait:sn}});function create({props:e},t){return{createdStyleId:(0,$t.createElementStyle)({...a,props:e,styleId:t?.createdStyleId})}}function undoCreate(t,{createdStyleId:n}){(0,$t.deleteElementStyle)(e,n)}function update({provider:t,styleId:n,props:r}){if(!t.actions.updateProps)throw new Ee({context:{providerKey:t.getKey()}});let a=getCurrentProps(t.actions.get(n,{elementId:e}),i);return t.actions.updateProps({id:n,meta:i,props:r},{elementId:e}),{styleId:n,provider:t,prevProps:a}}function undo(t,{styleId:n,provider:r,prevProps:a}){r.actions.updateProps?.({id:n,meta:i,props:a,mode:`replace`},{elementId:e})}},[e,t,n,r])}function getCurrentProps(e,t){if(!e)return{};let n=(0,en.getVariantByMeta)(e,t)?.props??{};return structuredClone(n)}var cn={title:({provider:e})=>{let t=e.labels?.singular;return t?capitalize(t):(0,an.__)(`Style`,`elementor`)},subtitle:({provider:e,styleId:t,elementId:n,propDisplayName:r})=>{let i=e.actions.get(t,{elementId:n})?.label;if(!i)throw Error(`Style ${t} not found`);return(0,an.__)(`%s$1 %s$2 edited`,`elementor`).replace(`%s$1`,i).replace(`%s$2`,r)}},ln={title:({elementId:e})=>(0,$t.getElementLabel)(e),subtitle:({propDisplayName:e})=>(0,an.__)(`%s edited`,`elementor`).replace(`%s`,e)};function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}var isLocalStyle=(e,t)=>!e||!t||(0,tn.isElementsStylesProvider)(e.getKey()),getTitle=({provider:e,styleId:t,elementId:n})=>isLocalStyle(e,t)?ln.title({elementId:n}):cn.title({provider:e}),getSubtitle=({provider:e,styleId:t,propDisplayName:n,elementId:r})=>isLocalStyle(e,t)?ln.subtitle({propDisplayName:n}):cn.subtitle({provider:e,styleId:t,elementId:r,propDisplayName:n}),useCustomCss=()=>{let{element:{id:e}}=useElement(),{id:t,meta:n,provider:r}=useStyle(),i=r?.actions.get(t,{elementId:e}),a=useUndoableActions2({elementId:e,meta:n}),o=t||null,s=t?r:null;useStylesRerender();let c=i?(0,Jt.getVariantByMeta)(i,n):null,setCustomCss=(e,{history:{propDisplayName:t}})=>{let n={raw:(0,Zt.encodeString)(sanitize(e))};a({styleId:o,provider:s,customCss:n,propDisplayName:t})};return{customCss:c?.custom_css?.raw?{raw:(0,Zt.decodeString)(c.custom_css.raw)}:null,setCustomCss}};function useUndoableActions2({elementId:e,meta:{breakpoint:t,state:n}}){let r=useClassesProp();return(0,Gt.useMemo)(()=>{let i={breakpoint:t,state:n},a={elementId:e,classesProp:r,meta:i,label:Yt.ELEMENTS_STYLES_RESERVED_LABEL};return(0,Xt.undoable)({do:e=>(0,Kt.shouldCreateNewLocalStyle)(e)?create(e):update(e),undo:(e,t)=>(0,Kt.shouldCreateNewLocalStyle)(e)?undoCreate(e,t):undoUpdate(e,t),redo:(e,t)=>(0,Kt.shouldCreateNewLocalStyle)(e)?create(e,t):update(e)},{title:({provider:t,styleId:n})=>getTitle({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:r})=>getSubtitle({provider:t,styleId:n,elementId:e,propDisplayName:r}),debounce:{wait:sn}});function create({customCss:e},t){return{createdStyleId:(0,Kt.createElementStyle)({...a,props:{},custom_css:e??null,styleId:t?.createdStyleId})}}function undoCreate(t,{createdStyleId:n}){(0,Kt.deleteElementStyle)(e,n)}function update({provider:t,styleId:n,customCss:r}){if(!t.actions.updateCustomCss)throw new Ee({context:{providerKey:t.getKey()}});let a=getCurrentCustomCss(t.actions.get(n,{elementId:e}),i);return t.actions.updateCustomCss({id:n,meta:i,custom_css:r},{elementId:e}),{styleId:n,provider:t,prevCustomCss:a}}function undoUpdate(t,{styleId:n,provider:r,prevCustomCss:a}){r.actions.updateCustomCss?.({id:n,meta:i,custom_css:a??{raw:``}},{elementId:e})}},[e,t,n,r])}function getCurrentCustomCss(e,t){return e?(0,Jt.getVariantByMeta)(e,t)?.custom_css??null:null}function sanitize(e){return qt.stringPropTypeUtil.schema.safeParse(qt.stringPropTypeUtil.create(e)).data?.value?.trim()??``}var CustomCssIndicator=()=>{let{customCss:e}=useCustomCss(),{id:t,provider:n,meta:r}=useStyle(),{element:{id:i}}=useElement(),a=(0,Ht.useMemo)(()=>t&&n?n.actions.get(t,{elementId:i}):null,[t,n,i]),o=!!e?.raw?.trim(),s=(0,Ht.useMemo)(()=>!o&&hasInheritedCustomCss(a,r),[o,a,r]);return o?Vt.createElement(st,{getColor:n?getStylesProviderThemeColor(n.getKey()):void 0}):s?Vt.createElement(st,null):null},hasInheritedCustomCss=(e,t)=>{if(!e||!t)return!1;let n=t.breakpoint??`desktop`,r=(0,Ut.getBreakpointsTree)(),i=t.state;function search(t,r){if(!e)return;let a=!!(0,Wt.getVariantByMeta)(e,{breakpoint:t.id,state:i})?.custom_css?.raw?.trim();if(t.id===n)return r;for(let e of t.children??[]){let t=search(e,r||a);if(t!==void 0)return t}}return!!search(r,!1)},b=__toESM(globalThis.React),un=globalThis.elementorV2.editorControls,dn=globalThis.elementorV2.editorElements,fn=globalThis.elementorV2.editorPanels,pn=globalThis.elementorV2.editorUi,mn=globalThis.elementorV2.icons,hn=globalThis.elementorV2.locations,gn=globalThis.elementorV2.menus,_n=globalThis.elementorV2.session,vn=globalThis.elementorV2.ui,yn=globalThis.wp.i18n,bn=new Map,xn=10,registerEditingPanelReplacement=({id:e,priority:t=xn,...n})=>{bn.set(e,{...n,priority:t})},getEditingPanelReplacement=(e,t)=>Array.from(bn.values()).filter(({condition:n})=>n(e,t)).sort((e,t)=>e.priority-t.priority)?.[0]??null,Sn=__toESM(globalThis.React),Cn=globalThis.elementorV2.ui;function EditorPanelErrorFallback(){return Sn.createElement(Cn.Box,{role:`alert`,sx:{minHeight:`100%`,p:2}},Sn.createElement(Cn.Alert,{severity:`error`,sx:{mb:2,maxWidth:400,textAlign:`center`}},Sn.createElement(`strong`,null,`Something went wrong`)))}var wn=__toESM(globalThis.React);function getStickyPromotion(){return window.elementor?.config?.editingPanelStickyPromotion}var EditingPanelStickyPromotion=()=>{let e=getStickyPromotion();return e?wn.createElement(`div`,{className:`elementor-panel-editor-sticky-promotion`},wn.createElement(`div`,{className:`elementor-get-pro-sticky-message`},e.message,` `,wn.createElement(`a`,{target:`_blank`,rel:`noreferrer`,href:e.url},e.button_text))):null},Tn=globalThis.React,x=__toESM(globalThis.React),En=globalThis.elementorV2.editorElements,S=globalThis.elementorV2.ui,Dn=globalThis.wp.i18n,On=__toESM(globalThis.React),kn=globalThis.React,An=globalThis.elementorV2.ui,jn=(0,kn.createContext)(void 0),Mn=(0,An.styled)(`div`)`
13 13 height: 100%;
14 14 overflow-y: auto;
15 -`;function ScrollProvider({children:e}){const[t,n]=(0,qt.useState)("up"),l=(0,qt.useRef)(null),r=(0,qt.useRef)(0);return(0,qt.useEffect)(()=>{const e=l.current;if(!e)return;const handleScroll=()=>{const{scrollTop:t}=e;t>r.current?n("down"):t<r.current&&n("up"),r.current=t};return e.addEventListener("scroll",handleScroll),()=>{e.removeEventListener("scroll",handleScroll)}}),Ht.createElement(Yt.Provider,{value:{direction:t}},Ht.createElement(Xt,{ref:l},e))}var Qt={defaultSectionsExpanded:{settings:["content","settings"],style:[]},defaultTab:"settings"},Zt={"e-div-block":{defaultSectionsExpanded:Qt.defaultSectionsExpanded,defaultTab:"style"},"e-flexbox":{defaultSectionsExpanded:Qt.defaultSectionsExpanded,defaultTab:"style"},"e-grid":{defaultSectionsExpanded:Qt.defaultSectionsExpanded,defaultTab:"style"},"e-divider":{defaultSectionsExpanded:Qt.defaultSectionsExpanded,defaultTab:"style"}};function registerElementPanelDefaults(e,t){Zt[e]=t}var useDefaultPanelSettings=()=>{const{element:e}=useElement();return Zt[e.type]??Qt},en=n(97557),tn=n(78187),useStateByElement=(e,t)=>{const{element:n}=useElement(),l=`elementor/editor-state/${n.id}/${e}`,r=(0,tn.getSessionStorageItem)(l),[o,a]=(0,en.useState)(r??t);return[o,e=>{(0,tn.setSessionStorageItem)(l,e),a(e)}]},nn=__toESM(n(97557)),ln=n(87883),rn=__toESM(n(97557)),on=n(79513);function SectionsList(e){return rn.createElement(on.List,{disablePadding:!0,component:"div",...e})}var InteractionsTab=()=>{const{element:e}=useElement();return nn.createElement(SectionsList,null,nn.createElement(ln.InteractionsTab,{elementId:e.id}))},an=__toESM(n(97557)),sn=n(78187),cn=n(2020),un=n(78187);function getElementSettingsWithDefaults(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 extractDependencyEffect(e,t,n){const l=getElementSettingsWithDefaults(t,n),r=t[e],o=(0,cn.isDependencyMet)(r?.dependencies,l),a=o.isMet?void 0:o.failingDependencies[0];return{isHidden:!!a&&!(0,cn.isDependency)(a)&&"hide"===a?.effect,isDisabled:e=>!(0,cn.isDependencyMet)(e?.dependencies,l).isMet}}function extractOrderedDependencies(e){return Object.values(e).flat().filter((e,t,n)=>n.indexOf(e)===t)}function getUpdatedValues(e,t,n,l,r){return t.length?t.reduce((e,t)=>{const o=t.split("."),a={...l,...e},i=getPropType(n,a,o);if(!i)return e;const s={previousValues:(0,cn.isDependencyMet)(i.dependencies,l),newValues:(0,cn.isDependencyMet)(i.dependencies,a)};if(!s.newValues.isMet){const n=function handleUnmetCondition(e){const{failingDependencies:t,dependency:n,elementValues:l,defaultValue:r,elementId:o}=e,a=t.find(e=>"newValue"in e&&!!e.newValue),i=a?.newValue??null,s=(0,cn.extractValue)(n.split("."),l,[],{unwrapOverridableLeaf:!1})??r;return function savePreviousValueToStorage({path:e,elementId:t,value:n}){const l=`elementor/${t}`,r=retrievePreviousValueFromStorage({path:e,elementId:t});if(r)return;const o=`${l}:${e}`;(0,un.setSessionStorageItem)(o,n)}({path:n,elementId:o,value:s}),i}({failingDependencies:s.newValues.failingDependencies,dependency:t,elementValues:a,defaultValue:i.default,elementId:r});return{...e,...updateValue(o,n,a)}}if(!s.previousValues.isMet){const n=retrievePreviousValueFromStorage({path:t,elementId:r}),l=(0,cn.extractValue)(o,a,[],{unwrapOverridableLeaf:!1});!function removePreviousValueFromStorage({path:e,elementId:t}){const n=`elementor/${t}`,l=`${n}:${e}`;(0,un.removeSessionStorageItem)(l)}({path:t,elementId:r});const s=function isCompatibleSavedValue(e,t){if(!e)return!1;return(0,cn.isOverridable)(e)===(0,cn.isOverridable)(t)}(n,l)?n:i.default;return{...e,...updateValue(o,s,a)}}return e},{...e}):e}function getPropType(e,t,n){if(!n.length)return null;const[l,...r]=n,o=e[l];return o?r.reduce((e,r,o)=>function evaluatePropType(e){const{prop:t}=e;if(!t?.kind)return null;const{key:n,index:l,path:r,elementValues:o,basePropKey:a}=e;switch(t.kind){case"union":const e=(0,cn.extractValue)(r.slice(0,l+1),o),i=e?.$$type??null;return getPropType({[a]:t.prop_types?.[i]},o,r.slice(0,l+2));case"array":return t.item_prop_type;case"object":return t.shape[n]}return t[n]}({prop:e,key:r,index:o,path:n,elementValues:t,basePropKey:l}),o):null}function updateValue(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]=mergeLeafValue(o[l],t);break}const r=cloneDescent(o[l]);if(!r)break;o[l]=r.replacement,o=r.descended}return{[l]:r[l]??null}}function cloneDescent(e){if(!e)return null;if((0,cn.isOverridable)(e)){const t=e.value.origin_value;if(!t||!(0,cn.isTransformable)(t))return null;const n={...t.value};return{replacement:{...e,value:{...e.value,origin_value:{...t,value:n}}},descended:n}}if((0,cn.isTransformable)(e)){const t={...e.value};return{replacement:{...e,value:t},descended:t}}return null}function mergeLeafValue(e,t){return null===t?null:t&&(0,cn.isOverridable)(t)?t:e&&(0,cn.isOverridable)(e)&&t?(0,cn.rewrapOverridableValue)(e,t):t}function retrievePreviousValueFromStorage({path:e,elementId:t}){const n=`${`elementor/${t}`}:${e}`;return(0,un.getSessionStorageItem)(n)??null}var mn=__toESM(n(97557)),pn=n(97557),dn=n(70374),yn=n(79513);function Section({title:e,children:t,defaultExpanded:n=!1,titleEnd:l,unmountOnExit:r=!0,action:o}){const[a,i]=useStateByElement(e,!!n),s=(0,pn.useRef)(null),c=!!o,u=(0,pn.useId)(),m=`label-${u}`,p=`content-${u}`;return mn.createElement(mn.Fragment,null,mn.createElement(yn.ListItemButton,{id:m,"aria-controls":p,"aria-label":`${e} section`,onClick:()=>{c?o?.onClick():i(!a)},sx:{"&:hover":{backgroundColor:"transparent"}}},mn.createElement(yn.Stack,{direction:"row",alignItems:"center",justifyItems:"start",flexGrow:1,gap:.5},mn.createElement(yn.ListItemText,{secondary:e,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"},sx:{flexGrow:0,flexShrink:1,marginInlineEnd:1}}),(0,dn.getCollapsibleValue)(l,a)),o?.component,mn.createElement(dn.CollapseIcon,{open:a,color:"secondary",fontSize:"tiny",disabled:c,sx:{ml:1}})),mn.createElement(yn.Collapse,{id:p,"aria-labelledby":m,in:a,timeout:"auto",unmountOnExit:r},mn.createElement(dn.SectionRefContext.Provider,{value:s},mn.createElement(yn.Stack,{ref:s,gap:2.5,p:2,"aria-label":`${e} section content`},t))),mn.createElement(yn.Divider,null))}var fn=__toESM(n(97557)),En=n(77394),gn=n(79513),bn=__toESM(n(97557)),hn=n(77394),vn=n(2020),_n=(0,vn.createArrayPropUtils)(vn.queryPropTypeUtil.key,vn.queryPropTypeUtil.schema),Sn={image:{component:hn.ImageControl,layout:"custom",propTypeUtil:vn.imagePropTypeUtil},"svg-media":{component:hn.SvgMediaControl,layout:"full",propTypeUtil:vn.svgSrcPropTypeUtil},text:{component:hn.TextControl,layout:"full",propTypeUtil:vn.stringPropTypeUtil},textarea:{component:hn.TextAreaControl,layout:"full",propTypeUtil:vn.stringPropTypeUtil},size:{component:hn.SizeControl,layout:"two-columns",propTypeUtil:vn.sizePropTypeUtil},select:{component:hn.SelectControlWrapper,layout:"two-columns",propTypeUtil:vn.stringPropTypeUtil},chips:{component:hn.ChipsControl,layout:"full",propTypeUtil:vn.stringArrayPropTypeUtil},link:{component:hn.LinkControl,layout:"custom",propTypeUtil:vn.linkPropTypeUtil},query:{component:hn.QueryControl,layout:"full",propTypeUtil:vn.queryPropTypeUtil},"query-chips":{component:hn.QueryChipsControl,layout:"full",propTypeUtil:_n},"query-filter-repeater":{component:hn.QueryFilterRepeaterControl,layout:"full",propTypeUtil:vn.queryFilterArrayPropTypeUtil},url:{component:hn.UrlControl,layout:"full",propTypeUtil:vn.stringPropTypeUtil},switch:{component:hn.SwitchControl,layout:"two-columns",propTypeUtil:vn.booleanPropTypeUtil},number:{component:hn.NumberControl,layout:"two-columns",propTypeUtil:vn.numberPropTypeUtil},repeatable:{component:hn.RepeatableControl,layout:"full",propTypeUtil:void 0},"key-value":{component:hn.KeyValueControl,layout:"full",propTypeUtil:vn.keyValuePropTypeUtil},"html-tag":{component:hn.HtmlTagControl,layout:"two-columns",propTypeUtil:vn.stringPropTypeUtil},toggle:{component:hn.ToggleControl,layout:"full",propTypeUtil:vn.stringPropTypeUtil},"date-time":{component:hn.DateTimeControl,layout:"full",propTypeUtil:vn.DateTimePropTypeUtil},video:{component:hn.VideoMediaControl,layout:"full",propTypeUtil:vn.videoSrcPropTypeUtil},"inline-editing":{component:hn.InlineEditingControl,layout:"full",propTypeUtil:vn.htmlV3PropTypeUtil},email:{component:hn.EmailFormActionControl,layout:"custom",propTypeUtil:vn.emailsPropTypeUtil},"date-range":{component:hn.DateRangeControl,layout:"custom",propTypeUtil:vn.dateRangePropTypeUtil},"time-range":{component:hn.TimeRangeControl,layout:"custom",propTypeUtil:vn.timeRangePropTypeUtil},"attachment-type":{component:hn.AttachmentTypeControl,layout:"custom",propTypeUtil:vn.stringPropTypeUtil}},Cn=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 I({context:{controlType:e}});this.controlsRegistry[e]={component:t,layout:n,propTypeUtil:l}}unregister(e){if(!this.controlsRegistry[e])throw new P({context:{controlType:e}});delete this.controlsRegistry[e]}}(Sn),Control=({props:e,type:t})=>{const n=Cn.get(t),{element:l}=useElement();if(!n)throw new T({context:{controlType:t}});return bn.createElement(n,{...e,context:{elementId:l.id}})},wn=__toESM(n(97557)),xn=n(79513),ControlTypeContainer=({children:e,layout:t})=>"custom"===t?e:wn.createElement(Tn,{layout:t},e),Tn=(0,xn.styled)(xn.Box,{shouldForwardProp:e=>!["layout"].includes(e)})(({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...getGridLayout(e)})),getGridLayout=e=>({justifyContent:"space-between",...getStyleByLayout(e)}),getStyleByLayout=e=>"full"===e?{gridTemplateColumns:"minmax(0, 1fr)"}:"two-columns"===e?{alignItems:"center",gridTemplateColumns:"repeat(2, minmax(0, 1fr))"}:void 0,In=__toESM(n(97557)),Pn=n(97557),kn=n(77394),Dn=n(46280),zn=n(70975),Rn=n(5527),Ln=n(27723),createTopLevelObjectType=({schema:e})=>({key:"",kind:"object",meta:{},settings:{},default:null,shape:e}),SettingsField=({bind:e,children:t,propDisplayName:n})=>{const{element:{id:l},elementType:{propsSchema:r,dependenciesPerTargetMapping:o={}},settings:a}=useElement(),i={[e]:a?.[e]??null},s=createTopLevelObjectType({schema:r}),c=function useUndoableUpdateElementProp({elementId:e,propDisplayName:t}){return(0,Pn.useMemo)(()=>(0,Rn.undoable)({do:t=>{const n=(0,zn.getElementSettings)(e,Object.keys(t));return(0,zn.updateElementSettings)({id:e,props:t,withHistory:!1}),(0,Dn.setDocumentModifiedStatus)(!0),n},undo:({},t)=>{(0,zn.updateElementSettings)({id:e,props:t,withHistory:!1})}},{title:(0,zn.getElementLabel)(e),subtitle:(0,Ln.__)("%s edited","elementor").replace("%s",t),debounce:{wait:800}}),[e,t])}({elementId:l,propDisplayName:n}),{isDisabled:u,isHidden:m}=extractDependencyEffect(e,r,a);if(m)return null;return In.createElement(kn.PropProvider,{propType:s,value:i,setValue:(e,t={},n)=>{const{withHistory:i=!0}=n??{},s=extractOrderedDependencies(o),u=getElementSettingsWithDefaults(r,a),m=getUpdatedValues(e,s,r,u,l);i?c(m):(0,zn.updateElementSettings)({id:l,props:m,withHistory:!1})},isDisabled:u},In.createElement(kn.PropKeyProvider,{bind:e},t))};var Vn={settings:new Map,styles:new Map},An={SETTINGS:"settings",STYLES:"styles"},registerFieldIndicator=({fieldType:e,id:t,indicator:n,priority:l=10})=>{Vn[e].set(t,{id:t,indicator:n,priority:l})},getFieldIndicators=e=>Array.from(Vn[e].values()).sort((e,t)=>e.priority-t.priority).map(({id:e,indicator:t})=>({id:e,Adornment:t})),Bn=(0,gn.styled)("span")`
15 +`,Nn=`up`;function ScrollProvider({children:e}){let[t,n]=(0,kn.useState)(Nn),r=(0,kn.useRef)(null),i=(0,kn.useRef)(0);return(0,kn.useEffect)(()=>{let e=r.current;if(!e)return;let handleScroll=()=>{let{scrollTop:t}=e;t>i.current?n(`down`):t<i.current&&n(`up`),i.current=t};return e.addEventListener(`scroll`,handleScroll),()=>{e.removeEventListener(`scroll`,handleScroll)}}),On.createElement(jn.Provider,{value:{direction:t}},On.createElement(Mn,{ref:r},e))}function useScrollDirection(){return(0,kn.useContext)(jn)?.direction??Nn}var Pn={defaultSectionsExpanded:{settings:[`content`,`settings`],style:[]},defaultTab:`settings`},Fn={"e-div-block":{defaultSectionsExpanded:Pn.defaultSectionsExpanded,defaultTab:`style`},"e-flexbox":{defaultSectionsExpanded:Pn.defaultSectionsExpanded,defaultTab:`style`},"e-grid":{defaultSectionsExpanded:Pn.defaultSectionsExpanded,defaultTab:`style`},"e-divider":{defaultSectionsExpanded:Pn.defaultSectionsExpanded,defaultTab:`style`}};function registerElementPanelDefaults(e,t){Fn[e]=t}var useDefaultPanelSettings=()=>{let{element:e}=useElement();return Fn[e.type]??Pn},In=globalThis.React,Ln=globalThis.elementorV2.session,useStateByElement=(e,t)=>{let{element:n}=useElement(),r=`elementor/editor-state/${n.id}/${e}`,i=(0,Ln.getSessionStorageItem)(r),[a,o]=(0,In.useState)(i??t),doUpdate=e=>{(0,Ln.setSessionStorageItem)(r,e),o(e)};return[a,doUpdate]},Rn=__toESM(globalThis.React),zn=globalThis.elementorV2.editorInteractions,Bn=__toESM(globalThis.React),Vn=globalThis.elementorV2.ui;function SectionsList(e){return Bn.createElement(Vn.List,{disablePadding:!0,component:`div`,...e})}var InteractionsTab=()=>{let{element:e}=useElement();return Rn.createElement(SectionsList,null,Rn.createElement(zn.InteractionsTab,{elementId:e.id}))},Hn=__toESM(globalThis.React),Un=globalThis.elementorV2.session,C=globalThis.elementorV2.editorProps,Wn=globalThis.elementorV2.session;function getElementSettingsWithDefaults(e,t){let n={...t};return Object.keys(e).forEach(t=>{n[t]===null&&e[t].default!==null&&(n[t]=e[t].default)}),n}function extractDependencyEffect(e,t,n){let r=getElementSettingsWithDefaults(t,n),i=t[e],a=(0,C.isDependencyMet)(i?.dependencies,r),o=a.isMet?void 0:a.failingDependencies[0];return{isHidden:!!o&&!(0,C.isDependency)(o)&&o?.effect===`hide`,isDisabled:e=>!(0,C.isDependencyMet)(e?.dependencies,r).isMet}}function extractOrderedDependencies(e){return Object.values(e).flat().filter((e,t,n)=>n.indexOf(e)===t)}function getUpdatedValues(e,t,n,r,i){return t.length?t.reduce((e,t)=>{let a=t.split(`.`),o={...r,...e},s=getPropType(n,o,a);if(!s)return e;let c={previousValues:(0,C.isDependencyMet)(s.dependencies,r),newValues:(0,C.isDependencyMet)(s.dependencies,o)};if(!c.newValues.isMet){let n=handleUnmetCondition({failingDependencies:c.newValues.failingDependencies,dependency:t,elementValues:o,defaultValue:s.default,elementId:i});return{...e,...updateValue(a,n,o)}}if(!c.previousValues.isMet){let n=retrievePreviousValueFromStorage({path:t,elementId:i}),r=(0,C.extractValue)(a,o,[],{unwrapOverridableLeaf:!1});removePreviousValueFromStorage({path:t,elementId:i});let c=isCompatibleSavedValue(n,r)?n:s.default;return{...e,...updateValue(a,c,o)}}return e},{...e}):e}function getPropType(e,t,n){if(!n.length)return null;let[r,...i]=n,a=e[r];return a?i.reduce((e,i,a)=>evaluatePropType({prop:e,key:i,index:a,path:n,elementValues:t,basePropKey:r}),a):null}function evaluatePropType(e){let{prop:t}=e;if(!t?.kind)return null;let{key:n,index:r,path:i,elementValues:a,basePropKey:o}=e;switch(t.kind){case`union`:let e=(0,C.extractValue)(i.slice(0,r+1),a)?.$$type??null;return getPropType({[o]:t.prop_types?.[e]},a,i.slice(0,r+2));case`array`:return t.item_prop_type;case`object`:return t.shape[n]}return t[n]}function updateValue(e,t,n){let r=e[0],i={...n},a=i;for(let n=0;n<e.length;n++){let r=e[n];if(n===e.length-1){a[r]=mergeLeafValue(a[r],t);break}let i=cloneDescent(a[r]);if(!i)break;a[r]=i.replacement,a=i.descended}return{[r]:i[r]??null}}function cloneDescent(e){if(!e)return null;if((0,C.isOverridable)(e)){let t=e.value.origin_value;if(!t||!(0,C.isTransformable)(t))return null;let n={...t.value};return{replacement:{...e,value:{...e.value,origin_value:{...t,value:n}}},descended:n}}if((0,C.isTransformable)(e)){let t={...e.value};return{replacement:{...e,value:t},descended:t}}return null}function isCompatibleSavedValue(e,t){return e?(0,C.isOverridable)(e)===(0,C.isOverridable)(t):!1}function mergeLeafValue(e,t){return t===null?null:t&&(0,C.isOverridable)(t)?t:e&&(0,C.isOverridable)(e)&&t?(0,C.rewrapOverridableValue)(e,t):t}function handleUnmetCondition(e){let{failingDependencies:t,dependency:n,elementValues:r,defaultValue:i,elementId:a}=e,o=t.find(e=>`newValue`in e&&!!e.newValue)?.newValue??null;return savePreviousValueToStorage({path:n,elementId:a,value:(0,C.extractValue)(n.split(`.`),r,[],{unwrapOverridableLeaf:!1})??i}),o}function savePreviousValueToStorage({path:e,elementId:t,value:n}){let r=`elementor/${t}`;if(retrievePreviousValueFromStorage({path:e,elementId:t}))return;let i=`${r}:${e}`;(0,Wn.setSessionStorageItem)(i,n)}function retrievePreviousValueFromStorage({path:e,elementId:t}){let n=`${`elementor/${t}`}:${e}`;return(0,Wn.getSessionStorageItem)(n)??null}function removePreviousValueFromStorage({path:e,elementId:t}){let n=`${`elementor/${t}`}:${e}`;(0,Wn.removeSessionStorageItem)(n)}var Gn=__toESM(globalThis.React),Kn=globalThis.React,qn=globalThis.elementorV2.editorUi,Jn=globalThis.elementorV2.ui;function Section({title:e,children:t,defaultExpanded:n=!1,titleEnd:r,unmountOnExit:i=!0,action:a}){let[o,s]=useStateByElement(e,!!n),c=(0,Kn.useRef)(null),l=!!a,handleClick=()=>{l?a?.onClick():s(!o)},u=(0,Kn.useId)(),d=`label-${u}`,f=`content-${u}`;return Gn.createElement(Gn.Fragment,null,Gn.createElement(Jn.ListItemButton,{id:d,"aria-controls":f,"aria-label":`${e} section`,onClick:handleClick,sx:{"&:hover":{backgroundColor:`transparent`}}},Gn.createElement(Jn.Stack,{direction:`row`,alignItems:`center`,justifyItems:`start`,flexGrow:1,gap:.5},Gn.createElement(Jn.ListItemText,{secondary:e,secondaryTypographyProps:{color:`text.primary`,variant:`caption`,fontWeight:`bold`},sx:{flexGrow:0,flexShrink:1,marginInlineEnd:1}}),(0,qn.getCollapsibleValue)(r,o)),a?.component,Gn.createElement(qn.CollapseIcon,{open:o,color:`secondary`,fontSize:`tiny`,disabled:l,sx:{ml:1}})),Gn.createElement(Jn.Collapse,{id:f,"aria-labelledby":d,in:o,timeout:`auto`,unmountOnExit:i},Gn.createElement(qn.SectionRefContext.Provider,{value:c},Gn.createElement(Jn.Stack,{ref:c,gap:2.5,p:2,"aria-label":`${e} section content`},t))),Gn.createElement(Jn.Divider,null))}var Yn=__toESM(globalThis.React),Xn=globalThis.elementorV2.editorControls,Zn=globalThis.elementorV2.ui,Qn=__toESM(globalThis.React),w=globalThis.elementorV2.editorControls,T=globalThis.elementorV2.editorProps,$n=(0,T.createArrayPropUtils)(T.queryPropTypeUtil.key,T.queryPropTypeUtil.schema),er={image:{component:w.ImageControl,layout:`custom`,propTypeUtil:T.imagePropTypeUtil},"svg-media":{component:w.SvgMediaControl,layout:`full`,propTypeUtil:T.svgSrcPropTypeUtil},text:{component:w.TextControl,layout:`full`,propTypeUtil:T.stringPropTypeUtil},textarea:{component:w.TextAreaControl,layout:`full`,propTypeUtil:T.stringPropTypeUtil},size:{component:w.SizeControl,layout:`two-columns`,propTypeUtil:T.sizePropTypeUtil},select:{component:w.SelectControlWrapper,layout:`two-columns`,propTypeUtil:T.stringPropTypeUtil},chips:{component:w.ChipsControl,layout:`full`,propTypeUtil:T.stringArrayPropTypeUtil},link:{component:w.LinkControl,layout:`custom`,propTypeUtil:T.linkPropTypeUtil},query:{component:w.QueryControl,layout:`full`,propTypeUtil:T.queryPropTypeUtil},"query-chips":{component:w.QueryChipsControl,layout:`full`,propTypeUtil:$n},"query-filter-repeater":{component:w.QueryFilterRepeaterControl,layout:`full`,propTypeUtil:T.queryFilterArrayPropTypeUtil},url:{component:w.UrlControl,layout:`full`,propTypeUtil:T.stringPropTypeUtil},switch:{component:w.SwitchControl,layout:`two-columns`,propTypeUtil:T.booleanPropTypeUtil},number:{component:w.NumberControl,layout:`two-columns`,propTypeUtil:T.numberPropTypeUtil},repeatable:{component:w.RepeatableControl,layout:`full`,propTypeUtil:void 0},"key-value":{component:w.KeyValueControl,layout:`full`,propTypeUtil:T.keyValuePropTypeUtil},"html-tag":{component:w.HtmlTagControl,layout:`two-columns`,propTypeUtil:T.stringPropTypeUtil},toggle:{component:w.ToggleControl,layout:`full`,propTypeUtil:T.stringPropTypeUtil},"date-time":{component:w.DateTimeControl,layout:`full`,propTypeUtil:T.DateTimePropTypeUtil},video:{component:w.VideoMediaControl,layout:`full`,propTypeUtil:T.videoSrcPropTypeUtil},"inline-editing":{component:w.InlineEditingControl,layout:`full`,propTypeUtil:T.escapedHtmlPropTypeUtil},email:{component:w.EmailFormActionControl,layout:`custom`,propTypeUtil:T.emailsPropTypeUtil},"date-range":{component:w.DateRangeControl,layout:`custom`,propTypeUtil:T.dateRangePropTypeUtil},"time-range":{component:w.TimeRangeControl,layout:`custom`,propTypeUtil:T.timeRangePropTypeUtil},"attachment-type":{component:w.AttachmentTypeControl,layout:`custom`,propTypeUtil:T.stringPropTypeUtil}},ControlsRegistry=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,r){if(this.controlsRegistry[e])throw new Ce({context:{controlType:e}});this.controlsRegistry[e]={component:t,layout:n,propTypeUtil:r}}unregister(e){if(!this.controlsRegistry[e])throw new we({context:{controlType:e}});delete this.controlsRegistry[e]}},E=new ControlsRegistry(er),Control=({props:e,type:t})=>{let n=E.get(t),{element:r}=useElement();if(!n)throw new Se({context:{controlType:t}});return Qn.createElement(n,{...e,context:{elementId:r.id}})},tr=__toESM(globalThis.React),nr=globalThis.elementorV2.ui,ControlTypeContainer=({children:e,layout:t})=>t===`custom`?e:tr.createElement(rr,{layout:t},e),rr=(0,nr.styled)(nr.Box,{shouldForwardProp:e=>![`layout`].includes(e)})(({layout:e,theme:t})=>({display:`grid`,gridGap:t.spacing(1),...getGridLayout(e)})),getGridLayout=e=>({justifyContent:`space-between`,...getStyleByLayout(e)}),getStyleByLayout=e=>{if(e===`full`)return{gridTemplateColumns:`minmax(0, 1fr)`};if(e===`two-columns`)return{alignItems:`center`,gridTemplateColumns:`repeat(2, minmax(0, 1fr))`}},ir=__toESM(globalThis.React),ar=globalThis.React,or=globalThis.elementorV2.editorControls,sr=globalThis.elementorV2.editorDocuments,cr=globalThis.elementorV2.editorElements,lr=globalThis.elementorV2.editorV1Adapters,ur=globalThis.wp.i18n,createTopLevelObjectType=({schema:e})=>({key:``,kind:`object`,meta:{},settings:{},default:null,shape:e}),dr=800,SettingsField=({bind:e,children:t,propDisplayName:n})=>{let{element:{id:r},elementType:{propsSchema:i,dependenciesPerTargetMapping:a={}},settings:o}=useElement(),s={[e]:o?.[e]??null},c=createTopLevelObjectType({schema:i}),l=useUndoableUpdateElementProp({elementId:r,propDisplayName:n}),{isDisabled:u,isHidden:d}=extractDependencyEffect(e,i,o);if(d)return null;let setValue=(e,t={},n)=>{let{withHistory:s=!0}=n??{},c=extractOrderedDependencies(a),u=getElementSettingsWithDefaults(i,o),d=getUpdatedValues(e,c,i,u,r);s?l(d):(0,cr.updateElementSettings)({id:r,props:d,withHistory:!1})};return ir.createElement(or.PropProvider,{propType:c,value:s,setValue,isDisabled:u},ir.createElement(or.PropKeyProvider,{bind:e},t))};function useUndoableUpdateElementProp({elementId:e,propDisplayName:t}){return(0,ar.useMemo)(()=>(0,lr.undoable)({do:t=>{let n=(0,cr.getElementSettings)(e,Object.keys(t));return(0,cr.updateElementSettings)({id:e,props:t,withHistory:!1}),(0,sr.setDocumentModifiedStatus)(!0),n},undo:({},t)=>{(0,cr.updateElementSettings)({id:e,props:t,withHistory:!1})}},{title:(0,cr.getElementLabel)(e),subtitle:(0,ur.__)(`%s edited`,`elementor`).replace(`%s`,t),debounce:{wait:dr}}),[e,t])}var fr={settings:new Map,styles:new Map},pr=10,mr={SETTINGS:`settings`,STYLES:`styles`},registerFieldIndicator=({fieldType:e,id:t,indicator:n,priority:r=pr})=>{fr[e].set(t,{id:t,indicator:n,priority:r})},getFieldIndicators=e=>Array.from(fr[e].values()).sort((e,t)=>e.priority-t.priority).map(({id:e,indicator:t})=>({id:e,Adornment:t})),hr=(0,Zn.styled)(`span`)`
16 16 display: contents;
17 -`,SettingsControl=({control:{value:e,type:t}})=>{if(!Cn.get(e.type))return null;const n=e.meta?.layout||Cn.getLayout(e.type),l=function populateChildControlProps(e){if(e.childControlType){const t=Cn.get(e.childControlType),n=Cn.getPropTypeUtil(e.childControlType);e={...e,childControlConfig:{component:t,props:e.childControlProps||{},propTypeUtil:n}}}return e}(e.props);return"custom"===n&&(l.label=e.label),"element-control"===t?fn.createElement(ControlLayout,{control:e,layout:n,controlProps:l}):fn.createElement(SettingsField,{bind:e.bind,propDisplayName:e.label||e.bind},fn.createElement(ControlLayout,{control:e,layout:n,controlProps:l}))},ControlLayout=({control:e,layout:t,controlProps:n})=>{const l=e.type;return fn.createElement(En.ControlAdornmentsProvider,{items:getFieldIndicators("settings")},e.meta?.topDivider&&fn.createElement(gn.Divider,null),fn.createElement(Bn,{"data-type":"settings-field"},fn.createElement(ControlTypeContainer,{layout:t},e.label&&"custom"!==t?fn.createElement(ControlLabel,null,e.label):null,fn.createElement(Control,{type:l,props:n}))))};var SettingsTab=()=>{const{elementType:e,element:t,settings:n}=useElement(),l=useDefaultPanelSettings(),r=n;return an.createElement(sn.SessionStorageProvider,{prefix:t.id},an.createElement(SectionsList,null,e.controls.map((n,o)=>{if(isControl(n))return an.createElement(SettingsControl,{key:getKey(n,t),control:n});const{type:a,value:i}=n;if("section"===a){const n=function renderSectionItems({items:e,element:t,propsSchema:n,settings:l}){return e?.flatMap(e=>isControl(e)?"control"===e.type&&function isControlHiddenByDependencies(e,t,n){const{isHidden:l}=extractDependencyEffect(e.value.bind,t,n);return l}(e,n,l)?[]:[an.createElement(SettingsControl,{key:getKey(e,t),control:e})]:[])??[]}({items:i.items,element:t,propsSchema:e.propsSchema,settings:r});return n.length?an.createElement(Section,{title:i.label,key:a+"."+o,defaultExpanded:(s=i.id,!!s&&l.defaultSectionsExpanded.settings?.includes(s))},n):null}var s;return null})))};function getKey(e,t){return"control"===e.type?e.value.bind+"."+t.id:e.value.type+"."+t.id}function isControl(e){return"control"===e.type||"element-control"===e.type}var Mn=__toESM(n(97557)),Un=n(97557),Nn=n(2020),On=n(74518),Fn=n(87627),jn=n(78187),$n=n(79513),Gn=n(27723),Wn=__toESM(n(97557)),Kn=n(97557),Hn=n(70975),qn=n(2020),Jn=n(74518),Yn=n(47290),Xn=n(47182),Qn=n(2020),Zn=n(2020),el=n(40213),tl="normal",getStateKey=e=>e??tl,getBreakpointKey=e=>e??"desktop";function createSnapshotsManager(e,t){const n=function makeBreakpointsInheritancePaths(e){const t={},traverse=(e,n)=>{const{id:l,children:r}=e;t[l]=n?[...n]:[],r?.forEach(e=>{traverse(e,[...t[l]??[],l])})};return traverse(e),t}(t),l={};return t=>{const{breakpoint:r,state:o}=t,a=getStateKey(o),i=getBreakpointKey(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=getBreakpointKey(t),a=getStateKey(r);l[o]||(l[o]={[tl]:buildStateSnapshotSlot(e({breakpoint:t,state:null}),n,{},null)}),r&&!l[o]?.[a]&&(l[o][a]=buildStateSnapshotSlot(e({breakpoint:t,state:r}),n,l[o]??{},r))})(t,r?l[r]:void 0,o)}),l[i]?.[a]?.snapshot}}function buildStateSnapshotSlot(e,t,n,l){const r=function buildInitialSnapshotFromStyles(e){const t={};return e.forEach(e=>{const{variant:{props:n}}=e;Object.entries(n).forEach(([n,l])=>{const r=(0,Zn.filterEmptyValues)(l),o=r?.$$type?.includes("variable")&&!(0,el.hasVariable)(r?.value)?null:r;if(null===o)return;t[n]||(t[n]=[]);const a={...e,value:o};t[n].push(a)})}),{snapshot:t,stateSpecificSnapshot:t}}(e);return l?{snapshot:mergeSnapshots([r.snapshot,t?.[l]?.stateSpecificSnapshot,n[tl]?.snapshot]),stateSpecificSnapshot:mergeSnapshots([r.stateSpecificSnapshot,t?.[l]?.stateSpecificSnapshot])}:{snapshot:mergeSnapshots([r.snapshot,t?.[tl]?.snapshot]),stateSpecificSnapshot:void 0}}function mergeSnapshots(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 createStylesInheritance(e,t){const n=function buildStyleVariantsByMetaMapping(e){const t={};return e.forEach(e=>{const n=getProviderByStyleId(e.id)?.getKey()??null;e.variants.forEach(l=>{const{meta:r}=l,{state:o,breakpoint:a}=r,i=getBreakpointKey(a),s=getStateKey(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:createSnapshotsManager(({breakpoint:e,state:t})=>n?.[getBreakpointKey(e)]?.[getStateKey(t)]??[],t),getInheritanceChain:(e,t,n)=>{const[l,...r]=t;let o=e[l]??[];if(r.length>0){const e=getFilterPropType(n,r);o=o.map(({value:t,...n})=>({...n,value:getValueByPath(t,r,e)})).filter(({value:e})=>!(0,Qn.isEmpty)(e))}return o}}}function getValueByPath(e,t,n){return e&&"object"==typeof e?function shouldUseOriginalValue(e,t){return!!e&&(0,Qn.isTransformable)(t)&&e.key!==t.$$type}(n,e)?e:t.reduce((e,t)=>e?(0,Qn.isTransformable)(e)?e.value?.[t]??null:"object"==typeof e?e[t]??null:null:null,e):null}var getFilterPropType=(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,nl=(0,Kn.createContext)(null);function StyleInheritanceProvider({children:e}){const t=useAppliedStyles(),n=(0,Jn.getBreakpointsTree)(),{getSnapshot:l,getInheritanceChain:r}=createStylesInheritance(t,n);return Wn.createElement(nl.Provider,{value:{getSnapshot:l,getInheritanceChain:r}},e)}function useStylesInheritanceSnapshot(){const e=(0,Kn.useContext)(nl),{meta:t}=useStyle();if(!e)throw new Error("useStylesInheritanceSnapshot must be used within a StyleInheritanceProvider");return t?e.getSnapshot(t)??null:null}function useStylesInheritanceChain(e){const t=(0,Kn.useContext)(nl);if(!t)throw new Error("useStylesInheritanceChain must be used within a StyleInheritanceProvider");const n=(0,Yn.getStylesSchema)(),l=n?.[e[0]],r=useStylesInheritanceSnapshot();return r?t.getInheritanceChain(r,e,l):[]}var ll={};var useAppliedStyles=()=>{const e=useClassesProp(),t=useBaseStyles();useStylesRerender();const n=usePanelElementSetting(e),l=qn.classesPropTypeUtil.extract(n)??[];return Xn.stylesRepository.all().filter(e=>[...t,...l].includes(e.id))},useBaseStyles=()=>{const{elementType:e}=useElement(),t=(0,Hn.getWidgetsCache)(),n=t?.[e.key];return Object.keys(n?.base_styles??{})},rl=n(70975),ol=n(47182);function useActiveStyleDefId(e){const[t,n]=useStateByElement("active-style-id",null),l=usePanelElementSetting(e)?.value||[],r=function useValidClassIds(e){const t=(0,ol.useProviders)(),n=new Set(t.flatMap(e=>e.actions.all().map(e=>e.id)));return e.filter(e=>n.has(e))}(l),o=function useFirstAppliedClass(e){const{element:t}=useElement(),n=(0,rl.getElementStyles)(t.id)??{};return Object.values(n).find(t=>e.includes(t.id))}(l),a=function useActiveAndAppliedClassId(e,t){const n=!!e&&t.includes(e);return n?e:null}(t,r);return[a||o?.id||null,n]}var al=__toESM(n(97557)),il=n(77394),sl=n(27723),cl=__toESM(n(97557)),ul=n(77394),ml=n(2020),pl=n(47290);function useStylesField(e,t){const{values:n,setValues:l,canEdit:r}=useStylesFields([e]);return{value:n?.[e]??null,setValue:n=>{l({[e]:n},t)},canEdit:r}}var dl=n(97557),yl=n(77394),fl=n(2020),ConditionalField=({children:e})=>{const{propType:t,value:n,resetValue:l}=(0,yl.useBoundProp)(),r=function getDependencies(e){if(!e?.dependencies?.terms.length)return[];return e.dependencies.terms.flatMap(e=>(0,fl.isDependency)(e)?[]:e.path)}(t),{values:o,setValues:a}=useStylesFields(r),i=function useInheritedValues(e){const t=useStylesInheritanceSnapshot();return(0,Kn.useMemo)(()=>t&&0!==e.length?Object.fromEntries(e.map(e=>[e,t[e]?.[0]?.value??null])):ll,[t,e])}(r),s=function resolveWithInherited(e,t){if(!e){return Object.keys(t).length>0?{...t}:null}return Object.fromEntries(Object.entries(e).map(([e,n])=>[e,n??t[e]??null]))}(o,i),c=!(0,fl.isDependencyMet)(t?.dependencies,s).isMet;return function useSyncDepsWithInherited({isHidden:e,depValues:t,value:n,inheritedValues:l,setDepValues:r,resetValue:o}){const a=(0,dl.useRef)({hasSynced:!1,prevDepValues:t});(0,dl.useEffect)(()=>{const{hasSynced:i,prevDepValues:s}=a.current;(i&&n&&function wasDepsCleared(e,t){if(!e)return!1;return Object.keys(e).some(n=>e[n]&&(!t||!t[n]))}(s,t)||e&&t&&n)&&o(),!e&&n&&t?i?a.current.prevDepValues=t:(a.current={hasSynced:!0,prevDepValues:t},Object.entries(t).forEach(([e,t])=>{const n=l[e];!t&&n&&r({[e]:n},{history:{propDisplayName:e}})})):a.current={hasSynced:!1,prevDepValues:t}},[e,t,n,l,r,o])}({isHidden:c,depValues:o,value:n,inheritedValues:i,setDepValues:a,resetValue:l}),c?null:e};var El=["block-start","block-end","inline-start","inline-end"];function buildResolvedPlaceholder(e,t){const n=e[t];if(!n)return;const l=n.value;if(!ml.dimensionsPropTypeUtil.isValid(l))return l;const r=ml.dimensionsPropTypeUtil.extract(l);if(El.every(e=>null!=r?.[e]))return l;const o={};El.forEach(e=>{null!=r?.[e]&&(o[e]=r[e])});for(let n=t+1;n<e.length;n++){const t=e[n].value;if(ml.sizePropTypeUtil.isValid(t)){El.forEach(e=>{null!==o[e]&&void 0!==o[e]||(o[e]=t)});break}if(ml.dimensionsPropTypeUtil.isValid(t)){const e=ml.dimensionsPropTypeUtil.extract(t);El.forEach(t=>{null!==o[t]&&void 0!==o[t]||null==e?.[t]||(o[t]=e[t])})}if(El.every(e=>null!==o[e]&&void 0!==o[e]))break}return ml.dimensionsPropTypeUtil.create({"block-start":o["block-start"]??null,"block-end":o["block-end"]??null,"inline-start":o["inline-start"]??null,"inline-end":o["inline-end"]??null})}var StylesField=({bind:e,propDisplayName:t,children:n})=>{const l=(0,pl.getStylesSchema)(),r=useStylesInheritanceChain([e]),{value:o,canEdit:a,...i}=useStylesField(e,{history:{propDisplayName:t}}),s=createTopLevelObjectType({schema:l}),c=o?1:0,u={[e]:buildResolvedPlaceholder(r,c)};return cl.createElement(ul.ControlAdornmentsProvider,{items:getFieldIndicators("styles")},cl.createElement(ul.PropProvider,{propType:s,value:{[e]:o},setValue:t=>{i.setValue(t[e])},placeholder:u,isDisabled:()=>!a},cl.createElement(ul.PropKeyProvider,{bind:e},cl.createElement(ConditionalField,null,n))))},gl=__toESM(n(97557)),bl=n(79513),SectionContent=({gap:e=2,sx:t,children:n,"aria-label":l,className:r})=>gl.createElement(bl.Stack,{gap:e,sx:{...t},"aria-label":l,className:r},n),hl=(0,sl.__)("Background","elementor"),BackgroundSection=()=>al.createElement(SectionContent,null,al.createElement(StylesField,{bind:"background",propDisplayName:hl},al.createElement(il.BackgroundControl,null))),vl=__toESM(n(97557)),_l=__toESM(n(97557)),Sl=n(77394),Cl=n(27723),wl=__toESM(n(97557)),xl=n(79513),Tl=wl.forwardRef((e,t)=>{const{direction:n="row",children:l,label:r,infoTooltip:o}=e,a="row"===n?Il:Pl;return wl.createElement(a,{label:r,infoTooltip:o,ref:t,children:l})}),Il=wl.forwardRef(({label:e,children:t,infoTooltip:n},l)=>wl.createElement(xl.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:l,"aria-label":`${e} control`},wl.createElement(xl.Grid,{item:!0,xs:6},wl.createElement(ControlLabel,{infoTooltip:n},e)),wl.createElement(xl.Grid,{item:!0,xs:6,sx:e=>({width:`calc(50% - ${e.spacing(2)})`})},t))),Pl=wl.forwardRef(({label:e,children:t,infoTooltip:n},l)=>wl.createElement(xl.Stack,{gap:.75,ref:l},wl.createElement(ControlLabel,{infoTooltip:n},e),t)),kl=(0,Cl.__)("Border color","elementor"),BorderColorField=()=>_l.createElement(StylesField,{bind:"border-color",propDisplayName:kl},_l.createElement(Tl,{label:kl},_l.createElement(Sl.ColorControl,null))),Dl=__toESM(n(97557)),zl=n(77394),Rl=n(2020),Ll=n(24413),Vl=n(79513),Al=n(27723),Bl=n(5527),Ml=n(79513);function useDirection(){const e="rtl"===(0,Ml.useTheme)().direction;return{isSiteRtl:!!(0,Bl.getElementorFrontendConfig)()?.is_rtl,isUiRtl:e}}var Ul=__toESM(n(97557)),Nl=n(79513),UiProviders=({children:e})=>{const{isSiteRtl:t}=useDirection();return Ul.createElement(Nl.DirectionProvider,{rtl:t},Ul.createElement(Nl.ThemeProvider,null,e))},Ol=(0,Al.__)("Border radius","elementor"),Fl=(0,Vl.withDirection)(Ll.RadiusTopLeftIcon),jl=(0,Vl.withDirection)(Ll.RadiusTopRightIcon),$l=(0,Vl.withDirection)(Ll.RadiusBottomLeftIcon),Gl=(0,Vl.withDirection)(Ll.RadiusBottomRightIcon),getStartStartLabel=e=>e?(0,Al.__)("Top right","elementor"):(0,Al.__)("Top left","elementor"),getStartStartAriaLabel=e=>e?(0,Al.__)("Border top right radius","elementor"):(0,Al.__)("Border top left radius","elementor"),getStartEndLabel=e=>e?(0,Al.__)("Top left","elementor"):(0,Al.__)("Top right","elementor"),getStartEndAriaLabel=e=>e?(0,Al.__)("Border top left radius","elementor"):(0,Al.__)("Border top right radius","elementor"),getEndStartLabel=e=>e?(0,Al.__)("Bottom right","elementor"):(0,Al.__)("Bottom left","elementor"),getEndStartAriaLabel=e=>e?(0,Al.__)("Border bottom right radius","elementor"):(0,Al.__)("Border bottom left radius","elementor"),getEndEndLabel=e=>e?(0,Al.__)("Bottom left","elementor"):(0,Al.__)("Bottom right","elementor"),getEndEndAriaLabel=e=>e?(0,Al.__)("Border bottom left radius","elementor"):(0,Al.__)("Border bottom right radius","elementor"),getCorners=e=>[{label:getStartStartLabel(e),ariaLabel:getStartStartAriaLabel(e),icon:Dl.createElement(Fl,{fontSize:"tiny"}),bind:"start-start"},{label:getStartEndLabel(e),ariaLabel:getStartEndAriaLabel(e),icon:Dl.createElement(jl,{fontSize:"tiny"}),bind:"start-end"},{label:getEndStartLabel(e),ariaLabel:getEndStartAriaLabel(e),icon:Dl.createElement($l,{fontSize:"tiny"}),bind:"end-start"},{label:getEndEndLabel(e),ariaLabel:getEndEndAriaLabel(e),icon:Dl.createElement(Gl,{fontSize:"tiny"}),bind:"end-end"}],BorderRadiusField=()=>{const{isSiteRtl:e}=useDirection();return Dl.createElement(UiProviders,null,Dl.createElement(StylesField,{bind:"border-radius",propDisplayName:Ol},Dl.createElement(zl.EqualUnequalSizesControl,{items:getCorners(e),label:Ol,icon:Dl.createElement(Ll.BorderCornersIcon,{fontSize:"tiny"}),tooltipLabel:(0,Al.__)("Adjust corners","elementor"),multiSizePropTypeUtil:Rl.borderRadiusPropTypeUtil})))},Wl=__toESM(n(97557)),Kl=n(77394),Hl=n(27723),ql=(0,Hl.__)("Border type","elementor"),Jl=[{value:"none",label:(0,Hl.__)("None","elementor")},{value:"solid",label:(0,Hl.__)("Solid","elementor")},{value:"dashed",label:(0,Hl.__)("Dashed","elementor")},{value:"dotted",label:(0,Hl.__)("Dotted","elementor")},{value:"double",label:(0,Hl.__)("Double","elementor")},{value:"groove",label:(0,Hl.__)("Groove","elementor")},{value:"ridge",label:(0,Hl.__)("Ridge","elementor")},{value:"inset",label:(0,Hl.__)("Inset","elementor")},{value:"outset",label:(0,Hl.__)("Outset","elementor")}],BorderStyleField=()=>Wl.createElement(StylesField,{bind:"border-style",propDisplayName:ql},Wl.createElement(Tl,{label:ql},Wl.createElement(Kl.SelectControl,{options:Jl}))),Yl=__toESM(n(97557)),Xl=n(77394),Ql=n(2020),Zl=n(24413),er=n(79513),tr=n(27723),nr=(0,tr.__)("Border width","elementor"),lr=(0,er.withDirection)(Zl.SideRightIcon),rr=(0,er.withDirection)(Zl.SideLeftIcon),getEdges=e=>[{label:(0,tr.__)("Top","elementor"),ariaLabel:(0,tr.__)("Border top width","elementor"),icon:Yl.createElement(Zl.SideTopIcon,{fontSize:"tiny"}),bind:"block-start"},{label:e?(0,tr.__)("Left","elementor"):(0,tr.__)("Right","elementor"),ariaLabel:e?(0,tr.__)("Border left width","elementor"):(0,tr.__)("Border right width","elementor"),icon:Yl.createElement(lr,{fontSize:"tiny"}),bind:"inline-end"},{label:(0,tr.__)("Bottom","elementor"),ariaLabel:(0,tr.__)("Border bottom width","elementor"),icon:Yl.createElement(Zl.SideBottomIcon,{fontSize:"tiny"}),bind:"block-end"},{label:e?(0,tr.__)("Right","elementor"):(0,tr.__)("Left","elementor"),ariaLabel:e?(0,tr.__)("Border right width","elementor"):(0,tr.__)("Border left width","elementor"),icon:Yl.createElement(rr,{fontSize:"tiny"}),bind:"inline-start"}],BorderWidthField=()=>{const{isSiteRtl:e}=useDirection();return Yl.createElement(StylesField,{bind:"border-width",propDisplayName:nr},Yl.createElement(Xl.EqualUnequalSizesControl,{items:getEdges(e),label:nr,icon:Yl.createElement(Zl.SideAllIcon,{fontSize:"tiny"}),tooltipLabel:(0,tr.__)("Adjust borders","elementor"),multiSizePropTypeUtil:Ql.borderWidthPropTypeUtil}))},BorderSection=()=>vl.createElement(SectionContent,null,vl.createElement(BorderWidthField,null),vl.createElement(BorderColorField,null),vl.createElement(BorderStyleField,null),vl.createElement(BorderRadiusField,null)),or=__toESM(n(97557)),ar=n(77394),ir=n(27723),sr=n(70975),cr=n(82148),ur=n(70975),mr=n(47290),pr=__toESM(n(97557)),dr=n(79513),PanelDivider=()=>pr.createElement(dr.Divider,{sx:{my:.5}}),yr=__toESM(n(97557)),fr=n(77394),Er=n(27723),gr=(0,Er.__)("Blend mode","elementor"),br=[{label:(0,Er.__)("Normal","elementor"),value:"normal"},{label:(0,Er.__)("Multiply","elementor"),value:"multiply"},{label:(0,Er.__)("Screen","elementor"),value:"screen"},{label:(0,Er.__)("Overlay","elementor"),value:"overlay"},{label:(0,Er.__)("Darken","elementor"),value:"darken"},{label:(0,Er.__)("Lighten","elementor"),value:"lighten"},{label:(0,Er.__)("Color dodge","elementor"),value:"color-dodge"},{label:(0,Er.__)("Color burn","elementor"),value:"color-burn"},{label:(0,Er.__)("Saturation","elementor"),value:"saturation"},{label:(0,Er.__)("Color","elementor"),value:"color"},{label:(0,Er.__)("Difference","elementor"),value:"difference"},{label:(0,Er.__)("Exclusion","elementor"),value:"exclusion"},{label:(0,Er.__)("Hue","elementor"),value:"hue"},{label:(0,Er.__)("Luminosity","elementor"),value:"luminosity"},{label:(0,Er.__)("Soft light","elementor"),value:"soft-light"},{label:(0,Er.__)("Hard light","elementor"),value:"hard-light"}],BlendModeField=()=>yr.createElement(StylesField,{bind:"mix-blend-mode",propDisplayName:gr},yr.createElement(Tl,{label:gr},yr.createElement(fr.SelectControl,{options:br}))),hr=__toESM(n(97557)),vr=n(97557),_r=n(77394),Sr=(0,n(27723).__)("Opacity","elementor"),OpacityControlField=()=>{const e=(0,vr.useRef)(null);return hr.createElement(StylesField,{bind:"opacity",propDisplayName:Sr},hr.createElement(Tl,{ref:e,label:Sr},hr.createElement(_r.SizeControl,{units:["%"],anchorRef:e,defaultUnit:"%"})))},Cr=(0,ir.__)("Box shadow","elementor"),wr=(0,ir.__)("Filters","elementor"),xr=(0,ir.__)("Transform","elementor"),Tr=(0,ir.__)("Backdrop filters","elementor"),Ir=(0,ir.__)("Transitions","elementor"),EffectsSection=()=>{const{element:e}=useElement(),{meta:t}=useStyle(),n=(e=>{const t=(0,sr.getContainer)(e);return!!t&&"widget"!==t.model.get("elType")})(e?.id??"");return or.createElement(SectionContent,{gap:1},or.createElement(BlendModeField,null),or.createElement(PanelDivider,null),or.createElement(OpacityControlField,null),or.createElement(PanelDivider,null),or.createElement(StylesField,{bind:"box-shadow",propDisplayName:Cr},or.createElement(ar.BoxShadowRepeaterControl,null)),or.createElement(PanelDivider,null),or.createElement(StylesField,{bind:"transform",propDisplayName:xr},or.createElement(ar.TransformRepeaterControl,{showChildrenPerspective:n})),or.createElement(PanelDivider,null),or.createElement(StylesField,{bind:"transition",propDisplayName:Ir},or.createElement(ar.TransitionRepeaterControl,{currentStyleState:t.state,recentlyUsedListGetter:()=>(async e=>{if(!e)return[];const t=(0,cr.createPropsResolver)({transformers:cr.styleTransformersRegistry,schema:(0,mr.getStylesSchema)()}),n=(0,ur.getElementStyles)(e)??{},l=Object.keys(n??{}).map(e=>n?.[e]?.variants??[]),r=await Promise.all(l.flat().map(async e=>{const n=await t({props:e.props??{},schema:(0,mr.getStylesSchema)()});return Object.entries(n).filter(([,e])=>null!==e).map(([e])=>e)})),o=new Set(r.flat());return Array.from(o)})(e?.id??"")})),or.createElement(PanelDivider,null),or.createElement(StylesField,{bind:"filter",propDisplayName:wr},or.createElement(ar.FilterRepeaterControl,null)),or.createElement(PanelDivider,null),or.createElement(StylesField,{bind:"backdrop-filter",propDisplayName:Tr},or.createElement(ar.FilterRepeaterControl,{filterPropName:"backdrop-filter"})))},Pr=__toESM(n(97557)),kr=n(77394),Dr=n(70975),zr=n(87627),Rr=n(27723),Lr=n(5527);var Vr=__toESM(n(97557)),Ar=n(70374),Br=__toESM(n(97557)),Mr=n(47182),Ur=n(79513),Nr=n(27723),StylesInheritanceSectionIndicators=({fields:e})=>{const{id:t,meta:n,provider:l}=useStyle(),r=useStylesInheritanceSnapshot();if(e.includes("custom_css"))return Br.createElement(CustomCssIndicator,null);const o=Object.fromEntries(Object.entries(r??{}).filter(([t])=>e.includes(t))),{hasValues:a,hasOverrides:i}=function getIndicators(e,t,n){let l=!1,r=!1;return Object.values(e).forEach(e=>{const o=function getCurrentStyleFromChain(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}}(o,t??"",n);if(!a&&!i)return null;const s=(0,Nr.__)("Has effective styles","elementor"),c=(0,Nr.__)("Has overridden styles","elementor");return Br.createElement(Ur.Tooltip,{title:(0,Nr.__)("Has styles","elementor"),placement:"top"},Br.createElement(Ur.Stack,{direction:"row",sx:{"& > *":{marginInlineStart:-.25}},role:"list"},a&&l&&Br.createElement(Pe,{getColor:getStylesProviderThemeColor(l.getKey()),"data-variant":(0,Mr.isElementsStylesProvider)(l.getKey())?"local":"global",role:"listitem","aria-label":s}),i&&Br.createElement(Pe,{isOverridden:!0,"data-variant":"overridden",role:"listitem","aria-label":c})))};var StyleTabCollapsibleContent=({fields:e=[],children:t})=>Vr.createElement(Ar.CollapsibleContent,{titleEnd:getStylesInheritanceIndicators(e)},t);function getStylesInheritanceIndicators(e){return 0===e.length?null:t=>t?null:Vr.createElement(StylesInheritanceSectionIndicators,{fields:e})}var Or=__toESM(n(97557)),Fr=n(77394),jr=n(24413),$r=n(79513),Gr=n(27723),Wr=__toESM(n(97557)),Kr=n(97557),Hr=n(79513),qr=(0,n(27723).__)("Flex direction","elementor"),Jr={row:0,column:90,"row-reverse":180,"column-reverse":270},Yr={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},RotatedIcon=({icon:e,size:t,isClockwise:n=!0,offset:l=0,disableRotationForReversed:r=!1})=>{const o=(0,Kr.useRef)(useGetTargetAngle(n,l,r));return o.current=useGetTargetAngle(n,l,r,o),Wr.createElement(e,{fontSize:t,sx:{transition:".3s",rotate:`${o.current}deg`}})},useGetTargetAngle=(e,t,n,l)=>{const{value:r}=useStylesField("flex-direction",{history:{propDisplayName:qr}}),o="rtl"===(0,Hr.useTheme)().direction?-1:1,a=e?Jr:Yr,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},Xr=(0,Gr.__)("Align content","elementor"),Qr=(0,$r.withDirection)(jr.JustifyTopIcon),Zr=(0,$r.withDirection)(jr.JustifyBottomIcon),eo={isClockwise:!1,offset:0,disableRotationForReversed:!0},to=[{value:"start",label:(0,Gr.__)("Start","elementor"),renderContent:({size:e})=>Or.createElement(RotatedIcon,{icon:Qr,size:e,...eo}),showTooltip:!0},{value:"center",label:(0,Gr.__)("Center","elementor"),renderContent:({size:e})=>Or.createElement(RotatedIcon,{icon:jr.JustifyCenterIcon,size:e,...eo}),showTooltip:!0},{value:"end",label:(0,Gr.__)("End","elementor"),renderContent:({size:e})=>Or.createElement(RotatedIcon,{icon:Zr,size:e,...eo}),showTooltip:!0},{value:"space-between",label:(0,Gr.__)("Space between","elementor"),renderContent:({size:e})=>Or.createElement(RotatedIcon,{icon:jr.JustifySpaceBetweenVerticalIcon,size:e,...eo}),showTooltip:!0},{value:"space-around",label:(0,Gr.__)("Space around","elementor"),renderContent:({size:e})=>Or.createElement(RotatedIcon,{icon:jr.JustifySpaceAroundVerticalIcon,size:e,...eo}),showTooltip:!0},{value:"space-evenly",label:(0,Gr.__)("Space evenly","elementor"),renderContent:({size:e})=>Or.createElement(RotatedIcon,{icon:jr.JustifyDistributeVerticalIcon,size:e,...eo}),showTooltip:!0}],AlignContentField=()=>Or.createElement(StylesField,{bind:"align-content",propDisplayName:Xr},Or.createElement(UiProviders,null,Or.createElement(Tl,{label:Xr,direction:"column"},Or.createElement(Fr.ToggleControl,{options:to,fullWidth:!0})))),no=__toESM(n(97557)),lo=n(77394),ro=n(24413),oo=n(79513),ao=n(27723),io=(0,ao.__)("Align items","elementor"),so=(0,oo.withDirection)(ro.LayoutAlignLeftIcon),co=(0,oo.withDirection)(ro.LayoutAlignRightIcon),uo={isClockwise:!1,offset:90},mo=[{value:"start",label:(0,ao.__)("Start","elementor"),renderContent:({size:e})=>no.createElement(RotatedIcon,{icon:so,size:e,...uo}),showTooltip:!0},{value:"center",label:(0,ao.__)("Center","elementor"),renderContent:({size:e})=>no.createElement(RotatedIcon,{icon:ro.LayoutAlignCenterIcon,size:e,...uo}),showTooltip:!0},{value:"end",label:(0,ao.__)("End","elementor"),renderContent:({size:e})=>no.createElement(RotatedIcon,{icon:co,size:e,...uo}),showTooltip:!0},{value:"stretch",label:(0,ao.__)("Stretch","elementor"),renderContent:({size:e})=>no.createElement(RotatedIcon,{icon:ro.LayoutDistributeVerticalIcon,size:e,...uo}),showTooltip:!0}],AlignItemsField=()=>no.createElement(UiProviders,null,no.createElement(StylesField,{bind:"align-items",propDisplayName:io},no.createElement(Tl,{label:io},no.createElement(lo.ToggleControl,{options:mo})))),po=__toESM(n(97557)),yo=n(77394),fo=n(24413),Eo=n(79513),go=n(27723),bo=(0,go.__)("Align self","elementor"),ho={row:90,"row-reverse":90,column:0,"column-reverse":0},vo=(0,Eo.withDirection)(fo.LayoutAlignLeftIcon),_o=(0,Eo.withDirection)(fo.LayoutAlignRightIcon),So={isClockwise:!1},getOptions=e=>[{value:"start",label:(0,go.__)("Start","elementor"),renderContent:({size:t})=>po.createElement(RotatedIcon,{icon:vo,size:t,offset:ho[e],...So}),showTooltip:!0},{value:"center",label:(0,go.__)("Center","elementor"),renderContent:({size:t})=>po.createElement(RotatedIcon,{icon:fo.LayoutAlignCenterIcon,size:t,offset:ho[e],...So}),showTooltip:!0},{value:"end",label:(0,go.__)("End","elementor"),renderContent:({size:t})=>po.createElement(RotatedIcon,{icon:_o,size:t,offset:ho[e],...So}),showTooltip:!0},{value:"stretch",label:(0,go.__)("Stretch","elementor"),renderContent:({size:t})=>po.createElement(RotatedIcon,{icon:fo.LayoutDistributeVerticalIcon,size:t,offset:ho[e],...So}),showTooltip:!0}],AlignSelfChild=({parentStyleDirection:e})=>po.createElement(StylesField,{bind:"align-self",propDisplayName:bo},po.createElement(UiProviders,null,po.createElement(Tl,{label:bo},po.createElement(yo.ToggleControl,{options:getOptions(e)})))),Co=__toESM(n(97557)),wo=n(77394),xo=n(24413),To=n(27723),Io=(0,To.__)("Align self","elementor"),Po={row:0,column:-90},AlignSelfGridChild=({parentStyleDirection:e})=>Co.createElement(StylesField,{bind:"align-self",propDisplayName:Io},Co.createElement(UiProviders,null,Co.createElement(Tl,{label:Io},Co.createElement(wo.ToggleControl,{options:getOptions2(e??"row")})))),RotatedIcon2=({icon:e,size:t,offset:n})=>Co.createElement(e,{fontSize:t,sx:{rotate:`${n}deg`}}),getOptions2=e=>{const t=Po[e.replace("dense","").trim()];return[{value:"start",label:(0,To.__)("Start","elementor"),renderContent:({size:e})=>Co.createElement(RotatedIcon2,{icon:xo.JustifyTopIcon,size:e,offset:t}),showTooltip:!0},{value:"center",label:(0,To.__)("Center","elementor"),renderContent:({size:e})=>Co.createElement(RotatedIcon2,{icon:xo.JustifyCenterIcon,size:e,offset:t}),showTooltip:!0},{value:"end",label:(0,To.__)("End","elementor"),renderContent:({size:e})=>Co.createElement(RotatedIcon2,{icon:xo.JustifyBottomIcon,size:e,offset:t}),showTooltip:!0},{value:"stretch",label:(0,To.__)("Stretch","elementor"),renderContent:({size:e})=>Co.createElement(RotatedIcon2,{icon:xo.LayoutDistributeVerticalIcon,size:e,offset:t}),showTooltip:!0}]},ko=__toESM(n(97557)),Do=n(77394),zo=n(27723),Ro=(0,zo.__)("Display","elementor"),Lo=[{value:"block",renderContent:()=>(0,zo.__)("Block","elementor"),label:(0,zo.__)("Block","elementor"),showTooltip:!0},{value:"flex",renderContent:()=>(0,zo.__)("Flex","elementor"),label:(0,zo.__)("Flex","elementor"),showTooltip:!0},{value:"grid",renderContent:()=>(0,zo.__)("Grid","elementor"),label:(0,zo.__)("Grid","elementor"),showTooltip:!0},{value:"none",renderContent:()=>(0,zo.__)("None","elementor"),label:(0,zo.__)("None","elementor"),showTooltip:!0},{value:"inline-block",renderContent:()=>(0,zo.__)("In-blk","elementor"),label:(0,zo.__)("Inline-block","elementor"),showTooltip:!0},{value:"inline-flex",renderContent:()=>(0,zo.__)("In-flx","elementor"),label:(0,zo.__)("Inline-flex","elementor"),showTooltip:!0}],DisplayField=()=>{const e=useDisplayPlaceholderValue();return ko.createElement(StylesField,{bind:"display",propDisplayName:Ro,placeholder:e},ko.createElement(Tl,{label:Ro,direction:"column"},ko.createElement(Do.ToggleControl,{options:Lo,maxItems:4,fullWidth:!0})))},useDisplayPlaceholderValue=()=>useStylesInheritanceChain(["display"])[0]?.value??void 0,Vo=__toESM(n(97557)),Ao=n(77394),Bo=n(24413),Mo=n(79513),Uo=n(27723),No=(0,Uo.__)("Direction","elementor"),Oo=[{value:"row",label:(0,Uo.__)("Row","elementor"),renderContent:({size:e})=>{const t=(0,Mo.withDirection)(Bo.ArrowRightIcon);return Vo.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,Uo.__)("Column","elementor"),renderContent:({size:e})=>Vo.createElement(Bo.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,Uo.__)("Reversed row","elementor"),renderContent:({size:e})=>{const t=(0,Mo.withDirection)(Bo.ArrowLeftIcon);return Vo.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,Uo.__)("Reversed column","elementor"),renderContent:({size:e})=>Vo.createElement(Bo.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],FlexDirectionField=()=>Vo.createElement(StylesField,{bind:"flex-direction",propDisplayName:No},Vo.createElement(UiProviders,null,Vo.createElement(Tl,{label:No},Vo.createElement(Ao.ToggleControl,{options:Oo})))),Fo=__toESM(n(97557)),jo=n(97557),$o=n(77394),Go=n(24413),Wo=n(79513),Ko=n(27723),Ho=(0,Ko.__)("Order","elementor"),qo=-99999,Jo=99999,Yo="first",Xo="last",Qo="custom",Zo={[Yo]:qo,[Xo]:Jo},ea=[{value:Yo,label:(0,Ko.__)("First","elementor"),renderContent:({size:e})=>Fo.createElement(Go.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:Xo,label:(0,Ko.__)("Last","elementor"),renderContent:({size:e})=>Fo.createElement(Go.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:Qo,label:(0,Ko.__)("Custom","elementor"),renderContent:({size:e})=>Fo.createElement(Go.PencilIcon,{fontSize:e}),showTooltip:!0}],FlexOrderField=()=>Fo.createElement(StylesField,{bind:"order",propDisplayName:Ho},Fo.createElement(UiProviders,null,Fo.createElement(SectionContent,null,Fo.createElement(FlexOrderFieldContent,null))));function FlexOrderFieldContent(){const{value:e,setValue:t,canEdit:n}=useStylesField("order",{history:{propDisplayName:Ho}}),{placeholder:l}=(0,$o.useBoundProp)(),r=l,o=(0,jo.useMemo)(()=>getGroupControlValue(e?.value??null),[e]),[a,i]=(0,jo.useState)(o),[s,c]=(0,jo.useState)(!1);(0,jo.useEffect)(()=>{s||i(o)},[o,s]),(0,jo.useEffect)(()=>{null===e&&c(!1)},[e]);const u=getGroupControlValue(r?.value??null),m=Qo===a||Qo===u,p=Qo===u?String(r?.value??null):"";return Fo.createElement(Fo.Fragment,null,Fo.createElement(Tl,{label:Ho},Fo.createElement($o.ControlToggleButtonGroup,{items:ea,value:a,onChange:e=>{i(e),c(e===Qo),t(Qo!==e?Yo!==e&&Xo!==e?null:{$$type:"number",value:Zo[e]}:{$$type:"number",value:null})},exclusive:!0,placeholder:u,disabled:!n})),m&&Fo.createElement(Wo.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},Fo.createElement(Wo.Grid,{item:!0,xs:6},Fo.createElement(ControlLabel,null,(0,Ko.__)("Custom order","elementor"))),Fo.createElement(Wo.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},Fo.createElement($o.NumberControl,{min:-99998,max:99998,shouldForceInt:!0,placeholder:p}))))}var getGroupControlValue=e=>Jo===e?Xo:qo===e?Yo:null!==e?Qo:null,ta=__toESM(n(97557)),na=n(97557),la=n(77394),ra=n(2020),oa=n(24413),aa=n(27723),ia=(0,aa.__)("Flex Size","elementor"),sa=[{value:"flex-grow",label:(0,aa.__)("Grow","elementor"),renderContent:({size:e})=>ta.createElement(oa.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,aa.__)("Shrink","elementor"),renderContent:({size:e})=>ta.createElement(oa.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,aa.__)("Custom","elementor"),renderContent:({size:e})=>ta.createElement(oa.PencilIcon,{fontSize:e}),showTooltip:!0}],FlexSizeField=()=>ta.createElement(UiProviders,null,ta.createElement(SectionContent,null,ta.createElement(StylesField,{bind:"flex",propDisplayName:ia},ta.createElement(FlexSizeFieldContent,null)))),FlexSizeFieldContent=()=>{const{value:e,setValue:t,canEdit:n}=useStylesField("flex",{history:{propDisplayName:ia}}),{placeholder:l}=(0,la.useBoundProp)(),r=extractFlexValues(e),o=(0,na.useMemo)(()=>getActiveGroup(r),[r]),[a,i]=(0,na.useState)(o),[s,c]=(0,na.useState)(!1);(0,na.useEffect)(()=>{s||i(o)},[o,s]),(0,na.useEffect)(()=>{null===e&&c(!1)},[e]);const u=getActiveGroup(extractFlexValues(l)),m="custom"===a||"custom"===u;return ta.createElement(ta.Fragment,null,ta.createElement(Tl,{label:ia},ta.createElement(la.ControlToggleButtonGroup,{value:a??null,placeholder:u??null,onChange:(n=null)=>{i(n),c("custom"===n);const l=createFlexValueForGroup(n,e);t(l)},disabled:!n,items:sa,exclusive:!0})),m&&ta.createElement(FlexCustomField,null))};function extractFlexValues(e){return{grow:e?.value?.flexGrow?.value??null,shrink:e?.value?.flexShrink?.value??null,basis:e?.value?.flexBasis?.value??null}}var createFlexValueForGroup=(e,t)=>e?"flex-grow"===e?ra.flexPropTypeUtil.create({flexGrow:ra.numberPropTypeUtil.create(1),flexShrink:ra.numberPropTypeUtil.create(0),flexBasis:ra.sizePropTypeUtil.create({unit:"auto",size:""})}):"flex-shrink"===e?ra.flexPropTypeUtil.create({flexGrow:ra.numberPropTypeUtil.create(0),flexShrink:ra.numberPropTypeUtil.create(1),flexBasis:ra.sizePropTypeUtil.create({unit:"auto",size:""})}):"custom"===e?t||ra.flexPropTypeUtil.create({flexGrow:null,flexShrink:null,flexBasis:null}):null:null,FlexCustomField=()=>{const e=(0,na.useRef)(null),t=(0,la.useBoundProp)(ra.flexPropTypeUtil);return ta.createElement(la.PropProvider,{...t},ta.createElement(ta.Fragment,null,ta.createElement(Tl,{label:(0,aa.__)("Grow","elementor")},ta.createElement(la.PropKeyProvider,{bind:"flexGrow"},ta.createElement(la.NumberControl,{min:0,shouldForceInt:!0}))),ta.createElement(Tl,{label:(0,aa.__)("Shrink","elementor")},ta.createElement(la.PropKeyProvider,{bind:"flexShrink"},ta.createElement(la.NumberControl,{min:0,shouldForceInt:!0}))),ta.createElement(Tl,{label:(0,aa.__)("Basis","elementor"),ref:e},ta.createElement(la.PropKeyProvider,{bind:"flexBasis"},ta.createElement(la.SizeControl,{extendedOptions:["auto"],anchorRef:e})))))},getActiveGroup=({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"},ca=__toESM(n(97557)),ua=n(77394),ma=n(27723),pa=(0,ma.__)("Gaps","elementor"),GapControlField=()=>ca.createElement(StylesField,{bind:"gap",propDisplayName:pa},ca.createElement(ua.GapControl,{label:pa})),da=__toESM(n(97557)),ya=n(77394),fa=n(24413),Ea=n(79513),ga=n(27723),ba=(0,ga.__)("Auto flow","elementor"),ha=(0,ga.__)("Dense","elementor"),va=(0,Ea.withDirection)(fa.ArrowRightIcon),_a=[{value:"row",label:(0,ga.__)("Row","elementor"),renderContent:({size:e})=>da.createElement(va,{fontSize:e}),showTooltip:!0},{value:"column",label:(0,ga.__)("Column","elementor"),renderContent:({size:e})=>da.createElement(fa.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0}],parseAutoFlow=e=>{if(!e)return{direction:null,dense:!1};const t=e.includes("dense");return{direction:e.replace(/\s*dense\s*/,"").trim()||"row",dense:t}},composeAutoFlow=(e,t)=>t?`${e} dense`:e,GridAutoFlowFieldContent=()=>{const{value:e,setValue:t,canEdit:n}=useStylesField("grid-auto-flow",{history:{propDisplayName:ba}}),{placeholder:l}=(0,ya.useBoundProp)(),{direction:r,dense:o}=parseAutoFlow(e?.value??null),a=parseAutoFlow(l?.value??null).direction;return da.createElement(Tl,{label:ba},da.createElement(Ea.Grid,{container:!0,gap:1,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end"},da.createElement(Ea.Grid,{item:!0,sx:{width:64,maxWidth:"100%"}},da.createElement(ya.ControlToggleButtonGroup,{items:_a,value:r,placeholder:a,onChange:e=>{t(e?{$$type:"string",value:composeAutoFlow(e,o)}:null)},exclusive:!0,fullWidth:!0,disabled:!n})),da.createElement(Ea.Grid,{item:!0},da.createElement(Ea.Tooltip,{title:ha,placement:"top"},da.createElement(Ea.ToggleButton,{value:"dense",selected:o,onChange:()=>{t({$$type:"string",value:composeAutoFlow(r??"row",!o)})},size:"tiny","aria-label":ha,disabled:!n},da.createElement(fa.LayoutDashboardIcon,{fontSize:"tiny"}))))))},GridAutoFlowField=()=>da.createElement(StylesField,{bind:"grid-auto-flow",propDisplayName:ba},da.createElement(UiProviders,null,da.createElement(GridAutoFlowFieldContent,null))),Sa=__toESM(n(97557)),Ca=n(97557),wa=n(77394),xa=n(79513),Ta=n(27723),Ia=(0,Ta.__)("Auto rows","elementor"),Pa=(0,Ta.__)("Auto columns","elementor"),ka=(0,Ta.__)("Set the size for new rows created automatically when content exceeds the defined grid.","elementor"),Da=(0,Ta.__)("Set the size for new columns created automatically when content exceeds the defined grid.","elementor"),GridAutoTrackField=({bind:e,infoTooltip:t,label:n,rowRef:l})=>Sa.createElement(StylesField,{bind:e,propDisplayName:n},Sa.createElement(Tl,{infoTooltip:t,label:n,ref:l},Sa.createElement(wa.SizeControl,{enablePropTypeUnits:!0,defaultUnit:"fr",anchorRef:l}))),GridAutoTrackFields=()=>{const e=(0,Ca.useRef)(null);return Sa.createElement(xa.Stack,{gap:2,pt:2,ref:e},Sa.createElement(GridAutoTrackField,{bind:"grid-auto-rows",infoTooltip:ka,label:Ia,rowRef:e}),Sa.createElement(GridAutoTrackField,{bind:"grid-auto-columns",infoTooltip:Da,label:Pa,rowRef:e}))},za=__toESM(n(97557)),Ra=n(77394),La=n(24413),Va=n(79513),Aa=n(27723),Ba=(0,Aa.__)("Justify items","elementor"),Ma=(0,Va.withDirection)(La.LayoutAlignLeftIcon),Ua=(0,Va.withDirection)(La.LayoutAlignRightIcon),Na=[{value:"start",label:(0,Aa.__)("Start","elementor"),renderContent:({size:e})=>za.createElement(Ma,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,Aa.__)("Center","elementor"),renderContent:({size:e})=>za.createElement(La.LayoutAlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,Aa.__)("End","elementor"),renderContent:({size:e})=>za.createElement(Ua,{fontSize:e}),showTooltip:!0},{value:"stretch",label:(0,Aa.__)("Stretch","elementor"),renderContent:({size:e})=>za.createElement(La.LayoutDistributeVerticalIcon,{fontSize:e}),showTooltip:!0}],GridJustifyItemsField=()=>za.createElement(StylesField,{bind:"justify-items",propDisplayName:Ba},za.createElement(UiProviders,null,za.createElement(Tl,{label:Ba},za.createElement(Ra.ToggleControl,{options:Na})))),Oa=__toESM(n(97557)),Fa=n(70975),ja=n(79513),$a=n(27723),Ga=(0,$a.__)("Show Grid Outline","elementor"),GridOutlineField=()=>{const{element:e}=useElement(),t=(0,Fa.useElementEditorSettings)(e.id),n=t?.grid_outline??!0;return Oa.createElement(Tl,{label:Ga},Oa.createElement(ja.Box,{sx:{display:"flex",justifyContent:"flex-end"}},Oa.createElement(ja.Switch,{"aria-label":Ga,checked:n,onChange:t=>{(0,Fa.updateElementEditorSettings)({elementId:e.id,settings:{grid_outline:t.target.checked}})},size:"small"})))},Wa=__toESM(n(97557)),Ka=n(97557),Ha=n(77394),qa=n(79513),Ja=n(27723),Ya=n(2020),Xa="fr",Qa="custom",Za=[Xa,Qa],ei={kind:"empty"},ti=/^repeat\(\s*(\d+)\s*,\s*1fr\s*\)$/,parseValue=e=>e?Ya.gridTrackSizePropTypeUtil.isValid(e)?(e=>{if(!e)return ei;if(e.unit===Xa){const t=Number(e.size);return Number.isFinite(t)&&t>=1?{kind:"fr",count:Math.trunc(t)}:ei}const t=String(e.size??"");return""===t?ei:{kind:"custom",raw:t}})(Ya.gridTrackSizePropTypeUtil.extract(e)):Ya.stringPropTypeUtil.isValid(e)?(e=>{if(!e)return ei;const t=e.match(ti);if(t){const e=parseInt(t[1],10);return e>=1?{kind:"fr",count:e}:ei}return{kind:"custom",raw:e}})(Ya.stringPropTypeUtil.extract(e)):ei:ei,toSizeInput=(e,t=Xa)=>{switch(e.kind){case"empty":return{size:"",unit:t};case"fr":return{size:e.count,unit:Xa};case"custom":return{size:e.raw,unit:Qa}}},unitOf=(e,t=Xa)=>"fr"===e.kind?Xa:"custom"===e.kind?Qa:t,SizeFieldWrapper=({children:e})=>Wa.createElement(Ha.ControlActions,null,e),ni=(0,Ha.createControl)(e=>Wa.createElement(Ha.SizeComponent,{units:Za,value:e.value,placeholder:e.placeholder,defaultUnit:Xa,setValue:e.setValue,onBlur:()=>{},min:1,anchorRef:e.anchorRef,SizeFieldWrapper:SizeFieldWrapper})),GridTrackFieldContent=({cssProp:e,label:t})=>{const{value:n,setValue:l}=useStylesField(e,{history:{propDisplayName:t}}),{placeholder:r}=(0,Ha.useBoundProp)(),o=(0,Ka.useRef)(null),a=parseValue(n),i=parseValue(r),s="empty"!==a.kind?toSizeInput(a):toSizeInput(ei,unitOf(i)),c=(e=>{switch(e.kind){case"empty":return;case"fr":return String(e.count);case"custom":return e.raw}})(i);return Wa.createElement(Tl,{label:t,direction:"column"},Wa.createElement("div",{ref:o},Wa.createElement(ni,{value:s,placeholder:c,setValue:e=>{const t=(e=>{if(""===e.size||Number.isNaN(e.size))return ei;if(e.unit===Xa){const t=Number(e.size);return Number.isFinite(t)&&t>=1?{kind:"fr",count:Math.trunc(t)}:ei}return{kind:"custom",raw:String(e.size)}})(e);"empty"===t.kind&&"empty"!==a.kind&&e.unit!==unitOf(a)||l((e=>{switch(e.kind){case"empty":return null;case"fr":return Ya.gridTrackSizePropTypeUtil.create({size:e.count,unit:Xa});case"custom":return Ya.gridTrackSizePropTypeUtil.create({size:e.raw,unit:Qa})}})(t))},anchorRef:o})))},GridTrackField=({cssProp:e,label:t})=>Wa.createElement(UiProviders,null,Wa.createElement(StylesField,{bind:e,propDisplayName:t},Wa.createElement(GridTrackFieldContent,{cssProp:e,label:t}))),GridSizeFields=()=>Wa.createElement(qa.Grid,{container:!0,gap:2,flexWrap:"nowrap"},Wa.createElement(qa.Grid,{item:!0,xs:6},Wa.createElement(GridTrackField,{cssProp:"grid-template-columns",label:(0,Ja.__)("Columns","elementor")})),Wa.createElement(qa.Grid,{item:!0,xs:6},Wa.createElement(GridTrackField,{cssProp:"grid-template-rows",label:(0,Ja.__)("Rows","elementor")}))),li=__toESM(n(97557)),ri=n(77394),oi=n(79513),ai=n(27723),GridSpanFieldContent=({label:e})=>li.createElement(Tl,{label:e,direction:"column"},li.createElement(ri.GridSpanControl,null)),GridSpanField=({cssProp:e,label:t})=>li.createElement(StylesField,{bind:e,propDisplayName:t},li.createElement(UiProviders,null,li.createElement(GridSpanFieldContent,{cssProp:e,label:t}))),GridSpanFields=()=>li.createElement(oi.Grid,{container:!0,gap:2,flexWrap:"nowrap"},li.createElement(oi.Grid,{item:!0,xs:6},li.createElement(GridSpanField,{cssProp:"grid-column",label:(0,ai.__)("Grid column","elementor")})),li.createElement(oi.Grid,{item:!0,xs:6},li.createElement(GridSpanField,{cssProp:"grid-row",label:(0,ai.__)("Grid row","elementor")}))),ii=__toESM(n(97557)),si=n(77394),ci=n(24413),ui=n(79513),mi=n(27723),pi=(0,mi.__)("Justify content","elementor"),di=(0,ui.withDirection)(ci.JustifyTopIcon),yi=(0,ui.withDirection)(ci.JustifyBottomIcon),fi={isClockwise:!0,offset:-90},Ei=[{value:"flex-start",label:(0,mi.__)("Start","elementor"),renderContent:({size:e})=>ii.createElement(RotatedIcon,{icon:di,size:e,...fi}),showTooltip:!0},{value:"center",label:(0,mi.__)("Center","elementor"),renderContent:({size:e})=>ii.createElement(RotatedIcon,{icon:ci.JustifyCenterIcon,size:e,...fi}),showTooltip:!0},{value:"flex-end",label:(0,mi.__)("End","elementor"),renderContent:({size:e})=>ii.createElement(RotatedIcon,{icon:yi,size:e,...fi}),showTooltip:!0},{value:"space-between",label:(0,mi.__)("Space between","elementor"),renderContent:({size:e})=>ii.createElement(RotatedIcon,{icon:ci.JustifySpaceBetweenVerticalIcon,size:e,...fi}),showTooltip:!0},{value:"space-around",label:(0,mi.__)("Space around","elementor"),renderContent:({size:e})=>ii.createElement(RotatedIcon,{icon:ci.JustifySpaceAroundVerticalIcon,size:e,...fi}),showTooltip:!0},{value:"space-evenly",label:(0,mi.__)("Space evenly","elementor"),renderContent:({size:e})=>ii.createElement(RotatedIcon,{icon:ci.JustifyDistributeVerticalIcon,size:e,...fi}),showTooltip:!0}],JustifyContentField=()=>ii.createElement(StylesField,{bind:"justify-content",propDisplayName:pi},ii.createElement(UiProviders,null,ii.createElement(Tl,{label:pi,direction:"column"},ii.createElement(si.ToggleControl,{options:Ei,fullWidth:!0})))),gi=__toESM(n(97557)),bi=n(77394),hi=n(24413),vi=n(27723),_i=(0,vi.__)("Wrap","elementor"),Si=[{value:"nowrap",label:(0,vi.__)("No wrap","elementor"),renderContent:({size:e})=>gi.createElement(hi.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,vi.__)("Wrap","elementor"),renderContent:({size:e})=>gi.createElement(hi.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,vi.__)("Reversed wrap","elementor"),renderContent:({size:e})=>gi.createElement(hi.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],WrapField=()=>gi.createElement(StylesField,{bind:"flex-wrap",propDisplayName:_i},gi.createElement(UiProviders,null,gi.createElement(Tl,{label:_i},gi.createElement(bi.ToggleControl,{options:Si})))),Ci=(0,Rr.__)("Display","elementor"),wi=(0,Rr.__)("Flex wrap","elementor"),xi="row",{Slot:Ti,inject:Ii}=(0,zr.createLocation)(),LayoutSection=()=>{const{value:e}=useStylesField("display",{history:{propDisplayName:Ci}}),t=useDisplayPlaceholderValue(),n=shouldDisplayFlexFields(e,t),l="grid"===(e?.value??t?.value),{element:r}=useElement(),o=(0,Dr.useParentElement)(r.id),a=function useComputedStyle(e){return(0,Lr.__privateUseListenTo)([(0,Lr.windowEvent)("elementor/device-mode/change"),(0,Lr.commandEndEvent)("document/elements/reset-style"),(0,Lr.commandEndEvent)("document/elements/settings"),(0,Lr.commandEndEvent)("document/elements/paste-style")],()=>{if(!e)return null;const t=window.elementor?.getContainer?.(e);return t?.view?.el?window.getComputedStyle(t.view.el):null})}(o?.id||null),getParentStyleDirection=()=>"flex"===a?.display?a?.flexDirection??xi:"grid"===a?.display?a?.gridAutoFlow??xi:xi;return Pr.createElement(SectionContent,null,Pr.createElement(DisplayField,null),n&&Pr.createElement(FlexFields,null),"flex"===a?.display&&Pr.createElement(FlexChildFields,{parentStyleDirection:getParentStyleDirection()}),l&&Pr.createElement(GridFields,null),"grid"===a?.display&&Pr.createElement(GridChildFields,{parentStyleDirection:getParentStyleDirection()}))},FlexFields=()=>{const{value:e}=useStylesField("flex-wrap",{history:{propDisplayName:wi}});return Pr.createElement(Pr.Fragment,null,Pr.createElement(FlexDirectionField,null),Pr.createElement(JustifyContentField,null),Pr.createElement(AlignItemsField,null),Pr.createElement(PanelDivider,null),Pr.createElement(GapControlField,null),Pr.createElement(WrapField,null),["wrap","wrap-reverse"].includes(e?.value)&&Pr.createElement(AlignContentField,null))},GridFields=()=>Pr.createElement(Pr.Fragment,null,Pr.createElement(GridOutlineField,null),Pr.createElement(GridSizeFields,null),Pr.createElement(GridAutoFlowField,null),Pr.createElement(Ti,null),Pr.createElement(StyleTabCollapsibleContent,{fields:["grid-auto-rows","grid-auto-columns"]},Pr.createElement(GridAutoTrackFields,null)),Pr.createElement(PanelDivider,null),Pr.createElement(GapControlField,null),Pr.createElement(PanelDivider,null),Pr.createElement(GridJustifyItemsField,null),Pr.createElement(AlignItemsField,null)),FlexChildFields=({parentStyleDirection:e})=>Pr.createElement(Pr.Fragment,null,Pr.createElement(PanelDivider,null),Pr.createElement(kr.ControlFormLabel,null,(0,Rr.__)("Flex child","elementor")),Pr.createElement(AlignSelfChild,{parentStyleDirection:e}),Pr.createElement(FlexOrderField,null),Pr.createElement(FlexSizeField,null)),GridChildFields=({parentStyleDirection:e})=>Pr.createElement(Pr.Fragment,null,Pr.createElement(PanelDivider,null),Pr.createElement(kr.ControlFormLabel,null,(0,Rr.__)("Grid child","elementor")),Pr.createElement(GridSpanFields,null),Pr.createElement(AlignSelfGridChild,{parentStyleDirection:e}),Pr.createElement(FlexOrderField,null)),shouldDisplayFlexFields=(e,t)=>{const n=e?.value??t?.value;return!!n&&("flex"===n||"inline-flex"===n)},Pi=__toESM(n(97557)),ki=n(97557),Di=n(78187),zi=n(79513),Ri=n(27723),Li=__toESM(n(97557)),Vi=n(97557),Ai=n(77394),Bi=n(24413),Mi=n(79513),Ui=n(27723),Ni=(0,Mi.withDirection)(Bi.SideLeftIcon),Oi=(0,Mi.withDirection)(Bi.SideRightIcon),Fi={"inset-block-start":Li.createElement(Bi.SideTopIcon,{fontSize:"tiny"}),"inset-block-end":Li.createElement(Bi.SideBottomIcon,{fontSize:"tiny"}),"inset-inline-start":Li.createElement(RotatedIcon,{icon:Ni,size:"tiny"}),"inset-inline-end":Li.createElement(RotatedIcon,{icon:Oi,size:"tiny"})},getInlineStartLabel=e=>e?(0,Ui.__)("Right","elementor"):(0,Ui.__)("Left","elementor"),getInlineEndLabel=e=>e?(0,Ui.__)("Left","elementor"):(0,Ui.__)("Right","elementor"),DimensionsField=()=>{const{isSiteRtl:e}=useDirection(),t=[(0,Vi.useRef)(null),(0,Vi.useRef)(null)];return Li.createElement(UiProviders,null,Li.createElement(Mi.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:t[0]},Li.createElement(DimensionField,{side:"inset-block-start",label:(0,Ui.__)("Top","elementor"),rowRef:t[0]}),Li.createElement(DimensionField,{side:"inset-inline-end",label:getInlineEndLabel(e),rowRef:t[0]})),Li.createElement(Mi.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:t[1]},Li.createElement(DimensionField,{side:"inset-block-end",label:(0,Ui.__)("Bottom","elementor"),rowRef:t[1]}),Li.createElement(DimensionField,{side:"inset-inline-start",label:getInlineStartLabel(e),rowRef:t[1]})))},DimensionField=({side:e,label:t,rowRef:n})=>Li.createElement(StylesField,{bind:e,propDisplayName:t},Li.createElement(Mi.Grid,{container:!0,gap:.75,alignItems:"center"},Li.createElement(Mi.Grid,{item:!0,xs:12},Li.createElement(ControlLabel,null,t)),Li.createElement(Mi.Grid,{item:!0,xs:12},Li.createElement(Ai.SizeControl,{startIcon:Fi[e],extendedOptions:["auto"],anchorRef:n,min:-Number.MAX_SAFE_INTEGER})))),ji=__toESM(n(97557)),$i=n(97557),Gi=n(77394),Wi=(0,n(27723).__)("Anchor offset","elementor"),Ki=["px","em","rem","vw","vh"],OffsetField=()=>{const e=(0,$i.useRef)(null);return ji.createElement(StylesField,{bind:"scroll-margin-top",propDisplayName:Wi},ji.createElement(Tl,{label:Wi,ref:e},ji.createElement(Gi.SizeControl,{units:Ki,anchorRef:e})))},Hi=__toESM(n(97557)),qi=n(77394),Ji=n(27723),Yi=(0,Ji.__)("Position","elementor"),Xi=[{label:(0,Ji.__)("Static","elementor"),value:"static"},{label:(0,Ji.__)("Relative","elementor"),value:"relative"},{label:(0,Ji.__)("Absolute","elementor"),value:"absolute"},{label:(0,Ji.__)("Fixed","elementor"),value:"fixed"},{label:(0,Ji.__)("Sticky","elementor"),value:"sticky"}],PositionField=()=>Hi.createElement(StylesField,{bind:"position",propDisplayName:Yi},Hi.createElement(Tl,{label:Yi},Hi.createElement(qi.SelectControl,{options:Xi}))),Qi=__toESM(n(97557)),Zi=n(77394),es=n(24413),ts=n(79513),ns=n(27723),ls=(0,ns.__)("Z-index","elementor"),ZIndexField=({disabled:e})=>{const t=Qi.createElement(StylesField,{bind:"z-index",propDisplayName:ls},Qi.createElement(Tl,{label:ls},Qi.createElement(Zi.NumberControl,{disabled:e}))),n=Qi.createElement(ts.Alert,{color:"secondary",icon:Qi.createElement(es.InfoCircleFilledIcon,null),size:"small"},Qi.createElement(ts.AlertTitle,null,(0,ns.__)("Z-index","elementor")),Qi.createElement(ts.Box,{component:"span"},(0,ns.__)("z-index only works on positioned elements. Change position to relative, absolute, or fixed to enable layering.","elementor")));return e?Qi.createElement(ts.Infotip,{placement:"right",content:n,color:"secondary",slotProps:{popper:{sx:{width:300}}}},Qi.createElement(ts.Box,null,t)):Qi.createElement(Qi.Fragment,null,t)},rs="static",os=(0,Ri.__)("Position","elementor"),as=(0,Ri.__)("Dimensions","elementor"),is=["inset-block-start","inset-block-end","inset-inline-start","inset-inline-end","z-index"],PositionSection=()=>{const{value:e}=useStylesField("position",withHistoryLabel(os)),t=(0,ki.useRef)(e),{values:n,setValues:l}=useStylesFields(is),[r,o,a]=usePersistDimensions();return(0,ki.useEffect)(()=>{e&&e?.value===rs&&hasDependentValues(n)&&o(extractDimensions(n)),t.current?.value===rs&&(l({...r},withHistoryLabel(as)),a()),e&&e?.value!==rs||!n?.["z-index"]||l({"z-index":null},withHistoryLabel(as)),t.current=e},[e?.value]),Pi.createElement(ss,null,Pi.createElement(PositionField,null),Pi.createElement(DimensionsField,null),Pi.createElement(ZIndexField,{disabled:!e||e?.value===rs}),Pi.createElement(PanelDivider,null),Pi.createElement(OffsetField,null))},usePersistDimensions=()=>{const{id:e,meta:t}=useStyle(),n=`${`styles/${e}/${t.breakpoint||"desktop"}/${t.state||"null"}`}/dimensions`;return(0,Di.useSessionStorage)(n)},withHistoryLabel=e=>({history:{propDisplayName:e}}),hasDependentValues=e=>{if(!e)return!1;const t=extractDimensions(e);return Object.values(t).some(e=>null!==e)},extractDimensions=e=>is.reduce((t,n)=>({...t,[n]:e?.[n]??null}),{}),ss=(0,zi.styled)(SectionContent,{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)}})),cs=__toESM(n(97557)),us=n(97557),ms=n(77394),ps=n(79513),ds=n(27723),ys=__toESM(n(97557)),fs=n(77394),Es=n(27723),gs=(0,Es.__)("Object fit","elementor"),bs=[{label:(0,Es.__)("Fill","elementor"),value:"fill"},{label:(0,Es.__)("Cover","elementor"),value:"cover"},{label:(0,Es.__)("Contain","elementor"),value:"contain"},{label:(0,Es.__)("None","elementor"),value:"none"},{label:(0,Es.__)("Scale down","elementor"),value:"scale-down"}],ObjectFitField=()=>ys.createElement(StylesField,{bind:"object-fit",propDisplayName:gs},ys.createElement(Tl,{label:gs},ys.createElement(fs.SelectControl,{options:bs}))),hs=__toESM(n(97557)),vs=n(77394),_s=n(24413),Ss=n(27723),Cs=(0,Ss.__)("Overflow","elementor"),ws=[{value:"visible",label:(0,Ss.__)("Visible","elementor"),renderContent:({size:e})=>hs.createElement(_s.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,Ss.__)("Hidden","elementor"),renderContent:({size:e})=>hs.createElement(_s.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,Ss.__)("Auto","elementor"),renderContent:({size:e})=>hs.createElement(_s.LetterAIcon,{fontSize:e}),showTooltip:!0}],OverflowField=()=>hs.createElement(StylesField,{bind:"overflow",propDisplayName:Cs},hs.createElement(Tl,{label:Cs},hs.createElement(vs.ToggleControl,{options:ws}))),xs=[[{bind:"width",label:(0,ds.__)("Width","elementor")},{bind:"height",label:(0,ds.__)("Height","elementor")}],[{bind:"min-width",label:(0,ds.__)("Min width","elementor")},{bind:"min-height",label:(0,ds.__)("Min height","elementor")}],[{bind:"max-width",label:(0,ds.__)("Max width","elementor")},{bind:"max-height",label:(0,ds.__)("Max height","elementor")}]],Ts=(0,ds.__)("Aspect Ratio","elementor"),SizeSection=()=>{const e=[(0,us.useRef)(null),(0,us.useRef)(null),(0,us.useRef)(null)];return cs.createElement(SectionContent,null,xs.map((t,n)=>cs.createElement(ps.Grid,{key:n,container:!0,gap:2,flexWrap:"nowrap",ref:e[n]},t.map(t=>cs.createElement(ps.Grid,{item:!0,xs:6,key:t.bind},cs.createElement(SizeField,{...t,rowRef:e[n],extendedOptions:["auto"]}))))),cs.createElement(PanelDivider,null),cs.createElement(ps.Stack,null,cs.createElement(OverflowField,null)),cs.createElement(StyleTabCollapsibleContent,{fields:["aspect-ratio","object-fit"]},cs.createElement(ps.Stack,{gap:2,pt:2},cs.createElement(StylesField,{bind:"aspect-ratio",propDisplayName:Ts},cs.createElement(ms.AspectRatioControl,{label:Ts})),cs.createElement(PanelDivider,null),cs.createElement(ObjectFitField,null),cs.createElement(StylesField,{bind:"object-position",propDisplayName:(0,ds.__)("Object position","elementor")},cs.createElement(ps.Grid,{item:!0,xs:6},cs.createElement(ms.PositionControl,null))))))},SizeField=({label:e,bind:t,rowRef:n,extendedOptions:l})=>cs.createElement(StylesField,{bind:t,propDisplayName:e},cs.createElement(ps.Grid,{container:!0,gap:.75,alignItems:"center"},cs.createElement(ps.Grid,{item:!0,xs:12},cs.createElement(ControlLabel,null,e)),cs.createElement(ps.Grid,{item:!0,xs:12},cs.createElement(ms.SizeControl,{extendedOptions:l,anchorRef:n})))),Is=__toESM(n(97557)),Ps=n(77394),ks=n(27723),Ds=(0,ks.__)("Margin","elementor"),zs=(0,ks.__)("Padding","elementor"),SpacingSection=()=>{const{isSiteRtl:e}=useDirection();return Is.createElement(SectionContent,null,Is.createElement(StylesField,{bind:"margin",propDisplayName:Ds},Is.createElement(Ps.LinkedDimensionsControl,{label:Ds,isSiteRtl:e,min:-Number.MAX_SAFE_INTEGER})),Is.createElement(PanelDivider,null),Is.createElement(StylesField,{bind:"padding",propDisplayName:zs},Is.createElement(Ps.LinkedDimensionsControl,{label:zs,isSiteRtl:e})))},Rs=__toESM(n(97557)),Ls=__toESM(n(97557)),Vs=n(77394),As=(0,n(27723).__)("Columns","elementor"),ColumnCountField=()=>Ls.createElement(StylesField,{bind:"column-count",propDisplayName:As},Ls.createElement(Tl,{label:As},Ls.createElement(Vs.NumberControl,{shouldForceInt:!0,min:0,step:1}))),Bs=__toESM(n(97557)),Ms=n(97557),Us=n(77394),Ns=(0,n(27723).__)("Column gap","elementor"),ColumnGapField=()=>{const e=(0,Ms.useRef)(null);return Bs.createElement(StylesField,{bind:"column-gap",propDisplayName:Ns},Bs.createElement(Tl,{label:Ns,ref:e},Bs.createElement(Us.SizeControl,{anchorRef:e})))},Os=__toESM(n(97557)),Fs=n(77394),js=n(70374),$s=(0,n(27723).__)("Font family","elementor"),FontFamilyField=()=>{const e=(0,Fs.useFontFamilies)(),t=(0,js.useSectionWidth)();return 0===e.length?null:Os.createElement(StylesField,{bind:"font-family",propDisplayName:$s},Os.createElement(Tl,{label:$s},Os.createElement(Fs.FontFamilyControl,{fontFamilies:e,sectionWidth:t,ariaLabel:$s})))},Gs=__toESM(n(97557)),Ws=n(97557),Ks=n(77394),Hs=(0,n(27723).__)("Font size","elementor"),FontSizeField=()=>{const e=(0,Ws.useRef)(null);return Gs.createElement(StylesField,{bind:"font-size",propDisplayName:Hs},Gs.createElement(Tl,{label:Hs,ref:e},Gs.createElement(Ks.SizeControl,{anchorRef:e,ariaLabel:Hs})))},qs=__toESM(n(97557)),Js=n(77394),Ys=n(24413),Xs=n(27723),Qs=(0,Xs.__)("Font style","elementor"),Zs=[{value:"normal",label:(0,Xs.__)("Normal","elementor"),renderContent:({size:e})=>qs.createElement(Ys.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"italic",label:(0,Xs.__)("Italic","elementor"),renderContent:({size:e})=>qs.createElement(Ys.ItalicIcon,{fontSize:e}),showTooltip:!0}],FontStyleField=()=>qs.createElement(StylesField,{bind:"font-style",propDisplayName:Qs},qs.createElement(Tl,{label:Qs},qs.createElement(Js.ToggleControl,{options:Zs}))),ec=__toESM(n(97557)),tc=n(77394),nc=n(27723),lc=(0,nc.__)("Font weight","elementor"),rc=[{value:"100",label:(0,nc.__)("100 - Thin","elementor")},{value:"200",label:(0,nc.__)("200 - Extra light","elementor")},{value:"300",label:(0,nc.__)("300 - Light","elementor")},{value:"400",label:(0,nc.__)("400 - Normal","elementor")},{value:"500",label:(0,nc.__)("500 - Medium","elementor")},{value:"600",label:(0,nc.__)("600 - Semi bold","elementor")},{value:"700",label:(0,nc.__)("700 - Bold","elementor")},{value:"800",label:(0,nc.__)("800 - Extra bold","elementor")},{value:"900",label:(0,nc.__)("900 - Black","elementor")}],FontWeightField=()=>ec.createElement(StylesField,{bind:"font-weight",propDisplayName:lc},ec.createElement(Tl,{label:lc},ec.createElement(tc.SelectControl,{options:rc}))),oc=__toESM(n(97557)),ac=n(97557),ic=n(77394),sc=(0,n(27723).__)("Letter spacing","elementor"),LetterSpacingField=()=>{const e=(0,ac.useRef)(null);return oc.createElement(StylesField,{bind:"letter-spacing",propDisplayName:sc},oc.createElement(Tl,{label:sc,ref:e},oc.createElement(ic.SizeControl,{anchorRef:e,min:-Number.MAX_SAFE_INTEGER})))},cc=__toESM(n(97557)),uc=n(97557),mc=n(77394),pc=(0,n(27723).__)("Line height","elementor"),LineHeightField=()=>{const e=(0,uc.useRef)(null);return cc.createElement(StylesField,{bind:"line-height",propDisplayName:pc},cc.createElement(Tl,{label:pc,ref:e},cc.createElement(mc.SizeControl,{anchorRef:e})))},dc=__toESM(n(97557)),yc=n(77394),fc=n(24413),Ec=n(79513),gc=n(27723),bc=(0,gc.__)("Text align","elementor"),hc=(0,Ec.withDirection)(fc.AlignLeftIcon),vc=(0,Ec.withDirection)(fc.AlignRightIcon),_c=[{value:"start",label:(0,gc.__)("Start","elementor"),renderContent:({size:e})=>dc.createElement(hc,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,gc.__)("Center","elementor"),renderContent:({size:e})=>dc.createElement(fc.AlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,gc.__)("End","elementor"),renderContent:({size:e})=>dc.createElement(vc,{fontSize:e}),showTooltip:!0},{value:"justify",label:(0,gc.__)("Justify","elementor"),renderContent:({size:e})=>dc.createElement(fc.AlignJustifiedIcon,{fontSize:e}),showTooltip:!0}],TextAlignmentField=()=>dc.createElement(StylesField,{bind:"text-align",propDisplayName:bc},dc.createElement(UiProviders,null,dc.createElement(Tl,{label:bc},dc.createElement(yc.ToggleControl,{options:_c})))),Sc=__toESM(n(97557)),Cc=n(77394),wc=(0,n(27723).__)("Text color","elementor"),TextColorField=()=>Sc.createElement(StylesField,{bind:"color",propDisplayName:wc},Sc.createElement(Tl,{label:wc},Sc.createElement(Cc.ColorControl,{id:"text-color-control"}))),xc=__toESM(n(97557)),Tc=n(77394),Ic=n(24413),Pc=n(27723),kc=(0,Pc.__)("Line decoration","elementor"),Dc=[{value:"none",label:(0,Pc.__)("None","elementor"),renderContent:({size:e})=>xc.createElement(Ic.MinusIcon,{fontSize:e}),showTooltip:!0,exclusive:!0},{value:"underline",label:(0,Pc.__)("Underline","elementor"),renderContent:({size:e})=>xc.createElement(Ic.UnderlineIcon,{fontSize:e}),showTooltip:!0},{value:"line-through",label:(0,Pc.__)("Line-through","elementor"),renderContent:({size:e})=>xc.createElement(Ic.StrikethroughIcon,{fontSize:e}),showTooltip:!0},{value:"overline",label:(0,Pc.__)("Overline","elementor"),renderContent:({size:e})=>xc.createElement(Ic.OverlineIcon,{fontSize:e}),showTooltip:!0}],TextDecorationField=()=>xc.createElement(StylesField,{bind:"text-decoration",propDisplayName:kc},xc.createElement(Tl,{label:kc},xc.createElement(Tc.ToggleControl,{options:Dc,exclusive:!1}))),zc=__toESM(n(97557)),Rc=n(77394),Lc=n(24413),Vc=n(27723),Ac=(0,Vc.__)("Direction","elementor"),Bc=[{value:"ltr",label:(0,Vc.__)("Left to right","elementor"),renderContent:({size:e})=>zc.createElement(Lc.TextDirectionLtrIcon,{fontSize:e}),showTooltip:!0},{value:"rtl",label:(0,Vc.__)("Right to left","elementor"),renderContent:({size:e})=>zc.createElement(Lc.TextDirectionRtlIcon,{fontSize:e}),showTooltip:!0}],TextDirectionField=()=>zc.createElement(StylesField,{bind:"direction",propDisplayName:Ac},zc.createElement(Tl,{label:Ac},zc.createElement(Rc.ToggleControl,{options:Bc}))),Mc=__toESM(n(97557)),Uc=n(77394),Nc=n(27723),Oc=__toESM(n(97557)),Fc=n(24413),jc=n(79513),$c="tiny",AddOrRemoveContent=({isAdded:e,onAdd:t,onRemove:n,children:l,disabled:r,renderLabel:o})=>Oc.createElement(SectionContent,null,Oc.createElement(jc.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},o(),e?Oc.createElement(jc.IconButton,{size:$c,onClick:n,"aria-label":"Remove",disabled:r},Oc.createElement(Fc.MinusIcon,{fontSize:$c})):Oc.createElement(jc.IconButton,{size:$c,onClick:t,"aria-label":"Add",disabled:r},Oc.createElement(Fc.PlusIcon,{fontSize:$c}))),Oc.createElement(jc.Collapse,{in:e,unmountOnExit:!0},Oc.createElement(SectionContent,null,l))),Gc={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},Wc=(0,Nc.__)("Text stroke","elementor"),TextStrokeField=()=>{const{value:e,setValue:t,canEdit:n}=useStylesField("stroke",{history:{propDisplayName:Wc}}),l=Boolean(e);return Mc.createElement(StylesField,{bind:"stroke",propDisplayName:Wc},Mc.createElement(AddOrRemoveContent,{isAdded:l,onAdd:()=>{t(Gc)},onRemove:()=>{t(null)},disabled:!n,renderLabel:()=>Mc.createElement(ControlLabel,null,Wc)},Mc.createElement(Uc.StrokeControl,null)))},Kc=__toESM(n(97557)),Hc=n(77394),qc=n(24413),Jc=n(27723),Yc=(0,Jc.__)("Text transform","elementor"),Xc=[{value:"none",label:(0,Jc.__)("None","elementor"),renderContent:({size:e})=>Kc.createElement(qc.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"capitalize",label:(0,Jc.__)("Capitalize","elementor"),renderContent:({size:e})=>Kc.createElement(qc.LetterCaseIcon,{fontSize:e}),showTooltip:!0},{value:"uppercase",label:(0,Jc.__)("Uppercase","elementor"),renderContent:({size:e})=>Kc.createElement(qc.LetterCaseUpperIcon,{fontSize:e}),showTooltip:!0},{value:"lowercase",label:(0,Jc.__)("Lowercase","elementor"),renderContent:({size:e})=>Kc.createElement(qc.LetterCaseLowerIcon,{fontSize:e}),showTooltip:!0}],TransformField=()=>Kc.createElement(StylesField,{bind:"text-transform",propDisplayName:Yc},Kc.createElement(Tl,{label:Yc},Kc.createElement(Hc.ToggleControl,{options:Xc}))),Qc=__toESM(n(97557)),Zc=n(97557),eu=n(77394),tu=(0,n(27723).__)("Word spacing","elementor"),WordSpacingField=()=>{const e=(0,Zc.useRef)(null);return Qc.createElement(StylesField,{bind:"word-spacing",propDisplayName:tu},Qc.createElement(Tl,{label:tu,ref:e},Qc.createElement(eu.SizeControl,{anchorRef:e,min:-Number.MAX_SAFE_INTEGER})))},TypographySection=()=>Rs.createElement(SectionContent,null,Rs.createElement(FontFamilyField,null),Rs.createElement(FontWeightField,null),Rs.createElement(FontSizeField,null),Rs.createElement(PanelDivider,null),Rs.createElement(TextAlignmentField,null),Rs.createElement(TextColorField,null),Rs.createElement(StyleTabCollapsibleContent,{fields:["line-height","letter-spacing","word-spacing","column-count","text-decoration","text-transform","direction","font-style","stroke"]},Rs.createElement(SectionContent,{sx:{pt:2}},Rs.createElement(LineHeightField,null),Rs.createElement(LetterSpacingField,null),Rs.createElement(WordSpacingField,null),Rs.createElement(ColumnCountField,null),Rs.createElement(ColumnGapField,null),Rs.createElement(PanelDivider,null),Rs.createElement(TextDecorationField,null),Rs.createElement(TransformField,null),Rs.createElement(TextDirectionField,null),Rs.createElement(FontStyleField,null),Rs.createElement(TextStrokeField,null)))),nu=__toESM(n(97557)),StyleTabSection=({section:e,fields:t=[],unmountOnExit:n=!0})=>{const{component:l,name:r,title:o,action:a}=e,i=useDefaultPanelSettings(),s=l||(()=>nu.createElement(nu.Fragment,null)),c=i.defaultSectionsExpanded.style?.includes(r);return nu.createElement(Section,{title:o,defaultExpanded:c,titleEnd:getStylesInheritanceIndicators(t),unmountOnExit:n,action:a},nu.createElement(s,null))},{Slot:lu,inject:ru}=(0,Fn.createLocation)(),ou={position:"sticky",zIndex:1100,opacity:1,backgroundColor:"background.default",transition:"top 300ms ease"},StyleTab=()=>{const e=function useCurrentClassesProp(){const{elementType:e}=useElement(),t=Object.entries(e.propsSchema).find(([,e])=>"plain"===e.kind&&e.key===Nn.CLASSES_PROP_KEY);if(!t)return null;return t[0]}(),[t,n]=useActiveStyleDefId(e??""),[l,r]=(0,Un.useState)(null),o=(0,On.useActiveBreakpoint)();return e?Mn.createElement(ClassesPropProvider,{prop:e},Mn.createElement(StyleProvider,{meta:{breakpoint:o,state:l},id:t,setId:e=>{n(e),r(null)},setMetaState:r},Mn.createElement(jn.SessionStorageProvider,{prefix:t??""},Mn.createElement(StyleInheritanceProvider,null,Mn.createElement(ClassesHeader,null,Mn.createElement(CssClassSelector,null),Mn.createElement($n.Divider,null)),Mn.createElement(SectionsList,null,Mn.createElement(StyleTabSection,{section:{component:LayoutSection,name:"Layout",title:(0,Gn.__)("Layout","elementor")},fields:["display","flex-direction","flex-wrap","justify-content","align-items","align-content","align-self","gap","order","grid-column","grid-row","grid-auto-rows","grid-auto-columns"]}),Mn.createElement(StyleTabSection,{section:{component:SpacingSection,name:"Spacing",title:(0,Gn.__)("Spacing","elementor")},fields:["margin","padding"]}),Mn.createElement(StyleTabSection,{section:{component:SizeSection,name:"Size",title:(0,Gn.__)("Size","elementor")},fields:["width","min-width","max-width","height","min-height","max-height","overflow","aspect-ratio","object-fit"]}),Mn.createElement(StyleTabSection,{section:{component:PositionSection,name:"Position",title:(0,Gn.__)("Position","elementor")},fields:["position","z-index","scroll-margin-top"]}),Mn.createElement(StyleTabSection,{section:{component:TypographySection,name:"Typography",title:(0,Gn.__)("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"]}),Mn.createElement(StyleTabSection,{section:{component:BackgroundSection,name:"Background",title:(0,Gn.__)("Background","elementor")},fields:["background"]}),Mn.createElement(StyleTabSection,{section:{component:BorderSection,name:"Border",title:(0,Gn.__)("Border","elementor")},fields:["border-radius","border-width","border-color","border-style"]}),Mn.createElement(StyleTabSection,{section:{component:EffectsSection,name:"Effects",title:(0,Gn.__)("Effects","elementor")},fields:["mix-blend-mode","box-shadow","opacity","transform","filter","backdrop-filter","transform-origin","transition"]}),Mn.createElement(lu,null)),Mn.createElement($n.Box,{sx:{height:"150px"}}))))):null};function ClassesHeader({children:e}){const t=function useScrollDirection(){return(0,qt.useContext)(Yt)?.direction??"up"}();return Mn.createElement($n.Stack,{sx:{...ou,top:"up"===t?"37px":0}},e)}var EditingPanelTabs=()=>{const{element:e}=useElement();return jt.createElement(Ft.Fragment,{key:e.id},jt.createElement(PanelTabContent,null))},PanelTabContent=()=>{const{element:e}=useElement(),t=useDefaultPanelSettings().defaultTab,n=(0,Gt.isExperimentActive)("e_interactions"),l=!!(0,$t.getWidgetsCache)()?.[e.type]?.meta?.is_pro_promotion,[r,o]=useStateByElement("tab",t),a=l&&"settings"===r?"style":r,{getTabProps:i,getTabPanelProps:s,getTabsProps:c}=(0,Wt.useTabs)(a);return jt.createElement(ScrollProvider,null,jt.createElement(Wt.Stack,{direction:"column",sx:{width:"100%"}},jt.createElement(Wt.Stack,{sx:{...ou,top:0}},jt.createElement(Wt.Tabs,{variant:"fullWidth",size:"small",sx:{mt:.5},...c(),onChange:(e,t)=>{c().onChange(e,t),o(t)}},!l&&jt.createElement(Wt.Tab,{label:(0,Kt.__)("General","elementor"),...i("settings")}),jt.createElement(Wt.Tab,{label:(0,Kt.__)("Style","elementor"),...i("style")}),n&&jt.createElement(Wt.Tab,{label:(0,Kt.__)("Interactions","elementor"),...i("interactions")})),jt.createElement(Wt.Divider,null)),!l&&jt.createElement(Wt.TabPanel,{...s("settings"),disablePadding:!0},jt.createElement(SettingsTab,null)),jt.createElement(Wt.TabPanel,{...s("style"),disablePadding:!0},jt.createElement(StyleTab,null)),n&&jt.createElement(Wt.TabPanel,{...s("interactions"),disablePadding:!0},jt.createElement(InteractionsTab,null))))},{Slot:au,inject:iu}=(0,Rt.createLocation)(),{useMenuItems:su}=Lt.controlActionsMenu,cu=n(22504),uu=n(51061),mu=n(5527),pu=n(97557),du=n(5527),yu=n(51061),{panel:fu,usePanelActions:Eu,usePanelStatus:gu}=(0,yu.__createPanel)({id:"editing-panel",component:()=>{const{element:e,elementType:t,settings:n}=(0,Pt.useSelectedElementSettings)(),l=(0,It.getControlReplacements)(),r=su().default;if(!e||!t)return null;const o=(0,Bt.__)("Edit %s","elementor").replace("%s",t.title),{component:a}=((e,t)=>Array.from(Mt.values()).filter(({condition:n})=>n(e,t)).sort((e,t)=>e.priority-t.priority)?.[0]??null)(e,t)??{};let i=Tt.createElement(Tt.Fragment,null,Tt.createElement(kt.PanelHeader,null,Tt.createElement(kt.PanelHeaderTitle,null,o),Tt.createElement(zt.AtomIcon,{fontSize:"small",sx:{color:"text.tertiary"}})),Tt.createElement(kt.PanelBody,{sx:{height:"auto",flex:1,minHeight:0}},Tt.createElement(EditingPanelTabs,null)),Tt.createElement(EditingPanelStickyPromotion,null));return a&&(i=Tt.createElement(a,null)),Tt.createElement(At.ErrorBoundary,{fallback:Tt.createElement(EditorPanelErrorFallback,null)},Tt.createElement(Vt.SessionStorageProvider,{prefix:"elementor"},Tt.createElement(Dt.ThemeProvider,null,Tt.createElement(It.ControlActionsProvider,{items:r},Tt.createElement(It.ControlReplacementsProvider,{replacements:l},Tt.createElement(ElementProvider,{element:e,elementType:t,settings:n},Tt.createElement(kt.Panel,null,Tt.createElement(au,null),i)))))))}}),bu=n(70975),isAtomicWidgetSelected=()=>{const e=(0,bu.getSelectedElements)(),t=(0,bu.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},EditingPanelHooks=()=>((()=>{const{open:e}=Eu();(0,pu.useEffect)(()=>(0,du.__privateListenTo)((0,du.commandStartEvent)("panel/editor/open"),()=>{isAtomicWidgetSelected()&&e()}),[])})(),null),hu=n(77394),vu=__toESM(n(97557)),_u=n(97557),Su=n(77394),Cu=n(27723),wu={target_name:"custom_css",location_l2:"style"},CustomCssSection=()=>{const e=(0,_u.useRef)(null);return vu.createElement(StyleTabSection,{section:{name:"Custom CSS",title:(0,Cu.__)("Custom CSS","elementor"),action:{component:vu.createElement(Su.PromotionTrigger,{ref:e,promotionKey:"customCss",trackingData:wu}),onClick:()=>e.current?.toggle()}}})},init=()=>{ru({id:"custom-css",component:CustomCssSection,options:{overwrite:!0}}),window.elementorPro||(Cn.register("attributes",hu.AttributesControl,"two-columns"),Cn.register("display-conditions",hu.DisplayConditionsControl,"two-columns"))},xu=__toESM(n(97557)),Tu=n(77394),Iu=n(70975),Pu=n(2020),ku=n(24413),Du=n(79513),zu=n(27723),Ru=n(70975),getElementByType=(e,t)=>{const n=(0,Ru.getContainer)(e);return n?n.model.get("elType")===t?n:n.children?.findRecursive?.(e=>e.model.get("elType")===t)??null:null},Lu=n(77394),Vu=n(70975),Au=n(2020),Bu=n(27723),Mu="e-tab",calculateDefaultOnMove=({from:e,to:t,defaultActiveTab:n})=>e===n?t:e<n&&t>=n?n-1:e>n&&t<=n?n+1:n,calculateDefaultOnRemove=({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},calculateDefaultOnDuplicate=({items:e,defaultActiveTab:t})=>{const n=e.reduce((e,{index:n})=>n<t?e+1:e,0);return t+n},Uu="e-tabs-menu",TabsControlContent=({label:e})=>{const{element:t}=useElement(),{addItem:n,duplicateItem:l,moveItem:r,removeItem:o}=(()=>{const{value:e,setValue:t}=(0,Lu.useBoundProp)(Au.numberPropTypeUtil),n=e??0;return{duplicateItem:({items:e,tabContentAreaId:l})=>{const r=calculateDefaultOnDuplicate({items:e,defaultActiveTab:n});e.forEach(({item:e,index:o})=>{const a=e.id,i=(0,Vu.getContainer)(l),s=i?.children?.[o]?.id;if(!s)throw new Error("Original content ID is required for duplication");(0,Vu.duplicateElements)({elementIds:[a,s],title:(0,Bu.__)("Duplicate Tab","elementor"),onDuplicateElements:()=>{r!==n&&t(r,{},{withHistory:!1})},onRestoreElements:()=>{r!==n&&t(n,{},{withHistory:!1})}})})},moveItem:({toIndex:e,tabsMenuId:l,tabContentAreaId:r,movedElementId:o,movedElementIndex:a})=>{const i=(0,Vu.getContainer)(r),s=i?.children?.[a],c=(0,Vu.getContainer)(o),u=(0,Vu.getContainer)(l);if(!s)throw new Error("Content element is required");if(!c||!u)throw new Error("Tab element or menu not found");const m=calculateDefaultOnMove({from:a,to:e,defaultActiveTab:n});(0,Vu.moveElements)({title:(0,Bu.__)("Reorder Tabs","elementor"),moves:[{element:c,targetContainer:u,options:{at:e}},{element:s,targetContainer:i,options:{at:e}}],onMoveElements:()=>{m!==n&&t(m,{},{withHistory:!1})},onRestoreElements:()=>{m!==n&&t(n,{},{withHistory:!1})}})},removeItem:({items:e,tabContentAreaId:l})=>{const r=calculateDefaultOnRemove({items:e,defaultActiveTab:n});(0,Vu.removeElements)({title:(0,Bu.__)("Tabs","elementor"),elementIds:e.flatMap(({item:e,index:t})=>{const n=e.id,r=(0,Vu.getContainer)(l),o=r?.children?.[t]?.id;if(!o)throw new Error("Content ID is required");return[n,o]}),onRemoveElements:()=>{r!==n&&t(r,{},{withHistory:!1})},onRestoreElements:()=>{r!==n&&t(n,{},{withHistory:!1})}})},addItem:({tabContentAreaId:e,tabsMenuId:t,items:n})=>{const l=(0,Vu.getContainer)(e),r=(0,Vu.getContainer)(t);if(!l||!r)throw new Error("Tab containers not found");n.forEach(({index:e})=>{const t=e+1;(0,Vu.createElements)({title:(0,Bu.__)("Tabs","elementor"),elements:[{container:l,model:{elType:"e-tab-content",editor_settings:{title:`Tab ${t} content`,initial_position:t}}},{container:r,model:{elType:Mu,editor_settings:{title:`Tab ${t} trigger`,initial_position:t}}}]})})}}})(),{[Mu]:a}=(0,Iu.useElementChildren)(t.id,{[Uu]:Mu}),i=getElementByType(t.id,Uu),s=getElementByType(t.id,"e-tabs-content-area"),c=a.map((e,t)=>({id:e.id,title:e.editorSettings?.title,index:t}));return xu.createElement(Tu.Repeater,{showToggle:!1,values:c,setValues:(e,t,c)=>{if("add"===c?.action?.type){const e=c.action.payload;return n({tabContentAreaId:s.id,items:e,tabsMenuId:i.id})}if("remove"===c?.action?.type){const e=c.action.payload;return o({items:e,tabContentAreaId:s.id})}if("duplicate"===c?.action?.type){const e=c.action.payload;return l({items:e,tabContentAreaId:s.id})}if("reorder"===c?.action?.type){const{from:e,to:t}=c.action.payload;return r({toIndex:t,tabsMenuId:i.id,tabContentAreaId:s.id,movedElementId:a[e].id,movedElementIndex:e})}},showRemove:c.length>1,label:e,itemSettings:{getId:({item:e})=>e.id,initialValues:{id:"",title:"Tab"},Label:ItemLabel,Content:ItemContent,Icon:()=>null}})},ItemLabel=({value:e,index:t})=>{const n=e?.title;return xu.createElement(Du.Stack,{sx:{minHeight:20},direction:"row",alignItems:"center",gap:1.5},xu.createElement("span",null,n),xu.createElement(ItemDefaultTab,{index:t}))},ItemDefaultTab=({index:e})=>{const{value:t}=(0,Tu.useBoundProp)(Pu.numberPropTypeUtil);return t===e?xu.createElement(Du.Chip,{size:"tiny",shape:"rounded",label:(0,zu.__)("Default","elementor")}):null},ItemContent=({value:e,index:t})=>e.id?xu.createElement(Du.Stack,{p:2,gap:1.5},xu.createElement(TabLabelControl,{elementId:e.id}),xu.createElement(SettingsField,{bind:"default-active-tab",propDisplayName:(0,zu.__)("Tabs","elementor")},xu.createElement(DefaultTabControl,{tabIndex:t}))):null,DefaultTabControl=({tabIndex:e})=>{const{value:t,setValue:n}=(0,Tu.useBoundProp)(Pu.numberPropTypeUtil),l=t===e;return xu.createElement(Du.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:2},xu.createElement(Tu.ControlFormLabel,null,(0,zu.__)("Set as default tab","elementor")),xu.createElement(ConditionalTooltip,{showTooltip:l,placement:"right"},xu.createElement(Du.Switch,{size:"small",checked:l,disabled:l,onChange:({target:t})=>{n(t.checked?e:null)},inputProps:{...l?{style:{opacity:0,cursor:"not-allowed"}}:{}}})))},TabLabelControl=({elementId:e})=>{const t=(0,Iu.useElementEditorSettings)(e),n=t?.title??"";return xu.createElement(Du.Stack,{gap:1},xu.createElement(Tu.ControlFormLabel,null,(0,zu.__)("Tab name","elementor")),xu.createElement(Du.TextField,{size:"tiny",value:n,onChange:({target:t})=>{(0,Iu.updateElementEditorSettings)({elementId:e,settings:{title:t.value}})}}))},ConditionalTooltip=({showTooltip:e,children:t})=>e?xu.createElement(Du.Infotip,{arrow:!1,content:xu.createElement(Du.Alert,{color:"secondary",icon:xu.createElement(ku.InfoCircleFilledIcon,{fontSize:"tiny"}),size:"small",sx:{width:288}},xu.createElement(Du.Typography,{variant:"body2"},(0,zu.__)("To change the default tab, simply set another tab as default.","elementor")))},xu.createElement("span",null,t)):t,Nu={tabs:{component:({label:e})=>xu.createElement(SettingsField,{bind:"default-active-tab",propDisplayName:(0,zu.__)("Tabs","elementor")},xu.createElement(TabsControlContent,{label:e})),layout:"full"}},registerElementControls=()=>{Object.entries(Nu).forEach(([e,{component:t,layout:n}])=>{Cn.register(e,t,n)})},Ou=n(82148),Fu=n(77394),ju=n(27987),$u=__toESM(n(97557)),Gu=n(77394),Wu=n(2020),Ku=n(24413),Hu=n(97557),qu=n(97557),Ju=n(77394),Yu=n(5527),Xu=n(97557),Qu={expired:!1},Zu=new Set;function setLicenseConfig(e){Qu={...Qu,...e},Zu.forEach(e=>e())}function getLicenseConfig(){return Qu}function subscribe(e){return Zu.add(e),()=>Zu.delete(e)}var getAtomicDynamicTags=(e=!0)=>{const{atomicDynamicTags:t}=(0,Yu.getElementorConfig)();return t?{tags:e?filterByLicense(t.tags):t.tags,groups:t.groups}:null},filterByLicense=e=>{const{expired:t}=getLicenseConfig();return t?Object.fromEntries(Object.entries(e).filter(([,e])=>!("elementor"===e?.meta?.origin&&e?.meta?.required_license))):e},em=n(2020),tm=n(5527),nm=n(59618),lm="dynamic",rm=(0,em.createPropUtils)(lm,nm.z.strictObject({name:nm.z.string(),group:nm.z.string(),settings:nm.z.any().optional()})),isDynamicTagSupported=e=>!!(0,tm.getElementorConfig)()?.atomicDynamicTags?.tags?.[e],getDynamicPropType=e=>{const t="union"===e.kind&&e.prop_types[lm];return t&&t.key===lm?t:null},isDynamicPropValue=e=>(0,em.isTransformable)(e)&&e.$$type===lm,usePropDynamicTagsInternal=e=>{let t=[];const{propType:n}=(0,Ju.useBoundProp)();if(n){const e=getDynamicPropType(n);t=e?.settings.categories||[]}const l=t.join();return(0,qu.useMemo)(()=>getDynamicTagsByCategories(t,e),[l,e])},getDynamicTagsByCategories=(e,t)=>{const{tags:n,groups:l}=getAtomicDynamicTags(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},useDynamicTag=e=>{const t=usePropDynamicTagsInternal(!1);return(0,Hu.useMemo)(()=>t.find(t=>t.name===e)??null,[t,e])},BackgroundControlDynamicTagIcon=()=>$u.createElement(Ku.DatabaseIcon,{fontSize:"tiny"}),BackgroundControlDynamicTagLabel=({value:e})=>{const t=(0,Gu.useBoundProp)(Wu.backgroundImageOverlayPropTypeUtil);return $u.createElement(Gu.PropProvider,{...t,value:e.value},$u.createElement(Gu.PropKeyProvider,{bind:"image"},$u.createElement(Wrapper2,{rawValue:e.value})))},Wrapper2=({rawValue:e})=>{const{propType:t}=(0,Gu.useBoundProp)(),n=t.prop_types["background-image-overlay"];return $u.createElement(Gu.PropProvider,{propType:n.shape.image,value:e,setValue:()=>{}},$u.createElement(Gu.PropKeyProvider,{bind:"src"},$u.createElement(Content,{rawValue:e.image})))},Content=({rawValue:e})=>{const t=e.value.src,n=useDynamicTag(t.value.name||"");return $u.createElement($u.Fragment,null,n?.label)},om=__toESM(n(97557)),am=n(77394),im=n(70374),sm=n(24413),cm=n(79513),um=n(27723),mm=n(78187),usePersistDynamicValue=e=>{const{element:t}=useElement(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return(0,mm.useSessionStorage)(n)},pm=__toESM(n(97557)),dm=n(77394),ym=__toESM(n(97557)),fm=n(97557),Em=n(2020),DynamicConditionalControl=({children:e,propType:t,propsSchema:n,dynamicSettings:l})=>{const r=(0,fm.useMemo)(()=>{if(!n)return{};return Object.entries(n).reduce((e,[t,n])=>(e[t]=n?.default??null,e),{})},[n]),o=(0,fm.useMemo)(()=>l?Object.entries(l).reduce((e,[t,n])=>(e[t]=n&&"object"==typeof n&&"$$type"in n?n:{$$type:"plain",value:n},e),{}):{},[l]),a=(0,fm.useMemo)(()=>({...r,...o}),[r,o]);if(!t?.dependencies?.terms.length)return ym.createElement(ym.Fragment,null,e);return!(0,Em.isDependencyMet)(t?.dependencies,a).isMet?null:ym.createElement(ym.Fragment,null,e)},DynamicControl=({bind:e,children:t})=>{const{value:n,setValue:l}=(0,dm.useBoundProp)(rm),{name:r="",group:o="",settings:a}=n??{},i=useDynamicTag(r);if(!i)throw new Error(`Dynamic tag ${r} not found`);const s=i.props_schema[e],c=s?.default,u=a?.[e]??c,m=createTopLevelObjectType({schema:i.props_schema});return pm.createElement(dm.PropProvider,{propType:m,setValue:e=>{l({name:r,group:o,settings:{...a,...e}})},value:{[e]:u}},pm.createElement(dm.PropKeyProvider,{bind:e},pm.createElement(DynamicConditionalControl,{propType:s,propsSchema:i.props_schema,dynamicSettings:a},t)))},gm=__toESM(n(97557)),bm=n(97557),hm=n(77394),vm=n(70374),_m=n(24413),Sm=n(79513),Cm=n(27723),DynamicSelection=({close:e,expired:t=!1})=>{const[n,l]=(0,bm.useState)(""),{groups:r}=getAtomicDynamicTags()||{},o=(0,Sm.useTheme)(),{value:a}=(0,hm.useBoundProp)(),{bind:i,value:s,setValue:c}=(0,hm.useBoundProp)(rm),[,u]=usePersistDynamicValue(i),m=!!s,p=useFilteredOptions(n),d=!p.length&&!n.trim();(0,bm.useEffect)(()=>{(d||t)&&(0,hm.trackViewPromotion)({target_name:"dynamic_tags"})},[d,t]);const handleSearch=e=>{l(e)},handleSetDynamicTag=t=>{m||u(a);const n=p.flatMap(([,e])=>e).find(e=>e.value===t);c({name:t,group:n?.group??"",settings:{label:n?.label}}),e()},y=p.flatMap(([e,t])=>[{type:"category",value:e,label:r?.[e]?.title||e},...t.map(e=>({type:"item",value:e.value,label:e.label}))]);return gm.createElement(vm.SectionPopoverBody,{"aria-label":(0,Cm.__)("Dynamic tags","elementor")},gm.createElement(vm.PopoverHeader,{title:(0,Cm.__)("Dynamic tags","elementor"),onClose:e,icon:gm.createElement(_m.DatabaseIcon,{fontSize:"tiny"})}),d?gm.createElement(NoDynamicTags,null):t?gm.createElement(ExpiredDynamicTags,null):gm.createElement(bm.Fragment,null,gm.createElement(vm.SearchField,{value:n,onSearch:handleSearch,placeholder:(0,Cm.__)("Search dynamic tags…","elementor")}),gm.createElement(Sm.Divider,null),gm.createElement(vm.PopoverMenuList,{items:y,onSelect:handleSetDynamicTag,onClose:e,selectedValue:s?.name,itemStyle:e=>"item"===e.type?{paddingInlineStart:o.spacing(3.5)}:{},noResultsComponent:gm.createElement(NoResults,{searchValue:n,onClear:()=>l("")})})))},NoResults=({searchValue:e,onClear:t})=>gm.createElement(Sm.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},gm.createElement(_m.DatabaseIcon,{fontSize:"large"}),gm.createElement(Sm.Typography,{align:"center",variant:"subtitle2"},(0,Cm.__)("Sorry, nothing matched","elementor"),gm.createElement("br",null),"“",e,"”."),gm.createElement(Sm.Typography,{align:"center",variant:"caption",sx:{display:"flex",flexDirection:"column"}},(0,Cm.__)("Try something else.","elementor"),gm.createElement(Sm.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,Cm.__)("Clear & try again","elementor")))),NoDynamicTags=()=>gm.createElement(gm.Fragment,null,gm.createElement(Sm.Divider,null),gm.createElement(Sm.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},gm.createElement(_m.DatabaseIcon,{fontSize:"large"}),gm.createElement(Sm.Typography,{align:"center",variant:"subtitle2"},(0,Cm.__)("Streamline your workflow with dynamic tags","elementor")),gm.createElement(Sm.Typography,{align:"center",variant:"caption",width:170},(0,Cm.__)("Upgrade now to display your content dynamically.","elementor")),gm.createElement(vm.CtaButton,{size:"small",href:"https://go.elementor.com/go-pro-dynamic-tags-modal/",onClick:()=>(0,hm.trackUpgradePromotionClick)({target_name:"dynamic_tags"})}))),ExpiredDynamicTags=()=>gm.createElement(gm.Fragment,null,gm.createElement(Sm.Divider,null),gm.createElement(Sm.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},gm.createElement(_m.DatabaseIcon,{fontSize:"large"}),gm.createElement(Sm.Typography,{align:"center",variant:"subtitle2"},(0,Cm.__)("Unlock your Dynamic tags again","elementor")),gm.createElement(Sm.Typography,{align:"center",variant:"caption",width:170},(0,Cm.__)("Dynamic tags need Elementor Pro. Renew now to keep them active.","elementor")),gm.createElement(vm.CtaButton,{size:"small",href:"https://go.elementor.com/go-pro-dynamic-tags-renew-modal/",onClick:()=>(0,hm.trackUpgradePromotionClick)({target_name:"dynamic_tags"}),children:(0,Cm.__)("Renew Now","elementor")}))),useFilteredOptions=e=>[...usePropDynamicTagsInternal(!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)],wm="tiny",xm=["popup"],DynamicSelectionControl=({OriginalControl:e,...t})=>{const{setValue:n,propType:l}=(0,am.useBoundProp)(),{bind:r,value:o}=(0,am.useBoundProp)(rm),{expired:a}=function useLicenseConfig(){return(0,Xu.useSyncExternalStore)(subscribe,getLicenseConfig,getLicenseConfig)}(),i=createTopLevelObjectType({schema:{[r]:l}}),[s]=usePersistDynamicValue(r),c=(0,cm.usePopupState)({variant:"popover"}),{name:u=""}=o,m=useDynamicTag(u);if(!isDynamicTagSupported(u)&&e)return om.createElement(am.PropProvider,{propType:i,value:{[r]:null},setValue:n},om.createElement(am.PropKeyProvider,{bind:r},om.createElement(e,{...t})));if(!m)throw new Error(`Dynamic tag ${u} not found`);return om.createElement(cm.Box,null,om.createElement(cm.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:m.label,startIcon:om.createElement(sm.DatabaseIcon,{fontSize:wm}),...(0,cm.bindTrigger)(c),actions:om.createElement(om.Fragment,null,om.createElement(DynamicSettingsPopover,{dynamicTag:m,disabled:a}),om.createElement(cm.IconButton,{size:wm,onClick:()=>{n(s??null)},"aria-label":(0,um.__)("Remove dynamic value","elementor")},om.createElement(sm.XIcon,{fontSize:wm})))}),om.createElement(cm.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}},...(0,cm.bindPopover)(c)},om.createElement(im.SectionPopoverBody,{"aria-label":(0,um.__)("Dynamic tags","elementor")},om.createElement(DynamicSelection,{close:c.close,expired:a}))))},DynamicSettingsPopover=({dynamicTag:e,disabled:t=!1})=>{const n=(0,cm.usePopupState)({variant:"popover"});return!!e.atomic_controls.length?om.createElement(om.Fragment,null,om.createElement(cm.IconButton,{size:wm,disabled:t,...!t&&(0,cm.bindTrigger)(n),"aria-label":(0,um.__)("Dynamic settings","elementor")},om.createElement(sm.SettingsIcon,{fontSize:wm})),om.createElement(cm.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}},...(0,cm.bindPopover)(n)},om.createElement(im.SectionPopoverBody,{"aria-label":(0,um.__)("Dynamic settings","elementor")},om.createElement(im.PopoverHeader,{title:e.label,onClose:n.close,icon:om.createElement(sm.DatabaseIcon,{fontSize:wm})}),om.createElement(DynamicSettings,{controls:e.atomic_controls,tagName:e.name})))):null},DynamicSettings=({controls:e,tagName:t})=>{const n=e.filter(({type:e})=>"section"===e),{getTabsProps:l,getTabProps:r,getTabPanelProps:o}=(0,cm.useTabs)(0);if(!n.length)return null;if(xm.includes(t)){const e=n[0];return om.createElement(om.Fragment,null,om.createElement(cm.Divider,null),om.createElement(ControlsItemsStack,{items:e.value.items}))}return om.createElement(om.Fragment,null,n.length>1&&om.createElement(cm.Tabs,{size:"small",variant:"fullWidth",...l()},n.map(({value:e},t)=>om.createElement(cm.Tab,{key:t,label:e.label,sx:{px:1,py:.5},...r(t)}))),om.createElement(cm.Divider,null),n.map(({value:e},t)=>om.createElement(cm.TabPanel,{key:t,sx:{flexGrow:1,py:0,overflowY:"auto"},...o(t)},om.createElement(ControlsItemsStack,{items:e.items}))))},Tm={separator:"two-columns",action:"full",off_canvas:"full",type:"two-columns"},Im={select:"full"},Control2=({control:e})=>{if(!Cn.get(e.type))return null;const t=(e=>{const t=Im[e.type];return t||(Tm[e.bind]??Cn.getLayout(e.type))})(e),n={..."select"===e.type?{...e.props,MenuProps:{...e.props?.MenuProps??{},disablePortal:!0}}:{...e.props},ariaLabel:e.label},l="switch"===e.type,r="two-columns"===t?{display:"grid",gridTemplateColumns:l?"minmax(0, 1fr) max-content":"1fr 1fr"}:{};return om.createElement(DynamicControl,{bind:e.bind},om.createElement(cm.Grid,{container:!0,gap:.75,sx:r},e.label?om.createElement(cm.Grid,{item:!0,xs:12},om.createElement(am.ControlFormLabel,null,e.label)):null,om.createElement(cm.Grid,{item:!0,xs:12},om.createElement(Control,{type:e.type,props:n}))))};function ControlsItemsStack({items:e}){return om.createElement(cm.Stack,{p:2,gap:2,sx:{overflowY:"auto"}},e.map(e=>"control"===e.type?om.createElement(Control2,{key:e.value.bind,control:e.value}):null))}var Pm=n(82148),km=n(2020),Dm=(0,n(22444).createError)({code:"dynamic_tags_manager_not_found",message:"Dynamic tags manager not found"}),zm=(0,Pm.createTransformer)((e,{propType:t,renderContext:n})=>{if(!e?.name||!isDynamicTagSupported(e.name))return t?.default??null;const l=n?.currentPostId;return function getDynamicValue(e,t,n){const{dynamicTags:l}=window.elementor??{};if(!l)throw new Dm;const getTagValue=()=>{const r=l.createTag("v4-dynamic-tag",e,t);return r?(n&&(r.editorRenderPostId=n),l.loadTagDataFromCache(r)??null):null},r=getTagValue();if(null!==r)return r;return new Promise(e=>{l.refreshCacheFromServer(()=>{e(getTagValue())})})}(e.name,function simpleTransform(e){const t=Object.entries(e).map(([e,t])=>[e,(0,km.isTransformable)(t)?t.value:t]);return Object.fromEntries(t)}(e?.settings??{}),l)});var Rm=__toESM(n(97557)),Lm=n(77394),Vm=n(24413),Am=n(27723),usePropDynamicAction=()=>{const{propType:e}=(0,Lm.useBoundProp)(),t=!!e&&(e=>!!getDynamicPropType(e))(e);return{visible:t,icon:Vm.DatabaseIcon,title:(0,Am.__)("Dynamic tags","elementor"),content:({close:e})=>Rm.createElement(DynamicSelection,{close:e})}},{registerPopoverAction:Bm}=ju.controlActionsMenu,init2=()=>{(0,Fu.registerControlReplacement)({component:DynamicSelectionControl,condition:({value:e})=>isDynamicPropValue(e)}),(0,Fu.injectIntoRepeaterItemLabel)({id:"dynamic-background-image",condition:({value:e})=>isDynamicPropValue(e.value?.image?.value?.src),component:BackgroundControlDynamicTagLabel}),(0,Fu.injectIntoRepeaterItemIcon)({id:"dynamic-background-image",condition:({value:e})=>isDynamicPropValue(e.value?.image?.value?.src),component:BackgroundControlDynamicTagIcon}),Bm({id:"dynamic-tags",priority:20,useProps:usePropDynamicAction}),Ou.styleTransformersRegistry.register("dynamic",zm),Ou.settingsTransformersRegistry.register("dynamic",zm)},Mm=n(77394),Um=n(40213),Nm=n(24413),Om=n(27987),Fm=n(27723);function isEqual(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(!isEqual(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(!isEqual(n[e],l[e]))return!1}return!0}return!1}var{registerAction:jm}=Om.controlActionsMenu;function useResetStyleValueProps(){const e=function useIsStyle(){return!!(0,C.useContext)(R)}(),{value:t,resetValue:n,propType:l}=(0,Mm.useBoundProp)(),r=null!=t,o=void 0!==l.initial_value&&null!==l.initial_value,a=!!l.settings?.required,i=!!l.settings?.hide_reset,s=t,c=s?.$$type?.includes("variable"),u=c&&(0,Um.hasVariable)(s?.value);return{visible:function calculateVisibility(){return!(!e||!r||i||c&&!u)&&(o?!isEqual(t,l.initial_value):!a)}(),title:(0,Fm.__)("Clear","elementor"),icon:Nm.BrushBigIcon,onClick:()=>n()}}var $m=__toESM(n(97557)),Gm=n(77394),Wm=n(2020),Km=n(47182),Hm=n(27723),qm=__toESM(n(97557)),Jm=n(97557),Ym=n(82148),Xm=n(70374),Qm=n(79513),Zm=n(27723),ep=n(97557),tp=n(82148),np=n(47290),lp=n(47182),rp=n(27723),normalizeInheritanceItem=async(e,t,n,l)=>{const{variant:{meta:{state:r,breakpoint:o}},style:{label:a,id:i}}=e,s=function getDisplayLabel({label:e,state:t}){if(!t)return e;if((0,np.isClassState)(t))return`${e}.${t}`;if((0,np.isPseudoState)(t))return`${e}:${t}`;throw new tp.UnknownStyleStateError({context:{state:t}})}({label:a,state:r});return{id:i?i+(r??""):t,provider:e.provider||"",breakpoint:o??"desktop",displayLabel:s,value:await getTransformedValue(e,n,l)}};var getTransformedValue=async(e,t,n)=>{try{const l=await n({props:{[t]:e.value}}),r=l?.[t]??l;return(0,ep.isValidElement)(r)?r:"object"==typeof r?JSON.stringify(r):String(r)}catch{return""}},op=__toESM(n(97557)),ap=n(74518),ip=n(24413),sp=n(79513),cp={widescreen:ip.WidescreenIcon,desktop:ip.DesktopIcon,laptop:ip.LaptopIcon,tablet_extra:ip.TabletLandscapeIcon,tablet:ip.TabletPortraitIcon,mobile_extra:ip.MobileLandscapeIcon,mobile:ip.MobilePortraitIcon},BreakpointIcon=({breakpoint:e})=>{const t=(0,ap.useBreakpoints)(),n=e||"desktop",l=cp[n];if(!l)return null;const r=t.find(e=>e.id===n)?.label;return op.createElement(sp.Tooltip,{title:r,placement:"top"},op.createElement(l,{fontSize:"tiny",sx:{mt:"2px"}}))},up=__toESM(n(97557)),mp=n(47182),pp=n(24413),dp=n(79513),yp=n(27723),fp="tiny",LabelChip=({displayLabel:e,provider:t})=>{const n=t===mp.ELEMENTS_BASE_STYLES_PROVIDER_KEY?up.createElement(dp.Tooltip,{title:(0,yp.__)("Inherited from base styles","elementor"),placement:"top"},up.createElement(pp.InfoCircleIcon,{fontSize:fp})):void 0;return up.createElement(dp.Chip,{label:e,size:fp,color:getStylesProviderColorName(t),variant:"standard",state:"enabled",icon:n,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"}})})},Ep=__toESM(n(97557)),gp=n(79513),ValueComponent=({index:e,value:t})=>Ep.createElement(gp.Tooltip,{title:t,placement:"top"},Ep.createElement(gp.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)),bp=__toESM(n(97557)),hp=n(79513),ActionIcons=()=>bp.createElement(hp.Box,{display:"flex",gap:.5,alignItems:"center"}),StylesInheritanceInfotip=({inheritanceChain:e,propType:t,path:n,label:l,children:r,isDisabled:o})=>{const[a,i]=(0,Jm.useState)(!1),s=(0,Jm.useRef)(null),closeInfotip=()=>{o||i(!1)},c=n.join("."),u=(0,Xm.useSectionWidth)(),m=(0,Jm.useMemo)(()=>(0,Ym.createPropsResolver)({transformers:Ym.stylesInheritanceTransformersRegistry,schema:{[c]:t}}),[c,t]),p=((e,t,n)=>{const[l,r]=(0,ep.useState)([]);return(0,ep.useEffect)(()=>{(async()=>{const l=(await Promise.all(e.filter(({style:e})=>e).map((e,l)=>normalizeInheritanceItem(e,l,t,n)))).map(e=>({...e,displayLabel:lp.ELEMENTS_BASE_STYLES_PROVIDER_KEY!==e.provider?e.displayLabel:(0,rp.__)("Base","elementor")})).filter(e=>!e.value||""!==e.displayLabel).slice(0,2);r(l)})()},[e,t,n]),l})(e,c,m),d=qm.createElement(Qm.ClickAwayListener,{onClickAway:closeInfotip},qm.createElement(Qm.Card,{elevation:0,sx:{width:u-32+"px",maxWidth:496,maxHeight:268,overflowX:"hidden",display:"flex",flexDirection:"column"}},qm.createElement(Qm.Box,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"background.paper"}},qm.createElement(Xm.PopoverHeader,{title:(0,Zm.__)("Style origin","elementor"),onClose:closeInfotip})),qm.createElement(Qm.CardContent,{sx:{display:"flex",flexDirection:"column",p:0,flex:1,overflow:"auto","&:last-child":{pb:0}}},qm.createElement(Qm.Stack,{gap:1.5,sx:{pl:2,pr:1,pt:1.5,pb:1.5},role:"list"},p.map((e,t)=>qm.createElement(Qm.Box,{key:e.id,display:"flex",gap:.5,role:"listitem","aria-label":(0,Zm.__)("Inheritance item: %s","elementor").replace("%s",e.displayLabel)},qm.createElement(Qm.Box,{display:"flex",gap:.5,sx:{flexWrap:"wrap",width:"100%",alignItems:"flex-start"}},qm.createElement(BreakpointIcon,{breakpoint:e.breakpoint}),qm.createElement(LabelChip,{displayLabel:e.displayLabel,provider:e.provider}),qm.createElement(ValueComponent,{index:t,value:e.value})),qm.createElement(ActionIcons,null)))))));return o?qm.createElement(Qm.Box,{sx:{display:"inline-flex"}},r):qm.createElement(Qm.Box,{ref:s,sx:{display:"inline-flex"}},qm.createElement(TooltipOrInfotip,{showInfotip:a,onClose:closeInfotip,infotipContent:d,isDisabled:o},qm.createElement(Qm.IconButton,{onClick:()=>{o||i(e=>!e)},"aria-label":l,sx:{my:"-1px"},disabled:o},r)))};function TooltipOrInfotip({children:e,showInfotip:t,onClose:n,infotipContent:l,isDisabled:r}){return r?qm.createElement(Qm.Box,{sx:{display:"inline-flex"}},e):t?qm.createElement(qm.Fragment,null,qm.createElement(Qm.Backdrop,{open:t,onClick:n,sx:{backgroundColor:"transparent",zIndex:e=>e.zIndex.modal-1}}),qm.createElement(Qm.Infotip,{placement:"top-end",content:l,open:t,onClose:n,disableHoverListener:!0},e)):qm.createElement(Qm.Tooltip,{title:(0,Zm.__)("Style origin","elementor"),placement:"top"},e)}var StylesInheritanceIndicator=({customContext:e})=>{const t=(0,Gm.useBoundProp)(),{path:n,propType:l}=e||t,r=useStylesInheritanceChain(n);return n&&r.length?$m.createElement(Indicator,{inheritanceChain:r,path:n,propType:l}):null},Indicator=({inheritanceChain:e,path:t,propType:n,isDisabled:l})=>{const{id:r,provider:o,meta:a}=useStyle(),i=r?((e,t,n)=>e.find(({style:e,variant:{meta:{breakpoint:l,state:r}}})=>e.id===t&&l===n.breakpoint&&r===n.state))(e,r,a):null,s=!(0,Wm.isEmpty)(i?.value),[c]=e;if(c.provider===Km.ELEMENTS_BASE_STYLES_PROVIDER_KEY)return null;const u=i===c,m=getLabel({isFinalValue:u,hasValue:s}),p={getColor:u&&o?getStylesProviderThemeColor(o.getKey()):void 0,isOverridden:!(!s||u)||void 0};return $m.createElement(StylesInheritanceInfotip,{inheritanceChain:e,path:t,propType:n,label:m,isDisabled:l},$m.createElement(Pe,{...p}))},getLabel=({isFinalValue:e,hasValue:t})=>e?(0,Hm.__)("This is the final value","elementor"):t?(0,Hm.__)("This value is overridden by another style","elementor"):(0,Hm.__)("This has value from another style","elementor"),vp=n(82148),_p=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"]),Sp=__toESM(n(97557)),Cp=(0,n(82148).createTransformer)(e=>{if(!e||0===e.length)return null;return e.every(e=>"string"==typeof e||"number"==typeof e)?e.join(" "):Sp.createElement(Sp.Fragment,null,e.map((e,t)=>Sp.createElement(Sp.Fragment,{key:t},t>0&&" ",e)))}),wp=__toESM(n(97557)),xp=n(82148),Tp=n(79513),Ip=(0,xp.createTransformer)(e=>wp.createElement(Tp.Stack,{direction:"row",gap:1,alignItems:"center"},wp.createElement(ItemLabelColor,{value:e}))),ItemLabelColor=({value:{color:e}})=>wp.createElement("span",null,e),Pp=(0,Tp.styled)(Tp.UnstableColorIndicator)(({theme:e})=>({width:"1em",height:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})),kp=__toESM(n(97557)),Dp=n(82148),zp=n(79513),Rp=n(27723),Lp=(0,Dp.createTransformer)(e=>kp.createElement(zp.Stack,{direction:"row",gap:1,alignItems:"center"},kp.createElement(ItemIconGradient,{value:e}),kp.createElement(ItemLabelGradient,{value:e}))),ItemIconGradient=({value:e})=>{const t=getGradientValue(e);return kp.createElement(Pp,{size:"inherit",component:"span",value:t})},ItemLabelGradient=({value:e})=>"linear"===e.type?kp.createElement("span",null,(0,Rp.__)("Linear gradient","elementor")):kp.createElement("span",null,(0,Rp.__)("Radial gradient","elementor")),getGradientValue=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})`},Vp=__toESM(n(97557)),Ap=n(82148),Bp=n(70374),Mp=n(79513),Up=n(84792),Np=(0,Ap.createTransformer)(e=>Vp.createElement(Mp.Stack,{direction:"row",gap:1,alignItems:"center"},Vp.createElement(ItemIconImage,{value:e}),Vp.createElement(ItemLabelImage,{value:e}))),ItemIconImage=({value:e})=>{const{imageUrl:t}=useImage(e);return Vp.createElement(Mp.CardMedia,{image:t,sx:e=>({height:"1em",width:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})})},ItemLabelImage=({value:e})=>{const{imageTitle:t}=useImage(e);return Vp.createElement(Bp.EllipsisWithTooltip,{title:t},Vp.createElement("span",null,t))},useImage=e=>{let t,n=null;const l=e?.image.src,{data:r}=(0,Up.useWpMediaAttachment)(l.id||null);if(l.id){const e=getFileExtensionFromFilename(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}},getFileExtensionFromFilename=e=>{if(!e)return"";return`.${e.substring(e.lastIndexOf(".")+1)}`},Op=__toESM(n(97557)),Fp=(0,n(82148).createTransformer)(e=>{if(!e)return null;const{color:t,hOffset:n,vOffset:l,blur:r,spread:o,position:a}=e,i=t||"#000000",s=[n||"0px",l||"0px",r||"10px",o||"0px"].join(" "),c=a||"outset";return Op.createElement(Op.Fragment,null,i," ",c,", ",s)}),jp=__toESM(n(97557)),$p=n(82148),Gp=n(79513);var Wp=(0,Gp.styled)(Gp.UnstableColorIndicator)(({theme:e})=>({width:"1em",height:"1em",borderRadius:e.shape.borderRadius/2+"px",outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})),Kp=(0,$p.createTransformer)(e=>function isValidCSSColor(e){return!!e.trim()&&CSS.supports("color",e.trim())}(e)?jp.createElement(Gp.Stack,{direction:"row",gap:1,alignItems:"center"},jp.createElement(Wp,{size:"inherit",component:"span",value:e}),jp.createElement("span",null,e)):e),Hp=n(82148),createRepeaterToItemsTransformer=e=>(0,Hp.createTransformer)((t,n)=>{const l=e(t,n);return l});function initStylesInheritanceTransformers(){const e=vp.styleTransformersRegistry.all();Object.entries(e).forEach(([e,t])=>{_p.has(e)||vp.stylesInheritanceTransformersRegistry.register(e,t)}),vp.stylesInheritanceTransformersRegistry.registerFallback((0,vp.createTransformer)(e=>e)),function registerCustomTransformers(e){vp.stylesInheritanceTransformersRegistry.register("color",Kp),vp.stylesInheritanceTransformersRegistry.register("background-color-overlay",Ip),vp.stylesInheritanceTransformersRegistry.register("background-gradient-overlay",Lp),vp.stylesInheritanceTransformersRegistry.register("background-image-overlay",Np),vp.stylesInheritanceTransformersRegistry.register("shadow",Fp),vp.stylesInheritanceTransformersRegistry.register("filter",createRepeaterToItemsTransformer(e.filter)),vp.stylesInheritanceTransformersRegistry.register("backdrop-filter",createRepeaterToItemsTransformer(e["backdrop-filter"])),vp.stylesInheritanceTransformersRegistry.register("transition",createRepeaterToItemsTransformer(e.transition)),["background-overlay","box-shadow","transform-functions"].forEach(e=>vp.stylesInheritanceTransformersRegistry.register(e,Cp))}(e)}var init3=()=>{initStylesInheritanceTransformers(),registerFieldIndicator({fieldType:An.STYLES,id:"styles-inheritance",priority:1,indicator:StylesInheritanceIndicator})};function init4(){(0,uu.__registerPanel)(fu),blockV1Panel(),(0,cu.injectIntoLogic)({id:"editing-panel-hooks",component:EditingPanelHooks}),init2(),init3(),registerElementControls(),function initResetStyleProps(){jm({id:"reset-style-value",priority:10,useProps:useResetStyleValueProps})}(),init()}var blockV1Panel=()=>{(0,mu.blockCommand)({command:"panel/editor/open",condition:isAtomicWidgetSelected})}},51061:function(e){e.exports=window.elementorV2.editorPanels},59618:function(e){e.exports=window.elementorV2.schema},70374:function(e){e.exports=window.elementorV2.editorUi},70975:function(e){e.exports=window.elementorV2.editorElements},74518:function(e){e.exports=window.elementorV2.editorResponsive},77394:function(e){e.exports=window.elementorV2.editorControls},78187:function(e){e.exports=window.elementorV2.session},79513:function(e){e.exports=window.elementorV2.ui},82148:function(e){e.exports=window.elementorV2.editorCanvas},84792:function(e){e.exports=window.elementorV2.wpMedia},87627:function(e){e.exports=window.elementorV2.locations},87883:function(e){e.exports=window.elementorV2.editorInteractions},97557:function(e){e.exports=window.React}},t={};var n=function __webpack_require__(n){var l=t[n];if(void 0!==l)return l.exports;var r=t[n]={exports:{}};return e[n](r,r.exports,__webpack_require__),r.exports}(48308);(window.elementorV2=window.elementorV2||{}).editorEditingPanel=n}(),window.elementorV2.editorEditingPanel?.init?.();
17 +`,SettingsControl=({control:{value:e,type:t}})=>{if(!E.get(e.type))return null;let n=e.meta?.layout||E.getLayout(e.type),r=populateChildControlProps(e.props);return n===`custom`&&(r.label=e.label),t===`element-control`?Yn.createElement(ControlLayout,{control:e,layout:n,controlProps:r}):Yn.createElement(SettingsField,{bind:e.bind,propDisplayName:e.label||e.bind},Yn.createElement(ControlLayout,{control:e,layout:n,controlProps:r}))},ControlLayout=({control:e,layout:t,controlProps:n})=>{let r=e.type;return Yn.createElement(Xn.ControlAdornmentsProvider,{items:getFieldIndicators(`settings`)},e.meta?.topDivider&&Yn.createElement(Zn.Divider,null),Yn.createElement(hr,{"data-type":`settings-field`},Yn.createElement(ControlTypeContainer,{layout:t},e.label&&t!==`custom`?Yn.createElement(ControlLabel,null,e.label):null,Yn.createElement(Control,{type:r,props:n}))))};function populateChildControlProps(e){if(e.childControlType){let t=E.get(e.childControlType),n=E.getPropTypeUtil(e.childControlType);e={...e,childControlConfig:{component:t,props:e.childControlProps||{},propTypeUtil:n}}}return e}var SettingsTab=()=>{let{elementType:e,element:t,settings:n}=useElement(),r=useDefaultPanelSettings(),i=n,isDefaultExpanded=e=>!!e&&r.defaultSectionsExpanded.settings?.includes(e);return Hn.createElement(Un.SessionStorageProvider,{prefix:t.id},Hn.createElement(SectionsList,null,e.controls.map((n,r)=>{if(isControl(n))return Hn.createElement(SettingsControl,{key:getKey(n,t),control:n});let{type:a,value:o}=n;if(a===`section`){let n=renderSectionItems({items:o.items,element:t,propsSchema:e.propsSchema,settings:i});return n.length?Hn.createElement(Section,{title:o.label,key:a+`.`+r,defaultExpanded:isDefaultExpanded(o.id)},n):null}return null})))};function getKey(e,t){return e.type===`control`?e.value.bind+`.`+t.id:e.value.type+`.`+t.id}function isControl(e){return e.type===`control`||e.type===`element-control`}function renderSectionItems({items:e,element:t,propsSchema:n,settings:r}){return e?.flatMap(e=>!isControl(e)||e.type===`control`&&isControlHiddenByDependencies(e,n,r)?[]:[Hn.createElement(SettingsControl,{key:getKey(e,t),control:e})])??[]}function isControlHiddenByDependencies(e,t,n){let{isHidden:r}=extractDependencyEffect(e.value.bind,t,n);return r}var D=__toESM(globalThis.React),gr=globalThis.React,_r=globalThis.elementorV2.editorProps,vr=globalThis.elementorV2.editorResponsive,yr=globalThis.elementorV2.locations,br=globalThis.elementorV2.session,xr=globalThis.elementorV2.ui,Sr=__toESM(globalThis.React),Cr=globalThis.React,wr=globalThis.elementorV2.editorElements,Tr=globalThis.elementorV2.editorProps,Er=globalThis.elementorV2.editorResponsive,Dr=globalThis.elementorV2.editorStyles,Or=globalThis.elementorV2.editorStylesRepository,kr=globalThis.elementorV2.editorElements,Ar=globalThis.elementorV2.editorV1Adapters;function useDefaultStyleTagFromPreview(e){return(0,Ar.__privateUseListenTo)([(0,Ar.windowEvent)(`elementor/preview/atomic-widget/render`),(0,Ar.commandEndEvent)(`document/elements/settings`),(0,Ar.commandEndEvent)(`document/elements/set-settings`),(0,Ar.commandEndEvent)(`document/elements/select`)],()=>(0,kr.getDefaultStyleTagFromPreviewElement)(e))}var jr=globalThis.elementorV2.editorProps,Mr=globalThis.elementorV2.editorProps,Nr=globalThis.elementorV2.editorVariables,Pr=`normal`,Fr=`desktop`,getStateKey=e=>e??Pr,getBreakpointKey=e=>e??Fr,getValueFromInheritanceChain=(e,t,n)=>e.find(({style:e,variant:{meta:{breakpoint:r,state:i}}})=>e.id===t&&r===n.breakpoint&&i===n.state);function createSnapshotsManager(e,t){let n=makeBreakpointsInheritancePaths(t),r={},buildMissingSnapshotsForBreakpoint=(t,n,i)=>{let a=getBreakpointKey(t),o=getStateKey(i);r[a]||(r[a]={[Pr]:buildStateSnapshotSlot(e({breakpoint:t,state:null}),n,{},null)}),i&&!r[a]?.[o]&&(r[a][o]=buildStateSnapshotSlot(e({breakpoint:t,state:i}),n,r[a]??{},i))};return e=>{let{breakpoint:t,state:i}=e,a=getStateKey(i),o=getBreakpointKey(t);if(r[o]?.[a])return r[o]?.[a]?.snapshot;let s=[...n[o],t];return s.forEach((e,t)=>{let n=t>0?s[t-1]:null;buildMissingSnapshotsForBreakpoint(e,n?r[n]:void 0,i)}),r[o]?.[a]?.snapshot}}function makeBreakpointsInheritancePaths(e){let t={},traverse=(e,n)=>{let{id:r,children:i}=e;t[r]=n?[...n]:[],i?.forEach(e=>{traverse(e,[...t[r]??[],r])})};return traverse(e),t}function buildStateSnapshotSlot(e,t,n,r){let i=buildInitialSnapshotFromStyles(e);return r?{snapshot:mergeSnapshots([i.snapshot,t?.[r]?.stateSpecificSnapshot,n[Pr]?.snapshot]),stateSpecificSnapshot:mergeSnapshots([i.stateSpecificSnapshot,t?.[r]?.stateSpecificSnapshot])}:{snapshot:mergeSnapshots([i.snapshot,t?.[Pr]?.snapshot]),stateSpecificSnapshot:void 0}}function buildInitialSnapshotFromStyles(e){let t={};return e.forEach(e=>{let{variant:{props:n}}=e;Object.entries(n).forEach(([n,r])=>{let i=(0,Mr.filterEmptyValues)(r),a=i?.$$type?.includes(`variable`)&&!(0,Nr.hasVariable)(i?.value)?null:i;if(a===null)return;t[n]||(t[n]=[]);let o={...e,value:a};t[n].push(o)})}),{snapshot:t,stateSpecificSnapshot:t}}function mergeSnapshots(e){let 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 createStylesInheritance(e,t){let n=buildStyleVariantsByMetaMapping(e),getStyles=({breakpoint:e,state:t})=>n?.[getBreakpointKey(e)]?.[getStateKey(t)]??[];return{getSnapshot:createSnapshotsManager(getStyles,t),getInheritanceChain:(e,t,n)=>{let[r,...i]=t,a=e[r]??[];if(i.length>0){let e=getFilterPropType(n,i);a=a.map(({value:t,...n})=>({...n,value:getValueByPath(t,i,e)})).filter(({value:e})=>!(0,jr.isEmpty)(e))}return a}}}function buildStyleVariantsByMetaMapping(e){let t={};return e.forEach(e=>{let n=getProviderByStyleId(e.id)?.getKey()??null;e.variants.forEach(r=>{let{meta:i}=r,{state:a,breakpoint:o}=i,s=getBreakpointKey(o),c=getStateKey(a);t[s]||(t[s]={});let l=t[s];l[c]||(l[c]=[]),l[c].push({style:e,variant:r,provider:n})})}),t}function getValueByPath(e,t,n){return!e||typeof e!=`object`?null:shouldUseOriginalValue(n,e)?e:t.reduce((e,t)=>e?(0,jr.isTransformable)(e)?e.value?.[t]??null:typeof e==`object`?e[t]??null:null:null,e)}function shouldUseOriginalValue(e,t){return!!e&&(0,jr.isTransformable)(t)&&e.key!==t.$$type}var getFilterPropType=(e,t)=>!e||e.kind!==`union`?null:Object.values(e.prop_types).find(e=>!!t.reduce((e,t)=>{if(e?.kind!==`object`)return null;let{shape:n}=e;return n[t]?n[t]:null},e))??null,Ir=(0,Cr.createContext)(null);function StyleInheritanceProvider({children:e}){let{getSnapshot:t,getInheritanceChain:n}=createStylesInheritance(useAppliedStyles(),(0,Er.getBreakpointsTree)());return Sr.createElement(Ir.Provider,{value:{getSnapshot:t,getInheritanceChain:n}},e)}function useStylesInheritanceSnapshot(){let e=(0,Cr.useContext)(Ir),{meta:t}=useStyle();if(!e)throw Error(`useStylesInheritanceSnapshot must be used within a StyleInheritanceProvider`);return t?e.getSnapshot(t)??null:null}function useStylesInheritanceChain(e){let t=(0,Cr.useContext)(Ir);if(!t)throw Error(`useStylesInheritanceChain must be used within a StyleInheritanceProvider`);let n=(0,Dr.getStylesSchema)()?.[e[0]],r=useStylesInheritanceSnapshot();return r?t.getInheritanceChain(r,e,n):[]}var Lr={};function useInheritedValues(e){let t=useStylesInheritanceSnapshot();return(0,Cr.useMemo)(()=>!t||e.length===0?Lr:Object.fromEntries(e.map(e=>[e,t[e]?.[0]?.value??null])),[t,e])}var useAppliedStyles=()=>{let e=useClassesProp(),t=useBaseStyles(),n=useDefaultTagStyleId(),{id:r}=useStyle();useStylesRerender();let i=usePanelElementSetting(e),a=Tr.classesPropTypeUtil.extract(i)??[],o=[...t,...a,...n?[n]:[],...r?[r]:[]];return Or.stylesRepository.all().filter(e=>o.includes(e.id))},useBaseStyles=()=>{let{elementType:e}=useElement(),t=(0,wr.getWidgetsCache)()?.[e.key];return Object.keys(t?.base_styles??{})},useDefaultTagStyleId=()=>{let{element:e}=useElement();return useDefaultStyleTagFromPreview(e.id)},Rr=globalThis.elementorV2.editorElements,zr=globalThis.elementorV2.editorStylesRepository;function useActiveStyleDefId(e){let[t,n]=useStateByElement(`active-style-id`,null),r=usePanelElementSetting(e)?.value||[],i=useValidClassIds(r),a=useFirstAppliedClass(r);return[useActiveAndAppliedClassId(t,i)||a?.id||null,n]}function useValidClassIds(e){let t=(0,zr.useProviders)(),n=new Set(t.flatMap(e=>e.actions.all().map(e=>e.id)));return e.filter(e=>n.has(e))}function useFirstAppliedClass(e){let{element:t}=useElement(),n=(0,Rr.getElementStyles)(t.id)??{};return Object.values(n).find(t=>e.includes(t.id))}function useActiveAndAppliedClassId(e,t){return e&&t.includes(e)?e:null}var Br=__toESM(globalThis.React),Vr=globalThis.wp.i18n,Hr=__toESM(globalThis.React),Ur=globalThis.elementorV2.editorControls,Wr=globalThis.wp.i18n,Gr=__toESM(globalThis.React),Kr=globalThis.elementorV2.editorControls,qr=globalThis.elementorV2.editorProps,Jr=globalThis.elementorV2.editorStyles;function useStylesField(e,t){let{values:n,setValues:r,canEdit:i}=useStylesFields([e]),a=n?.[e]??null,setValue=n=>{r({[e]:n},t)};return{value:a,setValue,canEdit:i}}var Yr=globalThis.React,Xr=globalThis.elementorV2.editorControls,Zr=globalThis.elementorV2.editorProps,ConditionalField=({children:e})=>{let{propType:t,value:n,resetValue:r}=(0,Xr.useBoundProp)(),i=getDependencies(t),{values:a,setValues:o}=useStylesFields(i),s=useInheritedValues(i),c=resolveWithInherited(a,s),l=!(0,Zr.isDependencyMet)(t?.dependencies,c).isMet;return useSyncDepsWithInherited({isHidden:l,depValues:a,value:n,inheritedValues:s,setDepValues:o,resetValue:r}),l?null:e};function wasDepsCleared(e,t){return e?Object.keys(e).some(n=>e[n]&&(!t||!t[n])):!1}function useSyncDepsWithInherited({isHidden:e,depValues:t,value:n,inheritedValues:r,setDepValues:i,resetValue:a}){let o=(0,Yr.useRef)({hasSynced:!1,prevDepValues:t});(0,Yr.useEffect)(()=>{let{hasSynced:s,prevDepValues:c}=o.current;if((s&&n&&wasDepsCleared(c,t)||e&&t&&n)&&a(),e||!n||!t){o.current={hasSynced:!1,prevDepValues:t};return}if(s){o.current.prevDepValues=t;return}o.current={hasSynced:!0,prevDepValues:t},Object.entries(t).forEach(([e,t])=>{let n=r[e];!t&&n&&i({[e]:n},{history:{propDisplayName:e}})})},[e,t,n,r,i,a])}function resolveWithInherited(e,t){return e?Object.fromEntries(Object.entries(e).map(([e,n])=>[e,n??t[e]??null])):Object.keys(t).length>0?{...t}:null}function getDependencies(e){return e?.dependencies?.terms.length?e.dependencies.terms.flatMap(e=>(0,Zr.isDependency)(e)?[]:e.path):[]}var Qr=[`block-start`,`block-end`,`inline-start`,`inline-end`];function buildResolvedPlaceholder(e,t){let n=e[t];if(!n)return;let r=n.value;if(!qr.dimensionsPropTypeUtil.isValid(r))return r;let i=qr.dimensionsPropTypeUtil.extract(r);if(Qr.every(e=>i?.[e]!==null&&i?.[e]!==void 0))return r;let a={};Qr.forEach(e=>{i?.[e]!==null&&i?.[e]!==void 0&&(a[e]=i[e])});for(let n=t+1;n<e.length;n++){let t=e[n].value;if(qr.sizePropTypeUtil.isValid(t)){Qr.forEach(e=>{(a[e]===null||a[e]===void 0)&&(a[e]=t)});break}else if(qr.dimensionsPropTypeUtil.isValid(t)){let e=qr.dimensionsPropTypeUtil.extract(t);Qr.forEach(t=>{(a[t]===null||a[t]===void 0)&&e?.[t]!==null&&e?.[t]!==void 0&&(a[t]=e[t])})}if(Qr.every(e=>a[e]!==null&&a[e]!==void 0))break}return qr.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})}var StylesField=({bind:e,propDisplayName:t,children:n})=>{let r=(0,Jr.getStylesSchema)(),i=useStylesInheritanceChain([e]),{value:a,canEdit:o,...s}=useStylesField(e,{history:{propDisplayName:t}}),c=createTopLevelObjectType({schema:r}),l=+!!a,u={[e]:buildResolvedPlaceholder(i,l)},setValue=t=>{s.setValue(t[e])};return Gr.createElement(Kr.ControlAdornmentsProvider,{items:getFieldIndicators(`styles`)},Gr.createElement(Kr.PropProvider,{propType:c,value:{[e]:a},setValue,placeholder:u,isDisabled:()=>!o},Gr.createElement(Kr.PropKeyProvider,{bind:e},Gr.createElement(ConditionalField,null,n))))},$r=__toESM(globalThis.React),ei=globalThis.elementorV2.ui,SectionContent=({gap:e=2,sx:t,children:n,"aria-label":r,className:i})=>$r.createElement(ei.Stack,{gap:e,sx:{...t},"aria-label":r,className:i},n),ti=(0,Wr.__)(`Background`,`elementor`),BackgroundSection=()=>Hr.createElement(SectionContent,null,Hr.createElement(StylesField,{bind:`background`,propDisplayName:ti},Hr.createElement(Ur.BackgroundControl,null))),ni=__toESM(globalThis.React),ri=__toESM(globalThis.React),ii=globalThis.elementorV2.editorControls,ai=globalThis.wp.i18n,oi=__toESM(globalThis.React),si=globalThis.elementorV2.ui,O=oi.forwardRef((e,t)=>{let{direction:n=`row`,children:r,label:i,infoTooltip:a}=e,o=n===`row`?ci:li;return oi.createElement(o,{label:i,infoTooltip:a,ref:t,children:r})}),ci=oi.forwardRef(({label:e,children:t,infoTooltip:n},r)=>oi.createElement(si.Grid,{container:!0,gap:2,alignItems:`center`,flexWrap:`nowrap`,ref:r,"aria-label":`${e} control`},oi.createElement(si.Grid,{item:!0,xs:6},oi.createElement(ControlLabel,{infoTooltip:n},e)),oi.createElement(si.Grid,{item:!0,xs:6,sx:e=>({width:`calc(50% - ${e.spacing(2)})`})},t))),li=oi.forwardRef(({label:e,children:t,infoTooltip:n},r)=>oi.createElement(si.Stack,{gap:.75,ref:r},oi.createElement(ControlLabel,{infoTooltip:n},e),t)),ui=(0,ai.__)(`Border color`,`elementor`),BorderColorField=()=>ri.createElement(StylesField,{bind:`border-color`,propDisplayName:ui},ri.createElement(O,{label:ui},ri.createElement(ii.ColorControl,null))),di=__toESM(globalThis.React),fi=globalThis.elementorV2.editorControls,pi=globalThis.elementorV2.editorProps,mi=globalThis.elementorV2.icons,hi=globalThis.elementorV2.ui,k=globalThis.wp.i18n,gi=globalThis.elementorV2.editorV1Adapters,_i=globalThis.elementorV2.ui;function useDirection(){let e=(0,_i.useTheme)().direction===`rtl`;return{isSiteRtl:!!(0,gi.getElementorFrontendConfig)()?.is_rtl,isUiRtl:e}}var vi=__toESM(globalThis.React),yi=globalThis.elementorV2.ui,UiProviders=({children:e})=>{let{isSiteRtl:t}=useDirection();return vi.createElement(yi.DirectionProvider,{rtl:t},vi.createElement(yi.ThemeProvider,null,e))},bi=(0,k.__)(`Border radius`,`elementor`),xi=(0,hi.withDirection)(mi.RadiusTopLeftIcon),Si=(0,hi.withDirection)(mi.RadiusTopRightIcon),Ci=(0,hi.withDirection)(mi.RadiusBottomLeftIcon),wi=(0,hi.withDirection)(mi.RadiusBottomRightIcon),getStartStartLabel=e=>e?(0,k.__)(`Top right`,`elementor`):(0,k.__)(`Top left`,`elementor`),getStartStartAriaLabel=e=>e?(0,k.__)(`Border top right radius`,`elementor`):(0,k.__)(`Border top left radius`,`elementor`),getStartEndLabel=e=>e?(0,k.__)(`Top left`,`elementor`):(0,k.__)(`Top right`,`elementor`),getStartEndAriaLabel=e=>e?(0,k.__)(`Border top left radius`,`elementor`):(0,k.__)(`Border top right radius`,`elementor`),getEndStartLabel=e=>e?(0,k.__)(`Bottom right`,`elementor`):(0,k.__)(`Bottom left`,`elementor`),getEndStartAriaLabel=e=>e?(0,k.__)(`Border bottom right radius`,`elementor`):(0,k.__)(`Border bottom left radius`,`elementor`),getEndEndLabel=e=>e?(0,k.__)(`Bottom left`,`elementor`):(0,k.__)(`Bottom right`,`elementor`),getEndEndAriaLabel=e=>e?(0,k.__)(`Border bottom left radius`,`elementor`):(0,k.__)(`Border bottom right radius`,`elementor`),getCorners=e=>[{label:getStartStartLabel(e),ariaLabel:getStartStartAriaLabel(e),icon:di.createElement(xi,{fontSize:`tiny`}),bind:`start-start`},{label:getStartEndLabel(e),ariaLabel:getStartEndAriaLabel(e),icon:di.createElement(Si,{fontSize:`tiny`}),bind:`start-end`},{label:getEndStartLabel(e),ariaLabel:getEndStartAriaLabel(e),icon:di.createElement(Ci,{fontSize:`tiny`}),bind:`end-start`},{label:getEndEndLabel(e),ariaLabel:getEndEndAriaLabel(e),icon:di.createElement(wi,{fontSize:`tiny`}),bind:`end-end`}],BorderRadiusField=()=>{let{isSiteRtl:e}=useDirection();return di.createElement(UiProviders,null,di.createElement(StylesField,{bind:`border-radius`,propDisplayName:bi},di.createElement(fi.EqualUnequalSizesControl,{items:getCorners(e),label:bi,icon:di.createElement(mi.BorderCornersIcon,{fontSize:`tiny`}),tooltipLabel:(0,k.__)(`Adjust corners`,`elementor`),multiSizePropTypeUtil:pi.borderRadiusPropTypeUtil})))},Ti=__toESM(globalThis.React),Ei=globalThis.elementorV2.editorControls,Di=globalThis.wp.i18n,Oi=(0,Di.__)(`Border type`,`elementor`),ki=[{value:`none`,label:(0,Di.__)(`None`,`elementor`)},{value:`solid`,label:(0,Di.__)(`Solid`,`elementor`)},{value:`dashed`,label:(0,Di.__)(`Dashed`,`elementor`)},{value:`dotted`,label:(0,Di.__)(`Dotted`,`elementor`)},{value:`double`,label:(0,Di.__)(`Double`,`elementor`)},{value:`groove`,label:(0,Di.__)(`Groove`,`elementor`)},{value:`ridge`,label:(0,Di.__)(`Ridge`,`elementor`)},{value:`inset`,label:(0,Di.__)(`Inset`,`elementor`)},{value:`outset`,label:(0,Di.__)(`Outset`,`elementor`)}],BorderStyleField=()=>Ti.createElement(StylesField,{bind:`border-style`,propDisplayName:Oi},Ti.createElement(O,{label:Oi},Ti.createElement(Ei.SelectControl,{options:ki}))),Ai=__toESM(globalThis.React),ji=globalThis.elementorV2.editorControls,Mi=globalThis.elementorV2.editorProps,Ni=globalThis.elementorV2.icons,Pi=globalThis.elementorV2.ui,A=globalThis.wp.i18n,Fi=(0,A.__)(`Border width`,`elementor`),Ii=(0,Pi.withDirection)(Ni.SideRightIcon),Li=(0,Pi.withDirection)(Ni.SideLeftIcon),getEdges=e=>[{label:(0,A.__)(`Top`,`elementor`),ariaLabel:(0,A.__)(`Border top width`,`elementor`),icon:Ai.createElement(Ni.SideTopIcon,{fontSize:`tiny`}),bind:`block-start`},{label:e?(0,A.__)(`Left`,`elementor`):(0,A.__)(`Right`,`elementor`),ariaLabel:e?(0,A.__)(`Border left width`,`elementor`):(0,A.__)(`Border right width`,`elementor`),icon:Ai.createElement(Ii,{fontSize:`tiny`}),bind:`inline-end`},{label:(0,A.__)(`Bottom`,`elementor`),ariaLabel:(0,A.__)(`Border bottom width`,`elementor`),icon:Ai.createElement(Ni.SideBottomIcon,{fontSize:`tiny`}),bind:`block-end`},{label:e?(0,A.__)(`Right`,`elementor`):(0,A.__)(`Left`,`elementor`),ariaLabel:e?(0,A.__)(`Border right width`,`elementor`):(0,A.__)(`Border left width`,`elementor`),icon:Ai.createElement(Li,{fontSize:`tiny`}),bind:`inline-start`}],BorderWidthField=()=>{let{isSiteRtl:e}=useDirection();return Ai.createElement(StylesField,{bind:`border-width`,propDisplayName:Fi},Ai.createElement(ji.EqualUnequalSizesControl,{items:getEdges(e),label:Fi,icon:Ai.createElement(Ni.SideAllIcon,{fontSize:`tiny`}),tooltipLabel:(0,A.__)(`Adjust borders`,`elementor`),multiSizePropTypeUtil:Mi.borderWidthPropTypeUtil}))},BorderSection=()=>ni.createElement(SectionContent,null,ni.createElement(BorderWidthField,null),ni.createElement(BorderColorField,null),ni.createElement(BorderStyleField,null),ni.createElement(BorderRadiusField,null)),j=__toESM(globalThis.React),Ri=globalThis.elementorV2.editorControls,zi=globalThis.wp.i18n,Bi=globalThis.elementorV2.editorElements,canElementHaveChildren=e=>{let t=(0,Bi.getContainer)(e);return t?t.model.get(`elType`)!==`widget`:!1},Vi=globalThis.elementorV2.editorCanvas,Hi=globalThis.elementorV2.editorElements,Ui=globalThis.elementorV2.editorStyles,getRecentlyUsedList=async e=>{if(!e)return[];let t=(0,Vi.createPropsResolver)({transformers:Vi.styleTransformersRegistry,schema:(0,Ui.getStylesSchema)()}),n=(0,Hi.getElementStyles)(e)??{},r=Object.keys(n??{}).map(e=>n?.[e]?.variants??[]),i=await Promise.all(r.flat().map(async e=>{let n=await t({props:e.props??{},schema:(0,Ui.getStylesSchema)()});return Object.entries(n).filter(([,e])=>e!==null).map(([e])=>e)})),a=new Set(i.flat());return Array.from(a)},Wi=__toESM(globalThis.React),Gi=globalThis.elementorV2.ui,PanelDivider=()=>Wi.createElement(Gi.Divider,{sx:{my:.5}}),Ki=__toESM(globalThis.React),qi=globalThis.elementorV2.editorControls,M=globalThis.wp.i18n,Ji=(0,M.__)(`Blend mode`,`elementor`),Yi=[{label:(0,M.__)(`Normal`,`elementor`),value:`normal`},{label:(0,M.__)(`Multiply`,`elementor`),value:`multiply`},{label:(0,M.__)(`Screen`,`elementor`),value:`screen`},{label:(0,M.__)(`Overlay`,`elementor`),value:`overlay`},{label:(0,M.__)(`Darken`,`elementor`),value:`darken`},{label:(0,M.__)(`Lighten`,`elementor`),value:`lighten`},{label:(0,M.__)(`Color dodge`,`elementor`),value:`color-dodge`},{label:(0,M.__)(`Color burn`,`elementor`),value:`color-burn`},{label:(0,M.__)(`Saturation`,`elementor`),value:`saturation`},{label:(0,M.__)(`Color`,`elementor`),value:`color`},{label:(0,M.__)(`Difference`,`elementor`),value:`difference`},{label:(0,M.__)(`Exclusion`,`elementor`),value:`exclusion`},{label:(0,M.__)(`Hue`,`elementor`),value:`hue`},{label:(0,M.__)(`Luminosity`,`elementor`),value:`luminosity`},{label:(0,M.__)(`Soft light`,`elementor`),value:`soft-light`},{label:(0,M.__)(`Hard light`,`elementor`),value:`hard-light`}],BlendModeField=()=>Ki.createElement(StylesField,{bind:`mix-blend-mode`,propDisplayName:Ji},Ki.createElement(O,{label:Ji},Ki.createElement(qi.SelectControl,{options:Yi}))),Xi=__toESM(globalThis.React),Zi=globalThis.React,Qi=globalThis.elementorV2.editorControls,$i=(0,globalThis.wp.i18n.__)(`Opacity`,`elementor`),OpacityControlField=()=>{let e=(0,Zi.useRef)(null);return Xi.createElement(StylesField,{bind:`opacity`,propDisplayName:$i},Xi.createElement(O,{ref:e,label:$i},Xi.createElement(Qi.SizeControl,{units:[`%`],anchorRef:e,defaultUnit:`%`})))},ea=(0,zi.__)(`Box shadow`,`elementor`),ta=(0,zi.__)(`Filters`,`elementor`),na=(0,zi.__)(`Transform`,`elementor`),ra=(0,zi.__)(`Backdrop filters`,`elementor`),ia=(0,zi.__)(`Transitions`,`elementor`),EffectsSection=()=>{let{element:e}=useElement(),{meta:t}=useStyle(),n=canElementHaveChildren(e?.id??``);return j.createElement(SectionContent,{gap:1},j.createElement(BlendModeField,null),j.createElement(PanelDivider,null),j.createElement(OpacityControlField,null),j.createElement(PanelDivider,null),j.createElement(StylesField,{bind:`box-shadow`,propDisplayName:ea},j.createElement(Ri.BoxShadowRepeaterControl,null)),j.createElement(PanelDivider,null),j.createElement(StylesField,{bind:`transform`,propDisplayName:na},j.createElement(Ri.TransformRepeaterControl,{showChildrenPerspective:n})),j.createElement(PanelDivider,null),j.createElement(StylesField,{bind:`transition`,propDisplayName:ia},j.createElement(Ri.TransitionRepeaterControl,{currentStyleState:t.state,recentlyUsedListGetter:()=>getRecentlyUsedList(e?.id??``)})),j.createElement(PanelDivider,null),j.createElement(StylesField,{bind:`filter`,propDisplayName:ta},j.createElement(Ri.FilterRepeaterControl,null)),j.createElement(PanelDivider,null),j.createElement(StylesField,{bind:`backdrop-filter`,propDisplayName:ra},j.createElement(Ri.FilterRepeaterControl,{filterPropName:`backdrop-filter`})))},N=__toESM(globalThis.React),aa=globalThis.elementorV2.editorControls,oa=globalThis.elementorV2.editorElements,sa=globalThis.elementorV2.locations,ca=globalThis.wp.i18n,la=globalThis.elementorV2.editorV1Adapters;function useComputedStyle(e){return(0,la.__privateUseListenTo)([(0,la.windowEvent)(`elementor/device-mode/change`),(0,la.commandEndEvent)(`document/elements/reset-style`),(0,la.commandEndEvent)(`document/elements/settings`),(0,la.commandEndEvent)(`document/elements/paste-style`)],()=>{if(!e)return null;let t=window.elementor?.getContainer?.(e);return t?.view?.el?window.getComputedStyle(t.view.el):null})}var ua=__toESM(globalThis.React),da=globalThis.elementorV2.editorUi,fa=__toESM(globalThis.React),pa=globalThis.elementorV2.editorStylesRepository,ma=globalThis.elementorV2.ui,ha=globalThis.wp.i18n,StylesInheritanceSectionIndicators=({fields:e})=>{let{id:t,meta:n,provider:r}=useStyle(),i=useStylesInheritanceSnapshot();if(e.includes(`custom_css`))return fa.createElement(CustomCssIndicator,null);let{hasValues:a,hasOverrides:o}=getIndicators(Object.fromEntries(Object.entries(i??{}).filter(([t])=>e.includes(t))),t??``,n);if(!a&&!o)return null;let s=(0,ha.__)(`Has effective styles`,`elementor`),c=(0,ha.__)(`Has overridden styles`,`elementor`);return fa.createElement(ma.Tooltip,{title:(0,ha.__)(`Has styles`,`elementor`),placement:`top`},fa.createElement(ma.Stack,{direction:`row`,sx:{"& > *":{marginInlineStart:-.25}},role:`list`},a&&r&&fa.createElement(st,{getColor:getStylesProviderThemeColor(r.getKey()),"data-variant":(0,pa.isElementsStylesProvider)(r.getKey())?`local`:`global`,role:`listitem`,"aria-label":s}),o&&fa.createElement(st,{isOverridden:!0,"data-variant":`overridden`,role:`listitem`,"aria-label":c})))};function getIndicators(e,t,n){let r=!1,i=!1;return Object.values(e).forEach(e=>{let a=getCurrentStyleFromChain(e,t,n);if(!a)return;let[o]=e;a===o?r=!0:i=!0}),{hasValues:r,hasOverrides:i}}function getCurrentStyleFromChain(e,t,n){return e.find(({style:{id:e},variant:{meta:{breakpoint:r,state:i}}})=>e===t&&r===n.breakpoint&&i===n.state)}var StyleTabCollapsibleContent=({fields:e=[],children:t})=>ua.createElement(da.CollapsibleContent,{titleEnd:getStylesInheritanceIndicators(e)},t);function getStylesInheritanceIndicators(e){return e.length===0?null:t=>t?null:ua.createElement(StylesInheritanceSectionIndicators,{fields:e})}var ga=__toESM(globalThis.React),_a=globalThis.elementorV2.editorControls,va=globalThis.elementorV2.icons,ya=globalThis.elementorV2.ui,ba=globalThis.wp.i18n,xa=__toESM(globalThis.React),Sa=globalThis.React,Ca=globalThis.elementorV2.ui,wa=(0,globalThis.wp.i18n.__)(`Flex direction`,`elementor`),Ta={row:0,column:90,"row-reverse":180,"column-reverse":270},Ea={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},RotatedIcon=({icon:e,size:t,isClockwise:n=!0,offset:r=0,disableRotationForReversed:i=!1})=>{let a=(0,Sa.useRef)(useGetTargetAngle(n,r,i));return a.current=useGetTargetAngle(n,r,i,a),xa.createElement(e,{fontSize:t,sx:{transition:`.3s`,rotate:`${a.current}deg`}})},useGetTargetAngle=(e,t,n,r)=>{let{value:i}=useStylesField(`flex-direction`,{history:{propDisplayName:wa}}),a=(0,Ca.useTheme)().direction===`rtl`?-1:1,o=e?Ta:Ea,s=i?.value||`row`,c=r?r.current*a:o[s]+t,l=((o[s]+t-c+360)%360+180)%360-180;return n&&[`row-reverse`,`column-reverse`].includes(s)?0:(c+l)*a},Da=(0,ba.__)(`Align content`,`elementor`),Oa=(0,ya.withDirection)(va.JustifyTopIcon),ka=(0,ya.withDirection)(va.JustifyBottomIcon),Aa={isClockwise:!1,offset:0,disableRotationForReversed:!0},ja=[{value:`start`,label:(0,ba.__)(`Start`,`elementor`),renderContent:({size:e})=>ga.createElement(RotatedIcon,{icon:Oa,size:e,...Aa}),showTooltip:!0},{value:`center`,label:(0,ba.__)(`Center`,`elementor`),renderContent:({size:e})=>ga.createElement(RotatedIcon,{icon:va.JustifyCenterIcon,size:e,...Aa}),showTooltip:!0},{value:`end`,label:(0,ba.__)(`End`,`elementor`),renderContent:({size:e})=>ga.createElement(RotatedIcon,{icon:ka,size:e,...Aa}),showTooltip:!0},{value:`space-between`,label:(0,ba.__)(`Space between`,`elementor`),renderContent:({size:e})=>ga.createElement(RotatedIcon,{icon:va.JustifySpaceBetweenVerticalIcon,size:e,...Aa}),showTooltip:!0},{value:`space-around`,label:(0,ba.__)(`Space around`,`elementor`),renderContent:({size:e})=>ga.createElement(RotatedIcon,{icon:va.JustifySpaceAroundVerticalIcon,size:e,...Aa}),showTooltip:!0},{value:`space-evenly`,label:(0,ba.__)(`Space evenly`,`elementor`),renderContent:({size:e})=>ga.createElement(RotatedIcon,{icon:va.JustifyDistributeVerticalIcon,size:e,...Aa}),showTooltip:!0}],AlignContentField=()=>ga.createElement(StylesField,{bind:`align-content`,propDisplayName:Da},ga.createElement(UiProviders,null,ga.createElement(O,{label:Da,direction:`column`},ga.createElement(_a.ToggleControl,{options:ja,fullWidth:!0})))),Ma=__toESM(globalThis.React),Na=globalThis.elementorV2.editorControls,Pa=globalThis.elementorV2.icons,Fa=globalThis.elementorV2.ui,Ia=globalThis.wp.i18n,La=(0,Ia.__)(`Align items`,`elementor`),Ra=(0,Fa.withDirection)(Pa.LayoutAlignLeftIcon),za=(0,Fa.withDirection)(Pa.LayoutAlignRightIcon),Ba={isClockwise:!1,offset:90},Va=[{value:`start`,label:(0,Ia.__)(`Start`,`elementor`),renderContent:({size:e})=>Ma.createElement(RotatedIcon,{icon:Ra,size:e,...Ba}),showTooltip:!0},{value:`center`,label:(0,Ia.__)(`Center`,`elementor`),renderContent:({size:e})=>Ma.createElement(RotatedIcon,{icon:Pa.LayoutAlignCenterIcon,size:e,...Ba}),showTooltip:!0},{value:`end`,label:(0,Ia.__)(`End`,`elementor`),renderContent:({size:e})=>Ma.createElement(RotatedIcon,{icon:za,size:e,...Ba}),showTooltip:!0},{value:`stretch`,label:(0,Ia.__)(`Stretch`,`elementor`),renderContent:({size:e})=>Ma.createElement(RotatedIcon,{icon:Pa.LayoutDistributeVerticalIcon,size:e,...Ba}),showTooltip:!0}],AlignItemsField=()=>Ma.createElement(UiProviders,null,Ma.createElement(StylesField,{bind:`align-items`,propDisplayName:La},Ma.createElement(O,{label:La},Ma.createElement(Na.ToggleControl,{options:Va})))),Ha=__toESM(globalThis.React),Ua=globalThis.elementorV2.editorControls,Wa=globalThis.elementorV2.icons,Ga=globalThis.elementorV2.ui,Ka=globalThis.wp.i18n,qa=(0,Ka.__)(`Align self`,`elementor`),Ja={row:90,"row-reverse":90,column:0,"column-reverse":0},Ya=(0,Ga.withDirection)(Wa.LayoutAlignLeftIcon),Xa=(0,Ga.withDirection)(Wa.LayoutAlignRightIcon),Za={isClockwise:!1},getOptions=e=>[{value:`start`,label:(0,Ka.__)(`Start`,`elementor`),renderContent:({size:t})=>Ha.createElement(RotatedIcon,{icon:Ya,size:t,offset:Ja[e],...Za}),showTooltip:!0},{value:`center`,label:(0,Ka.__)(`Center`,`elementor`),renderContent:({size:t})=>Ha.createElement(RotatedIcon,{icon:Wa.LayoutAlignCenterIcon,size:t,offset:Ja[e],...Za}),showTooltip:!0},{value:`end`,label:(0,Ka.__)(`End`,`elementor`),renderContent:({size:t})=>Ha.createElement(RotatedIcon,{icon:Xa,size:t,offset:Ja[e],...Za}),showTooltip:!0},{value:`stretch`,label:(0,Ka.__)(`Stretch`,`elementor`),renderContent:({size:t})=>Ha.createElement(RotatedIcon,{icon:Wa.LayoutDistributeVerticalIcon,size:t,offset:Ja[e],...Za}),showTooltip:!0}],AlignSelfChild=({parentStyleDirection:e})=>Ha.createElement(StylesField,{bind:`align-self`,propDisplayName:qa},Ha.createElement(UiProviders,null,Ha.createElement(O,{label:qa},Ha.createElement(Ua.ToggleControl,{options:getOptions(e)})))),Qa=__toESM(globalThis.React),$a=globalThis.elementorV2.editorControls,eo=globalThis.elementorV2.icons,to=globalThis.wp.i18n,no=(0,to.__)(`Align self`,`elementor`),ro={row:0,column:-90},AlignSelfGridChild=({parentStyleDirection:e})=>Qa.createElement(StylesField,{bind:`align-self`,propDisplayName:no},Qa.createElement(UiProviders,null,Qa.createElement(O,{label:no},Qa.createElement($a.ToggleControl,{options:getOptions2(e??`row`)})))),RotatedIcon2=({icon:e,size:t,offset:n})=>Qa.createElement(e,{fontSize:t,sx:{rotate:`${n}deg`}}),getOptions2=e=>{let t=ro[e.replace(`dense`,``).trim()];return[{value:`start`,label:(0,to.__)(`Start`,`elementor`),renderContent:({size:e})=>Qa.createElement(RotatedIcon2,{icon:eo.JustifyTopIcon,size:e,offset:t}),showTooltip:!0},{value:`center`,label:(0,to.__)(`Center`,`elementor`),renderContent:({size:e})=>Qa.createElement(RotatedIcon2,{icon:eo.JustifyCenterIcon,size:e,offset:t}),showTooltip:!0},{value:`end`,label:(0,to.__)(`End`,`elementor`),renderContent:({size:e})=>Qa.createElement(RotatedIcon2,{icon:eo.JustifyBottomIcon,size:e,offset:t}),showTooltip:!0},{value:`stretch`,label:(0,to.__)(`Stretch`,`elementor`),renderContent:({size:e})=>Qa.createElement(RotatedIcon2,{icon:eo.LayoutDistributeVerticalIcon,size:e,offset:t}),showTooltip:!0}]},io=__toESM(globalThis.React),ao=globalThis.elementorV2.editorControls,P=globalThis.wp.i18n,oo=(0,P.__)(`Display`,`elementor`),so=[{value:`block`,renderContent:()=>(0,P.__)(`Block`,`elementor`),label:(0,P.__)(`Block`,`elementor`),showTooltip:!0},{value:`flex`,renderContent:()=>(0,P.__)(`Flex`,`elementor`),label:(0,P.__)(`Flex`,`elementor`),showTooltip:!0},{value:`grid`,renderContent:()=>(0,P.__)(`Grid`,`elementor`),label:(0,P.__)(`Grid`,`elementor`),showTooltip:!0},{value:`none`,renderContent:()=>(0,P.__)(`None`,`elementor`),label:(0,P.__)(`None`,`elementor`),showTooltip:!0},{value:`inline-block`,renderContent:()=>(0,P.__)(`In-blk`,`elementor`),label:(0,P.__)(`Inline-block`,`elementor`),showTooltip:!0},{value:`inline-flex`,renderContent:()=>(0,P.__)(`In-flx`,`elementor`),label:(0,P.__)(`Inline-flex`,`elementor`),showTooltip:!0}],DisplayField=()=>{let e=useDisplayPlaceholderValue();return io.createElement(StylesField,{bind:`display`,propDisplayName:oo,placeholder:e},io.createElement(O,{label:oo,direction:`column`},io.createElement(ao.ToggleControl,{options:so,maxItems:4,fullWidth:!0})))},useDisplayPlaceholderValue=()=>useStylesInheritanceChain([`display`])[0]?.value??void 0,co=__toESM(globalThis.React),lo=globalThis.elementorV2.editorControls,uo=globalThis.elementorV2.icons,fo=globalThis.elementorV2.ui,po=globalThis.wp.i18n,mo=(0,po.__)(`Direction`,`elementor`),ho=[{value:`row`,label:(0,po.__)(`Row`,`elementor`),renderContent:({size:e})=>{let t=(0,fo.withDirection)(uo.ArrowRightIcon);return co.createElement(t,{fontSize:e})},showTooltip:!0},{value:`column`,label:(0,po.__)(`Column`,`elementor`),renderContent:({size:e})=>co.createElement(uo.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:`row-reverse`,label:(0,po.__)(`Reversed row`,`elementor`),renderContent:({size:e})=>{let t=(0,fo.withDirection)(uo.ArrowLeftIcon);return co.createElement(t,{fontSize:e})},showTooltip:!0},{value:`column-reverse`,label:(0,po.__)(`Reversed column`,`elementor`),renderContent:({size:e})=>co.createElement(uo.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],FlexDirectionField=()=>co.createElement(StylesField,{bind:`flex-direction`,propDisplayName:mo},co.createElement(UiProviders,null,co.createElement(O,{label:mo},co.createElement(lo.ToggleControl,{options:ho})))),F=__toESM(globalThis.React),go=globalThis.React,_o=globalThis.elementorV2.editorControls,vo=globalThis.elementorV2.icons,yo=globalThis.elementorV2.ui,bo=globalThis.wp.i18n,xo=(0,bo.__)(`Order`,`elementor`),So=-99999,Co=99999,wo=`first`,To=`last`,Eo=`custom`,Do={[wo]:So,[To]:Co},Oo=[{value:wo,label:(0,bo.__)(`First`,`elementor`),renderContent:({size:e})=>F.createElement(vo.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:To,label:(0,bo.__)(`Last`,`elementor`),renderContent:({size:e})=>F.createElement(vo.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:Eo,label:(0,bo.__)(`Custom`,`elementor`),renderContent:({size:e})=>F.createElement(vo.PencilIcon,{fontSize:e}),showTooltip:!0}],FlexOrderField=()=>F.createElement(StylesField,{bind:`order`,propDisplayName:xo},F.createElement(UiProviders,null,F.createElement(SectionContent,null,F.createElement(FlexOrderFieldContent,null))));function FlexOrderFieldContent(){let{value:e,setValue:t,canEdit:n}=useStylesField(`order`,{history:{propDisplayName:xo}}),{placeholder:r}=(0,_o.useBoundProp)(),i=r,a=(0,go.useMemo)(()=>getGroupControlValue(e?.value??null),[e]),[o,s]=(0,go.useState)(a),[c,l]=(0,go.useState)(!1);(0,go.useEffect)(()=>{c||s(a)},[a,c]),(0,go.useEffect)(()=>{e===null&&l(!1)},[e]);let u=getGroupControlValue(i?.value??null),handleToggleButtonChange=e=>{if(s(e),l(e===Eo),Eo===e){t({$$type:`number`,value:null});return}if(wo===e){t({$$type:`number`,value:Do[e]});return}if(To===e){t({$$type:`number`,value:Do[e]});return}t(null)},d=Eo===o||Eo===u,f=Eo===u?String(i?.value??null):``;return F.createElement(F.Fragment,null,F.createElement(O,{label:xo},F.createElement(_o.ControlToggleButtonGroup,{items:Oo,value:o,onChange:handleToggleButtonChange,exclusive:!0,placeholder:u,disabled:!n})),d&&F.createElement(yo.Grid,{container:!0,gap:2,alignItems:`center`,flexWrap:`nowrap`},F.createElement(yo.Grid,{item:!0,xs:6},F.createElement(ControlLabel,null,(0,bo.__)(`Custom order`,`elementor`))),F.createElement(yo.Grid,{item:!0,xs:6,sx:{display:`flex`,justifyContent:`end`}},F.createElement(_o.NumberControl,{min:So+1,max:Co-1,shouldForceInt:!0,placeholder:f}))))}var getGroupControlValue=e=>Co===e?To:So===e?wo:e===null?null:Eo,I=__toESM(globalThis.React),ko=globalThis.React,Ao=globalThis.elementorV2.editorControls,jo=globalThis.elementorV2.editorProps,Mo=globalThis.elementorV2.icons,No=globalThis.wp.i18n,Po=(0,No.__)(`Flex Size`,`elementor`),Fo=1,Io=[{value:`flex-grow`,label:(0,No.__)(`Grow`,`elementor`),renderContent:({size:e})=>I.createElement(Mo.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:`flex-shrink`,label:(0,No.__)(`Shrink`,`elementor`),renderContent:({size:e})=>I.createElement(Mo.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:`custom`,label:(0,No.__)(`Custom`,`elementor`),renderContent:({size:e})=>I.createElement(Mo.PencilIcon,{fontSize:e}),showTooltip:!0}],FlexSizeField=()=>I.createElement(UiProviders,null,I.createElement(SectionContent,null,I.createElement(StylesField,{bind:`flex`,propDisplayName:Po},I.createElement(FlexSizeFieldContent,null)))),FlexSizeFieldContent=()=>{let{value:e,setValue:t,canEdit:n}=useStylesField(`flex`,{history:{propDisplayName:Po}}),{placeholder:r}=(0,Ao.useBoundProp)(),i=extractFlexValues(e),a=(0,ko.useMemo)(()=>getActiveGroup(i),[i]),[o,s]=(0,ko.useState)(a),[c,l]=(0,ko.useState)(!1);(0,ko.useEffect)(()=>{c||s(a)},[a,c]),(0,ko.useEffect)(()=>{e===null&&l(!1)},[e]);let onChangeGroup=(n=null)=>{s(n),l(n===`custom`);let r=createFlexValueForGroup(n,e);t(r)},u=getActiveGroup(extractFlexValues(r)),d=o===`custom`||u===`custom`;return I.createElement(I.Fragment,null,I.createElement(O,{label:Po},I.createElement(Ao.ControlToggleButtonGroup,{value:o??null,placeholder:u??null,onChange:onChangeGroup,disabled:!n,items:Io,exclusive:!0})),d&&I.createElement(FlexCustomField,null))};function extractFlexValues(e){return{grow:e?.value?.flexGrow?.value??null,shrink:e?.value?.flexShrink?.value??null,basis:e?.value?.flexBasis?.value??null}}var createFlexValueForGroup=(e,t)=>e?e===`flex-grow`?jo.flexPropTypeUtil.create({flexGrow:jo.numberPropTypeUtil.create(Fo),flexShrink:jo.numberPropTypeUtil.create(0),flexBasis:jo.sizePropTypeUtil.create({unit:`auto`,size:``})}):e===`flex-shrink`?jo.flexPropTypeUtil.create({flexGrow:jo.numberPropTypeUtil.create(0),flexShrink:jo.numberPropTypeUtil.create(Fo),flexBasis:jo.sizePropTypeUtil.create({unit:`auto`,size:``})}):e===`custom`?t||jo.flexPropTypeUtil.create({flexGrow:null,flexShrink:null,flexBasis:null}):null:null,FlexCustomField=()=>{let e=(0,ko.useRef)(null),t=(0,Ao.useBoundProp)(jo.flexPropTypeUtil);return I.createElement(Ao.PropProvider,{...t},I.createElement(I.Fragment,null,I.createElement(O,{label:(0,No.__)(`Grow`,`elementor`)},I.createElement(Ao.PropKeyProvider,{bind:`flexGrow`},I.createElement(Ao.NumberControl,{min:0,shouldForceInt:!0}))),I.createElement(O,{label:(0,No.__)(`Shrink`,`elementor`)},I.createElement(Ao.PropKeyProvider,{bind:`flexShrink`},I.createElement(Ao.NumberControl,{min:0,shouldForceInt:!0}))),I.createElement(O,{label:(0,No.__)(`Basis`,`elementor`),ref:e},I.createElement(Ao.PropKeyProvider,{bind:`flexBasis`},I.createElement(Ao.SizeControl,{extendedOptions:[`auto`],anchorRef:e})))))},getActiveGroup=({grow:e,shrink:t,basis:n})=>{if(e===null&&t===null&&!n)return null;let r=n===null||typeof n==`object`&&n.unit===`auto`;return n&&!r?`custom`:e===Fo&&(t===null||t===0)&&r?`flex-grow`:t===Fo&&(e===null||e===0)&&r?`flex-shrink`:`custom`},Lo=__toESM(globalThis.React),Ro=globalThis.elementorV2.editorControls,zo=(0,globalThis.wp.i18n.__)(`Gaps`,`elementor`),GapControlField=()=>Lo.createElement(StylesField,{bind:`gap`,propDisplayName:zo},Lo.createElement(Ro.GapControl,{label:zo})),L=__toESM(globalThis.React),Bo=globalThis.elementorV2.editorControls,Vo=globalThis.elementorV2.icons,Ho=globalThis.elementorV2.ui,Uo=globalThis.wp.i18n,Wo=(0,Uo.__)(`Auto flow`,`elementor`),Go=(0,Uo.__)(`Dense`,`elementor`),Ko=(0,Ho.withDirection)(Vo.ArrowRightIcon),qo=[{value:`row`,label:(0,Uo.__)(`Row`,`elementor`),renderContent:({size:e})=>L.createElement(Ko,{fontSize:e}),showTooltip:!0},{value:`column`,label:(0,Uo.__)(`Column`,`elementor`),renderContent:({size:e})=>L.createElement(Vo.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0}],parseAutoFlow=e=>{if(!e)return{direction:null,dense:!1};let t=e.includes(`dense`);return{direction:e.replace(/\s*dense\s*/,``).trim()||`row`,dense:t}},composeAutoFlow=(e,t)=>t?`${e} dense`:e,GridAutoFlowFieldContent=()=>{let{value:e,setValue:t,canEdit:n}=useStylesField(`grid-auto-flow`,{history:{propDisplayName:Wo}}),{placeholder:r}=(0,Bo.useBoundProp)(),{direction:i,dense:a}=parseAutoFlow(e?.value??null),o=parseAutoFlow(r?.value??null).direction,handleDirectionChange=e=>{if(!e){t(null);return}t({$$type:`string`,value:composeAutoFlow(e,a)})},handleDenseToggle=()=>{t({$$type:`string`,value:composeAutoFlow(i??`row`,!a)})};return L.createElement(O,{label:Wo},L.createElement(Ho.Grid,{container:!0,gap:1,flexWrap:`nowrap`,alignItems:`center`,justifyContent:`flex-end`},L.createElement(Ho.Grid,{item:!0,sx:{width:64,maxWidth:`100%`}},L.createElement(Bo.ControlToggleButtonGroup,{items:qo,value:i,placeholder:o,onChange:handleDirectionChange,exclusive:!0,fullWidth:!0,disabled:!n})),L.createElement(Ho.Grid,{item:!0},L.createElement(Ho.Tooltip,{title:Go,placement:`top`},L.createElement(Ho.ToggleButton,{value:`dense`,selected:a,onChange:handleDenseToggle,size:`tiny`,"aria-label":Go,disabled:!n},L.createElement(Vo.LayoutDashboardIcon,{fontSize:`tiny`}))))))},GridAutoFlowField=()=>L.createElement(StylesField,{bind:`grid-auto-flow`,propDisplayName:Wo},L.createElement(UiProviders,null,L.createElement(GridAutoFlowFieldContent,null))),Jo=__toESM(globalThis.React),Yo=globalThis.React,Xo=globalThis.elementorV2.editorControls,Zo=globalThis.elementorV2.ui,Qo=globalThis.wp.i18n,$o=`fr`,es=(0,Qo.__)(`Auto rows`,`elementor`),ts=(0,Qo.__)(`Auto columns`,`elementor`),ns=(0,Qo.__)(`Set the size for new rows created automatically when content exceeds the defined grid.`,`elementor`),rs=(0,Qo.__)(`Set the size for new columns created automatically when content exceeds the defined grid.`,`elementor`),GridAutoTrackField=({bind:e,infoTooltip:t,label:n,rowRef:r})=>Jo.createElement(StylesField,{bind:e,propDisplayName:n},Jo.createElement(O,{infoTooltip:t,label:n,ref:r},Jo.createElement(Xo.SizeControl,{enablePropTypeUnits:!0,defaultUnit:$o,anchorRef:r}))),GridAutoTrackFields=()=>{let e=(0,Yo.useRef)(null);return Jo.createElement(Zo.Stack,{gap:2,pt:2,ref:e},Jo.createElement(GridAutoTrackField,{bind:`grid-auto-rows`,infoTooltip:ns,label:es,rowRef:e}),Jo.createElement(GridAutoTrackField,{bind:`grid-auto-columns`,infoTooltip:rs,label:ts,rowRef:e}))},is=__toESM(globalThis.React),as=globalThis.elementorV2.editorControls,os=globalThis.elementorV2.icons,ss=globalThis.elementorV2.ui,cs=globalThis.wp.i18n,ls=(0,cs.__)(`Justify items`,`elementor`),us=(0,ss.withDirection)(os.LayoutAlignLeftIcon),ds=(0,ss.withDirection)(os.LayoutAlignRightIcon),fs=[{value:`start`,label:(0,cs.__)(`Start`,`elementor`),renderContent:({size:e})=>is.createElement(us,{fontSize:e}),showTooltip:!0},{value:`center`,label:(0,cs.__)(`Center`,`elementor`),renderContent:({size:e})=>is.createElement(os.LayoutAlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:`end`,label:(0,cs.__)(`End`,`elementor`),renderContent:({size:e})=>is.createElement(ds,{fontSize:e}),showTooltip:!0},{value:`stretch`,label:(0,cs.__)(`Stretch`,`elementor`),renderContent:({size:e})=>is.createElement(os.LayoutDistributeVerticalIcon,{fontSize:e}),showTooltip:!0}],GridJustifyItemsField=()=>is.createElement(StylesField,{bind:`justify-items`,propDisplayName:ls},is.createElement(UiProviders,null,is.createElement(O,{label:ls},is.createElement(as.ToggleControl,{options:fs})))),ps=__toESM(globalThis.React),ms=globalThis.elementorV2.editorElements,hs=globalThis.elementorV2.ui,gs=(0,globalThis.wp.i18n.__)(`Show Grid Outline`,`elementor`),GridOutlineField=()=>{let{element:e}=useElement(),t=(0,ms.useElementEditorSettings)(e.id)?.grid_outline??!0;return ps.createElement(O,{label:gs},ps.createElement(hs.Box,{sx:{display:`flex`,justifyContent:`flex-end`}},ps.createElement(hs.Switch,{"aria-label":gs,checked:t,onChange:t=>{(0,ms.updateElementEditorSettings)({elementId:e.id,settings:{grid_outline:t.target.checked}})},size:`small`})))},R=__toESM(globalThis.React),_s=globalThis.React,vs=globalThis.elementorV2.editorControls,ys=globalThis.elementorV2.ui,bs=globalThis.wp.i18n,xs=globalThis.elementorV2.editorProps,Ss=`fr`,Cs=`custom`,ws=[Ss,Cs],Ts={kind:`empty`},Es=/^repeat\(\s*(\d+)\s*,\s*1fr\s*\)$/,parseString=e=>{if(!e)return Ts;let t=e.match(Es);if(t){let e=parseInt(t[1],10);return e>=1?{kind:`fr`,count:e}:Ts}return{kind:`custom`,raw:e}},parseGridTrackSize=e=>{if(!e)return Ts;if(e.unit===Ss){let t=Number(e.size);return Number.isFinite(t)&&t>=1?{kind:`fr`,count:Math.trunc(t)}:Ts}let t=String(e.size??``);return t===``?Ts:{kind:`custom`,raw:t}},parseValue=e=>e?xs.gridTrackSizePropTypeUtil.isValid(e)?parseGridTrackSize(xs.gridTrackSizePropTypeUtil.extract(e)):xs.stringPropTypeUtil.isValid(e)?parseString(xs.stringPropTypeUtil.extract(e)):Ts:Ts,fromSizeInput=e=>{if(e.size===``||Number.isNaN(e.size))return Ts;if(e.unit===Ss){let t=Number(e.size);return Number.isFinite(t)&&t>=1?{kind:`fr`,count:Math.trunc(t)}:Ts}return{kind:`custom`,raw:String(e.size)}},toPropValue=e=>{switch(e.kind){case`empty`:return null;case`fr`:return xs.gridTrackSizePropTypeUtil.create({size:e.count,unit:Ss});case`custom`:return xs.gridTrackSizePropTypeUtil.create({size:e.raw,unit:Cs})}},toSizeInput=(e,t=Ss)=>{switch(e.kind){case`empty`:return{size:``,unit:t};case`fr`:return{size:e.count,unit:Ss};case`custom`:return{size:e.raw,unit:Cs}}},toPlaceholder=e=>{switch(e.kind){case`empty`:return;case`fr`:return String(e.count);case`custom`:return e.raw}},unitOf=(e,t=Ss)=>e.kind===`fr`?Ss:e.kind===`custom`?Cs:t,SizeFieldWrapper=({children:e})=>R.createElement(vs.ControlActions,null,e),Ds=(0,vs.createControl)(e=>R.createElement(vs.SizeComponent,{units:ws,value:e.value,placeholder:e.placeholder,defaultUnit:Ss,setValue:e.setValue,onBlur:()=>{},min:1,anchorRef:e.anchorRef,SizeFieldWrapper})),GridTrackFieldContent=({cssProp:e,label:t})=>{let{value:n,setValue:r}=useStylesField(e,{history:{propDisplayName:t}}),{placeholder:i}=(0,vs.useBoundProp)(),a=(0,_s.useRef)(null),o=parseValue(n),s=parseValue(i),c=o.kind===`empty`?toSizeInput(Ts,unitOf(s)):toSizeInput(o),l=toPlaceholder(s),handleChange=e=>{let t=fromSizeInput(e);(t.kind!==`empty`||o.kind===`empty`||e.unit===unitOf(o))&&r(toPropValue(t))};return R.createElement(O,{label:t,direction:`column`},R.createElement(`div`,{ref:a},R.createElement(Ds,{value:c,placeholder:l,setValue:handleChange,anchorRef:a})))},GridTrackField=({cssProp:e,label:t})=>R.createElement(UiProviders,null,R.createElement(StylesField,{bind:e,propDisplayName:t},R.createElement(GridTrackFieldContent,{cssProp:e,label:t}))),GridSizeFields=()=>R.createElement(ys.Grid,{container:!0,gap:2,flexWrap:`nowrap`},R.createElement(ys.Grid,{item:!0,xs:6},R.createElement(GridTrackField,{cssProp:`grid-template-columns`,label:(0,bs.__)(`Columns`,`elementor`)})),R.createElement(ys.Grid,{item:!0,xs:6},R.createElement(GridTrackField,{cssProp:`grid-template-rows`,label:(0,bs.__)(`Rows`,`elementor`)}))),Os=__toESM(globalThis.React),ks=globalThis.elementorV2.editorControls,As=globalThis.elementorV2.ui,js=globalThis.wp.i18n,GridSpanFieldContent=({label:e})=>Os.createElement(O,{label:e,direction:`column`},Os.createElement(ks.GridSpanControl,null)),GridSpanField=({cssProp:e,label:t})=>Os.createElement(StylesField,{bind:e,propDisplayName:t},Os.createElement(UiProviders,null,Os.createElement(GridSpanFieldContent,{cssProp:e,label:t}))),GridSpanFields=()=>Os.createElement(As.Grid,{container:!0,gap:2,flexWrap:`nowrap`},Os.createElement(As.Grid,{item:!0,xs:6},Os.createElement(GridSpanField,{cssProp:`grid-column`,label:(0,js.__)(`Grid column`,`elementor`)})),Os.createElement(As.Grid,{item:!0,xs:6},Os.createElement(GridSpanField,{cssProp:`grid-row`,label:(0,js.__)(`Grid row`,`elementor`)}))),Ms=__toESM(globalThis.React),Ns=globalThis.elementorV2.editorControls,Ps=globalThis.elementorV2.icons,Fs=globalThis.elementorV2.ui,Is=globalThis.wp.i18n,Ls=(0,Is.__)(`Justify content`,`elementor`),Rs=(0,Fs.withDirection)(Ps.JustifyTopIcon),zs=(0,Fs.withDirection)(Ps.JustifyBottomIcon),Bs={isClockwise:!0,offset:-90},Vs=[{value:`flex-start`,label:(0,Is.__)(`Start`,`elementor`),renderContent:({size:e})=>Ms.createElement(RotatedIcon,{icon:Rs,size:e,...Bs}),showTooltip:!0},{value:`center`,label:(0,Is.__)(`Center`,`elementor`),renderContent:({size:e})=>Ms.createElement(RotatedIcon,{icon:Ps.JustifyCenterIcon,size:e,...Bs}),showTooltip:!0},{value:`flex-end`,label:(0,Is.__)(`End`,`elementor`),renderContent:({size:e})=>Ms.createElement(RotatedIcon,{icon:zs,size:e,...Bs}),showTooltip:!0},{value:`space-between`,label:(0,Is.__)(`Space between`,`elementor`),renderContent:({size:e})=>Ms.createElement(RotatedIcon,{icon:Ps.JustifySpaceBetweenVerticalIcon,size:e,...Bs}),showTooltip:!0},{value:`space-around`,label:(0,Is.__)(`Space around`,`elementor`),renderContent:({size:e})=>Ms.createElement(RotatedIcon,{icon:Ps.JustifySpaceAroundVerticalIcon,size:e,...Bs}),showTooltip:!0},{value:`space-evenly`,label:(0,Is.__)(`Space evenly`,`elementor`),renderContent:({size:e})=>Ms.createElement(RotatedIcon,{icon:Ps.JustifyDistributeVerticalIcon,size:e,...Bs}),showTooltip:!0}],JustifyContentField=()=>Ms.createElement(StylesField,{bind:`justify-content`,propDisplayName:Ls},Ms.createElement(UiProviders,null,Ms.createElement(O,{label:Ls,direction:`column`},Ms.createElement(Ns.ToggleControl,{options:Vs,fullWidth:!0})))),Hs=__toESM(globalThis.React),Us=globalThis.elementorV2.editorControls,Ws=globalThis.elementorV2.icons,Gs=globalThis.wp.i18n,Ks=(0,Gs.__)(`Wrap`,`elementor`),qs=[{value:`nowrap`,label:(0,Gs.__)(`No wrap`,`elementor`),renderContent:({size:e})=>Hs.createElement(Ws.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:`wrap`,label:(0,Gs.__)(`Wrap`,`elementor`),renderContent:({size:e})=>Hs.createElement(Ws.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:`wrap-reverse`,label:(0,Gs.__)(`Reversed wrap`,`elementor`),renderContent:({size:e})=>Hs.createElement(Ws.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],WrapField=()=>Hs.createElement(StylesField,{bind:`flex-wrap`,propDisplayName:Ks},Hs.createElement(UiProviders,null,Hs.createElement(O,{label:Ks},Hs.createElement(Us.ToggleControl,{options:qs})))),Js=(0,ca.__)(`Display`,`elementor`),Ys=(0,ca.__)(`Flex wrap`,`elementor`),Xs=`row`,{Slot:Zs,inject:Qs}=(0,sa.createLocation)(),LayoutSection=()=>{let{value:e}=useStylesField(`display`,{history:{propDisplayName:Js}}),t=useDisplayPlaceholderValue(),n=shouldDisplayFlexFields(e,t),r=(e?.value??t?.value)===`grid`,{element:i}=useElement(),a=useComputedStyle((0,oa.useParentElement)(i.id)?.id||null),getParentStyleDirection=()=>a?.display===`flex`?a?.flexDirection??Xs:a?.display===`grid`?a?.gridAutoFlow??Xs:Xs;return N.createElement(SectionContent,null,N.createElement(DisplayField,null),n&&N.createElement(FlexFields,null),a?.display===`flex`&&N.createElement(FlexChildFields,{parentStyleDirection:getParentStyleDirection()}),r&&N.createElement(GridFields,null),a?.display===`grid`&&N.createElement(GridChildFields,{parentStyleDirection:getParentStyleDirection()}))},FlexFields=()=>{let{value:e}=useStylesField(`flex-wrap`,{history:{propDisplayName:Ys}});return N.createElement(N.Fragment,null,N.createElement(FlexDirectionField,null),N.createElement(JustifyContentField,null),N.createElement(AlignItemsField,null),N.createElement(PanelDivider,null),N.createElement(GapControlField,null),N.createElement(WrapField,null),[`wrap`,`wrap-reverse`].includes(e?.value)&&N.createElement(AlignContentField,null))},GridFields=()=>N.createElement(N.Fragment,null,N.createElement(GridOutlineField,null),N.createElement(GridSizeFields,null),N.createElement(GridAutoFlowField,null),N.createElement(Zs,null),N.createElement(StyleTabCollapsibleContent,{fields:[`grid-auto-rows`,`grid-auto-columns`]},N.createElement(GridAutoTrackFields,null)),N.createElement(PanelDivider,null),N.createElement(GapControlField,null),N.createElement(PanelDivider,null),N.createElement(GridJustifyItemsField,null),N.createElement(AlignItemsField,null)),FlexChildFields=({parentStyleDirection:e})=>N.createElement(N.Fragment,null,N.createElement(PanelDivider,null),N.createElement(aa.ControlFormLabel,null,(0,ca.__)(`Flex child`,`elementor`)),N.createElement(AlignSelfChild,{parentStyleDirection:e}),N.createElement(FlexOrderField,null),N.createElement(FlexSizeField,null)),GridChildFields=({parentStyleDirection:e})=>N.createElement(N.Fragment,null,N.createElement(PanelDivider,null),N.createElement(aa.ControlFormLabel,null,(0,ca.__)(`Grid child`,`elementor`)),N.createElement(GridSpanFields,null),N.createElement(AlignSelfGridChild,{parentStyleDirection:e}),N.createElement(FlexOrderField,null)),shouldDisplayFlexFields=(e,t)=>{let n=e?.value??t?.value;return n?n===`flex`||n===`inline-flex`:!1},$s=__toESM(globalThis.React),ec=globalThis.React,tc=globalThis.elementorV2.session,nc=globalThis.elementorV2.ui,rc=globalThis.wp.i18n,z=__toESM(globalThis.React),ic=globalThis.React,ac=globalThis.elementorV2.editorControls,oc=globalThis.elementorV2.icons,sc=globalThis.elementorV2.ui,cc=globalThis.wp.i18n,lc=(0,sc.withDirection)(oc.SideLeftIcon),uc=(0,sc.withDirection)(oc.SideRightIcon),dc={"inset-block-start":z.createElement(oc.SideTopIcon,{fontSize:`tiny`}),"inset-block-end":z.createElement(oc.SideBottomIcon,{fontSize:`tiny`}),"inset-inline-start":z.createElement(RotatedIcon,{icon:lc,size:`tiny`}),"inset-inline-end":z.createElement(RotatedIcon,{icon:uc,size:`tiny`})},getInlineStartLabel=e=>e?(0,cc.__)(`Right`,`elementor`):(0,cc.__)(`Left`,`elementor`),getInlineEndLabel=e=>e?(0,cc.__)(`Left`,`elementor`):(0,cc.__)(`Right`,`elementor`),DimensionsField=()=>{let{isSiteRtl:e}=useDirection(),t=[(0,ic.useRef)(null),(0,ic.useRef)(null)];return z.createElement(UiProviders,null,z.createElement(sc.Stack,{direction:`row`,gap:2,flexWrap:`nowrap`,ref:t[0]},z.createElement(DimensionField,{side:`inset-block-start`,label:(0,cc.__)(`Top`,`elementor`),rowRef:t[0]}),z.createElement(DimensionField,{side:`inset-inline-end`,label:getInlineEndLabel(e),rowRef:t[0]})),z.createElement(sc.Stack,{direction:`row`,gap:2,flexWrap:`nowrap`,ref:t[1]},z.createElement(DimensionField,{side:`inset-block-end`,label:(0,cc.__)(`Bottom`,`elementor`),rowRef:t[1]}),z.createElement(DimensionField,{side:`inset-inline-start`,label:getInlineStartLabel(e),rowRef:t[1]})))},DimensionField=({side:e,label:t,rowRef:n})=>z.createElement(StylesField,{bind:e,propDisplayName:t},z.createElement(sc.Grid,{container:!0,gap:.75,alignItems:`center`},z.createElement(sc.Grid,{item:!0,xs:12},z.createElement(ControlLabel,null,t)),z.createElement(sc.Grid,{item:!0,xs:12},z.createElement(ac.SizeControl,{startIcon:dc[e],extendedOptions:[`auto`],anchorRef:n,min:-(2**53-1)})))),fc=__toESM(globalThis.React),pc=globalThis.React,mc=globalThis.elementorV2.editorControls,hc=(0,globalThis.wp.i18n.__)(`Anchor offset`,`elementor`),gc=[`px`,`em`,`rem`,`vw`,`vh`],OffsetField=()=>{let e=(0,pc.useRef)(null);return fc.createElement(StylesField,{bind:`scroll-margin-top`,propDisplayName:hc},fc.createElement(O,{label:hc,ref:e},fc.createElement(mc.SizeControl,{units:gc,anchorRef:e})))},_c=__toESM(globalThis.React),vc=globalThis.elementorV2.editorControls,yc=globalThis.wp.i18n,bc=(0,yc.__)(`Position`,`elementor`),xc=[{label:(0,yc.__)(`Static`,`elementor`),value:`static`},{label:(0,yc.__)(`Relative`,`elementor`),value:`relative`},{label:(0,yc.__)(`Absolute`,`elementor`),value:`absolute`},{label:(0,yc.__)(`Fixed`,`elementor`),value:`fixed`},{label:(0,yc.__)(`Sticky`,`elementor`),value:`sticky`}],PositionField=()=>_c.createElement(StylesField,{bind:`position`,propDisplayName:bc},_c.createElement(O,{label:bc},_c.createElement(vc.SelectControl,{options:xc}))),B=__toESM(globalThis.React),Sc=globalThis.elementorV2.editorControls,Cc=globalThis.elementorV2.icons,wc=globalThis.elementorV2.ui,Tc=globalThis.wp.i18n,Ec=(0,Tc.__)(`Z-index`,`elementor`),ZIndexField=({disabled:e})=>{let t=B.createElement(StylesField,{bind:`z-index`,propDisplayName:Ec},B.createElement(O,{label:Ec},B.createElement(Sc.NumberControl,{disabled:e}))),n=B.createElement(wc.Alert,{color:`secondary`,icon:B.createElement(Cc.InfoCircleFilledIcon,null),size:`small`},B.createElement(wc.AlertTitle,null,(0,Tc.__)(`Z-index`,`elementor`)),B.createElement(wc.Box,{component:`span`},(0,Tc.__)(`z-index only works on positioned elements. Change position to relative, absolute, or fixed to enable layering.`,`elementor`)));return e?B.createElement(wc.Infotip,{placement:`right`,content:n,color:`secondary`,slotProps:{popper:{sx:{width:300}}}},B.createElement(wc.Box,null,t)):B.createElement(B.Fragment,null,t)},Dc=`static`,Oc=(0,rc.__)(`Position`,`elementor`),kc=(0,rc.__)(`Dimensions`,`elementor`),Ac=[`inset-block-start`,`inset-block-end`,`inset-inline-start`,`inset-inline-end`,`z-index`],PositionSection=()=>{let{value:e}=useStylesField(`position`,withHistoryLabel(Oc)),t=useInheritedValues([`position`]).position,n=e??t??null,r=!n||n.value===Dc,i=(0,ec.useRef)(e),{values:a,setValues:o}=useStylesFields(Ac),[s,c,l]=usePersistDimensions();return(0,ec.useEffect)(()=>{e&&e?.value===Dc&&hasDependentValues(a)&&c(extractDimensions(a)),i.current?.value===Dc&&(o({...s},withHistoryLabel(kc)),l()),r&&a?.[`z-index`]&&o({"z-index":null},withHistoryLabel(kc)),i.current=e},[e?.value,r]),$s.createElement(jc,null,$s.createElement(PositionField,null),$s.createElement(DimensionsField,null),$s.createElement(ZIndexField,{disabled:r}),$s.createElement(PanelDivider,null),$s.createElement(OffsetField,null))},usePersistDimensions=()=>{let{id:e,meta:t}=useStyle(),n=`${`styles/${e}/${t.breakpoint||`desktop`}/${t.state||`null`}`}/dimensions`;return(0,tc.useSessionStorage)(n)},withHistoryLabel=e=>({history:{propDisplayName:e}}),hasDependentValues=e=>{if(!e)return!1;let t=extractDimensions(e);return Object.values(t).some(e=>e!==null)},extractDimensions=e=>Ac.reduce((t,n)=>({...t,[n]:e?.[n]??null}),{}),jc=(0,nc.styled)(SectionContent,{shouldForwardProp:e=>e!==`gap`})(({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)}})),V=__toESM(globalThis.React),Mc=globalThis.React,Nc=globalThis.elementorV2.editorControls,Pc=globalThis.elementorV2.ui,Fc=globalThis.wp.i18n,Ic=__toESM(globalThis.React),Lc=globalThis.elementorV2.editorControls,Rc=globalThis.wp.i18n,zc=(0,Rc.__)(`Object fit`,`elementor`),Bc=[{label:(0,Rc.__)(`Fill`,`elementor`),value:`fill`},{label:(0,Rc.__)(`Cover`,`elementor`),value:`cover`},{label:(0,Rc.__)(`Contain`,`elementor`),value:`contain`},{label:(0,Rc.__)(`None`,`elementor`),value:`none`},{label:(0,Rc.__)(`Scale down`,`elementor`),value:`scale-down`}],ObjectFitField=()=>Ic.createElement(StylesField,{bind:`object-fit`,propDisplayName:zc},Ic.createElement(O,{label:zc},Ic.createElement(Lc.SelectControl,{options:Bc}))),Vc=__toESM(globalThis.React),Hc=globalThis.elementorV2.editorControls,Uc=globalThis.elementorV2.icons,Wc=globalThis.wp.i18n,Gc=(0,Wc.__)(`Overflow`,`elementor`),Kc=[{value:`visible`,label:(0,Wc.__)(`Visible`,`elementor`),renderContent:({size:e})=>Vc.createElement(Uc.EyeIcon,{fontSize:e}),showTooltip:!0},{value:`hidden`,label:(0,Wc.__)(`Hidden`,`elementor`),renderContent:({size:e})=>Vc.createElement(Uc.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:`auto`,label:(0,Wc.__)(`Auto`,`elementor`),renderContent:({size:e})=>Vc.createElement(Uc.LetterAIcon,{fontSize:e}),showTooltip:!0}],OverflowField=()=>Vc.createElement(StylesField,{bind:`overflow`,propDisplayName:Gc},Vc.createElement(O,{label:Gc},Vc.createElement(Hc.ToggleControl,{options:Kc}))),qc=[[{bind:`width`,label:(0,Fc.__)(`Width`,`elementor`)},{bind:`height`,label:(0,Fc.__)(`Height`,`elementor`)}],[{bind:`min-width`,label:(0,Fc.__)(`Min width`,`elementor`)},{bind:`min-height`,label:(0,Fc.__)(`Min height`,`elementor`)}],[{bind:`max-width`,label:(0,Fc.__)(`Max width`,`elementor`)},{bind:`max-height`,label:(0,Fc.__)(`Max height`,`elementor`)}]],Jc=(0,Fc.__)(`Aspect Ratio`,`elementor`),SizeSection=()=>{let e=[(0,Mc.useRef)(null),(0,Mc.useRef)(null),(0,Mc.useRef)(null)];return V.createElement(SectionContent,null,qc.map((t,n)=>V.createElement(Pc.Grid,{key:n,container:!0,gap:2,flexWrap:`nowrap`,ref:e[n]},t.map(t=>V.createElement(Pc.Grid,{item:!0,xs:6,key:t.bind},V.createElement(SizeField,{...t,rowRef:e[n],extendedOptions:[`auto`]}))))),V.createElement(PanelDivider,null),V.createElement(Pc.Stack,null,V.createElement(OverflowField,null)),V.createElement(StyleTabCollapsibleContent,{fields:[`aspect-ratio`,`object-fit`]},V.createElement(Pc.Stack,{gap:2,pt:2},V.createElement(StylesField,{bind:`aspect-ratio`,propDisplayName:Jc},V.createElement(Nc.AspectRatioControl,{label:Jc})),V.createElement(PanelDivider,null),V.createElement(ObjectFitField,null),V.createElement(StylesField,{bind:`object-position`,propDisplayName:(0,Fc.__)(`Object position`,`elementor`)},V.createElement(Pc.Grid,{item:!0,xs:6},V.createElement(Nc.PositionControl,null))))))},SizeField=({label:e,bind:t,rowRef:n,extendedOptions:r})=>V.createElement(StylesField,{bind:t,propDisplayName:e},V.createElement(Pc.Grid,{container:!0,gap:.75,alignItems:`center`},V.createElement(Pc.Grid,{item:!0,xs:12},V.createElement(ControlLabel,null,e)),V.createElement(Pc.Grid,{item:!0,xs:12},V.createElement(Nc.SizeControl,{extendedOptions:r,anchorRef:n})))),Yc=__toESM(globalThis.React),Xc=globalThis.elementorV2.editorControls,Zc=globalThis.wp.i18n,Qc=(0,Zc.__)(`Margin`,`elementor`),$c=(0,Zc.__)(`Padding`,`elementor`),SpacingSection=()=>{let{isSiteRtl:e}=useDirection();return Yc.createElement(SectionContent,null,Yc.createElement(StylesField,{bind:`margin`,propDisplayName:Qc},Yc.createElement(Xc.LinkedDimensionsControl,{label:Qc,isSiteRtl:e,min:-(2**53-1)})),Yc.createElement(PanelDivider,null),Yc.createElement(StylesField,{bind:`padding`,propDisplayName:$c},Yc.createElement(Xc.LinkedDimensionsControl,{label:$c,isSiteRtl:e})))},H=__toESM(globalThis.React),el=__toESM(globalThis.React),tl=globalThis.elementorV2.editorControls,nl=(0,globalThis.wp.i18n.__)(`Columns`,`elementor`),ColumnCountField=()=>el.createElement(StylesField,{bind:`column-count`,propDisplayName:nl},el.createElement(O,{label:nl},el.createElement(tl.NumberControl,{shouldForceInt:!0,min:0,step:1}))),rl=__toESM(globalThis.React),il=globalThis.React,al=globalThis.elementorV2.editorControls,ol=(0,globalThis.wp.i18n.__)(`Column gap`,`elementor`),ColumnGapField=()=>{let e=(0,il.useRef)(null);return rl.createElement(StylesField,{bind:`column-gap`,propDisplayName:ol},rl.createElement(O,{label:ol,ref:e},rl.createElement(al.SizeControl,{anchorRef:e})))},sl=__toESM(globalThis.React),cl=globalThis.elementorV2.editorControls,ll=globalThis.elementorV2.editorUi,ul=(0,globalThis.wp.i18n.__)(`Font family`,`elementor`),FontFamilyField=()=>{let e=(0,cl.useFontFamilies)(),t=(0,ll.useSectionWidth)();return e.length===0?null:sl.createElement(StylesField,{bind:`font-family`,propDisplayName:ul},sl.createElement(O,{label:ul},sl.createElement(cl.FontFamilyControl,{fontFamilies:e,sectionWidth:t,ariaLabel:ul})))},dl=__toESM(globalThis.React),fl=globalThis.React,pl=globalThis.elementorV2.editorControls,ml=(0,globalThis.wp.i18n.__)(`Font size`,`elementor`),FontSizeField=()=>{let e=(0,fl.useRef)(null);return dl.createElement(StylesField,{bind:`font-size`,propDisplayName:ml},dl.createElement(O,{label:ml,ref:e},dl.createElement(pl.SizeControl,{anchorRef:e,ariaLabel:ml})))},hl=__toESM(globalThis.React),gl=globalThis.elementorV2.editorControls,_l=globalThis.elementorV2.icons,vl=globalThis.wp.i18n,yl=(0,vl.__)(`Font style`,`elementor`),bl=[{value:`normal`,label:(0,vl.__)(`Normal`,`elementor`),renderContent:({size:e})=>hl.createElement(_l.MinusIcon,{fontSize:e}),showTooltip:!0},{value:`italic`,label:(0,vl.__)(`Italic`,`elementor`),renderContent:({size:e})=>hl.createElement(_l.ItalicIcon,{fontSize:e}),showTooltip:!0}],FontStyleField=()=>hl.createElement(StylesField,{bind:`font-style`,propDisplayName:yl},hl.createElement(O,{label:yl},hl.createElement(gl.ToggleControl,{options:bl}))),xl=__toESM(globalThis.React),Sl=globalThis.elementorV2.editorControls,Cl=globalThis.wp.i18n,wl=(0,Cl.__)(`Font weight`,`elementor`),Tl=[{value:`100`,label:(0,Cl.__)(`100 - Thin`,`elementor`)},{value:`200`,label:(0,Cl.__)(`200 - Extra light`,`elementor`)},{value:`300`,label:(0,Cl.__)(`300 - Light`,`elementor`)},{value:`400`,label:(0,Cl.__)(`400 - Normal`,`elementor`)},{value:`500`,label:(0,Cl.__)(`500 - Medium`,`elementor`)},{value:`600`,label:(0,Cl.__)(`600 - Semi bold`,`elementor`)},{value:`700`,label:(0,Cl.__)(`700 - Bold`,`elementor`)},{value:`800`,label:(0,Cl.__)(`800 - Extra bold`,`elementor`)},{value:`900`,label:(0,Cl.__)(`900 - Black`,`elementor`)}],FontWeightField=()=>xl.createElement(StylesField,{bind:`font-weight`,propDisplayName:wl},xl.createElement(O,{label:wl},xl.createElement(Sl.SelectControl,{options:Tl}))),El=__toESM(globalThis.React),Dl=globalThis.React,Ol=globalThis.elementorV2.editorControls,kl=(0,globalThis.wp.i18n.__)(`Letter spacing`,`elementor`),LetterSpacingField=()=>{let e=(0,Dl.useRef)(null);return El.createElement(StylesField,{bind:`letter-spacing`,propDisplayName:kl},El.createElement(O,{label:kl,ref:e},El.createElement(Ol.SizeControl,{anchorRef:e,min:-(2**53-1)})))},Al=__toESM(globalThis.React),jl=globalThis.React,Ml=globalThis.elementorV2.editorControls,Nl=(0,globalThis.wp.i18n.__)(`Line height`,`elementor`),LineHeightField=()=>{let e=(0,jl.useRef)(null);return Al.createElement(StylesField,{bind:`line-height`,propDisplayName:Nl},Al.createElement(O,{label:Nl,ref:e},Al.createElement(Ml.SizeControl,{anchorRef:e})))},Pl=__toESM(globalThis.React),Fl=globalThis.elementorV2.editorControls,Il=globalThis.elementorV2.icons,Ll=globalThis.elementorV2.ui,Rl=globalThis.wp.i18n,zl=(0,Rl.__)(`Text align`,`elementor`),Bl=(0,Ll.withDirection)(Il.AlignLeftIcon),Vl=(0,Ll.withDirection)(Il.AlignRightIcon),Hl=[{value:`start`,label:(0,Rl.__)(`Start`,`elementor`),renderContent:({size:e})=>Pl.createElement(Bl,{fontSize:e}),showTooltip:!0},{value:`center`,label:(0,Rl.__)(`Center`,`elementor`),renderContent:({size:e})=>Pl.createElement(Il.AlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:`end`,label:(0,Rl.__)(`End`,`elementor`),renderContent:({size:e})=>Pl.createElement(Vl,{fontSize:e}),showTooltip:!0},{value:`justify`,label:(0,Rl.__)(`Justify`,`elementor`),renderContent:({size:e})=>Pl.createElement(Il.AlignJustifiedIcon,{fontSize:e}),showTooltip:!0}],TextAlignmentField=()=>Pl.createElement(StylesField,{bind:`text-align`,propDisplayName:zl},Pl.createElement(UiProviders,null,Pl.createElement(O,{label:zl},Pl.createElement(Fl.ToggleControl,{options:Hl})))),Ul=__toESM(globalThis.React),Wl=globalThis.elementorV2.editorControls,Gl=(0,globalThis.wp.i18n.__)(`Text color`,`elementor`),TextColorField=()=>Ul.createElement(StylesField,{bind:`color`,propDisplayName:Gl},Ul.createElement(O,{label:Gl},Ul.createElement(Wl.ColorControl,{id:`text-color-control`}))),Kl=__toESM(globalThis.React),ql=globalThis.elementorV2.editorControls,Jl=globalThis.elementorV2.icons,Yl=globalThis.wp.i18n,Xl=(0,Yl.__)(`Line decoration`,`elementor`),Zl=[{value:`none`,label:(0,Yl.__)(`None`,`elementor`),renderContent:({size:e})=>Kl.createElement(Jl.MinusIcon,{fontSize:e}),showTooltip:!0,exclusive:!0},{value:`underline`,label:(0,Yl.__)(`Underline`,`elementor`),renderContent:({size:e})=>Kl.createElement(Jl.UnderlineIcon,{fontSize:e}),showTooltip:!0},{value:`line-through`,label:(0,Yl.__)(`Line-through`,`elementor`),renderContent:({size:e})=>Kl.createElement(Jl.StrikethroughIcon,{fontSize:e}),showTooltip:!0},{value:`overline`,label:(0,Yl.__)(`Overline`,`elementor`),renderContent:({size:e})=>Kl.createElement(Jl.OverlineIcon,{fontSize:e}),showTooltip:!0}],TextDecorationField=()=>Kl.createElement(StylesField,{bind:`text-decoration`,propDisplayName:Xl},Kl.createElement(O,{label:Xl},Kl.createElement(ql.ToggleControl,{options:Zl,exclusive:!1}))),Ql=__toESM(globalThis.React),$l=globalThis.elementorV2.editorControls,eu=globalThis.elementorV2.icons,tu=globalThis.wp.i18n,nu=(0,tu.__)(`Direction`,`elementor`),ru=[{value:`ltr`,label:(0,tu.__)(`Left to right`,`elementor`),renderContent:({size:e})=>Ql.createElement(eu.TextDirectionLtrIcon,{fontSize:e}),showTooltip:!0},{value:`rtl`,label:(0,tu.__)(`Right to left`,`elementor`),renderContent:({size:e})=>Ql.createElement(eu.TextDirectionRtlIcon,{fontSize:e}),showTooltip:!0}],TextDirectionField=()=>Ql.createElement(StylesField,{bind:`direction`,propDisplayName:nu},Ql.createElement(O,{label:nu},Ql.createElement($l.ToggleControl,{options:ru}))),iu=__toESM(globalThis.React),au=globalThis.elementorV2.editorControls,ou=globalThis.wp.i18n,su=__toESM(globalThis.React),cu=globalThis.elementorV2.icons,lu=globalThis.elementorV2.ui,uu=`tiny`,AddOrRemoveContent=({isAdded:e,onAdd:t,onRemove:n,children:r,disabled:i,renderLabel:a})=>su.createElement(SectionContent,null,su.createElement(lu.Stack,{direction:`row`,sx:{justifyContent:`space-between`,alignItems:`center`,marginInlineEnd:-.75}},a(),e?su.createElement(lu.IconButton,{size:uu,onClick:n,"aria-label":`Remove`,disabled:i},su.createElement(cu.MinusIcon,{fontSize:uu})):su.createElement(lu.IconButton,{size:uu,onClick:t,"aria-label":`Add`,disabled:i},su.createElement(cu.PlusIcon,{fontSize:uu}))),su.createElement(lu.Collapse,{in:e,unmountOnExit:!0},su.createElement(SectionContent,null,r))),du={$$type:`stroke`,value:{color:{$$type:`color`,value:`#000000`},width:{$$type:`size`,value:{unit:`px`,size:1}}}},fu=(0,ou.__)(`Text stroke`,`elementor`),TextStrokeField=()=>{let{value:e,setValue:t,canEdit:n}=useStylesField(`stroke`,{history:{propDisplayName:fu}}),addTextStroke=()=>{t(du)},removeTextStroke=()=>{t(null)},r=!!e;return iu.createElement(StylesField,{bind:`stroke`,propDisplayName:fu},iu.createElement(AddOrRemoveContent,{isAdded:r,onAdd:addTextStroke,onRemove:removeTextStroke,disabled:!n,renderLabel:()=>iu.createElement(ControlLabel,null,fu)},iu.createElement(au.StrokeControl,null)))},pu=__toESM(globalThis.React),mu=globalThis.elementorV2.editorControls,hu=globalThis.elementorV2.icons,gu=globalThis.wp.i18n,_u=(0,gu.__)(`Text transform`,`elementor`),vu=[{value:`none`,label:(0,gu.__)(`None`,`elementor`),renderContent:({size:e})=>pu.createElement(hu.MinusIcon,{fontSize:e}),showTooltip:!0},{value:`capitalize`,label:(0,gu.__)(`Capitalize`,`elementor`),renderContent:({size:e})=>pu.createElement(hu.LetterCaseIcon,{fontSize:e}),showTooltip:!0},{value:`uppercase`,label:(0,gu.__)(`Uppercase`,`elementor`),renderContent:({size:e})=>pu.createElement(hu.LetterCaseUpperIcon,{fontSize:e}),showTooltip:!0},{value:`lowercase`,label:(0,gu.__)(`Lowercase`,`elementor`),renderContent:({size:e})=>pu.createElement(hu.LetterCaseLowerIcon,{fontSize:e}),showTooltip:!0}],TransformField=()=>pu.createElement(StylesField,{bind:`text-transform`,propDisplayName:_u},pu.createElement(O,{label:_u},pu.createElement(mu.ToggleControl,{options:vu}))),yu=__toESM(globalThis.React),bu=globalThis.React,xu=globalThis.elementorV2.editorControls,Su=(0,globalThis.wp.i18n.__)(`Word spacing`,`elementor`),WordSpacingField=()=>{let e=(0,bu.useRef)(null);return yu.createElement(StylesField,{bind:`word-spacing`,propDisplayName:Su},yu.createElement(O,{label:Su,ref:e},yu.createElement(xu.SizeControl,{anchorRef:e,min:-(2**53-1)})))},TypographySection=()=>H.createElement(SectionContent,null,H.createElement(FontFamilyField,null),H.createElement(FontWeightField,null),H.createElement(FontSizeField,null),H.createElement(PanelDivider,null),H.createElement(TextAlignmentField,null),H.createElement(TextColorField,null),H.createElement(StyleTabCollapsibleContent,{fields:[`line-height`,`letter-spacing`,`word-spacing`,`column-count`,`text-decoration`,`text-transform`,`direction`,`font-style`,`stroke`]},H.createElement(SectionContent,{sx:{pt:2}},H.createElement(LineHeightField,null),H.createElement(LetterSpacingField,null),H.createElement(WordSpacingField,null),H.createElement(ColumnCountField,null),H.createElement(ColumnGapField,null),H.createElement(PanelDivider,null),H.createElement(TextDecorationField,null),H.createElement(TransformField,null),H.createElement(TextDirectionField,null),H.createElement(FontStyleField,null),H.createElement(TextStrokeField,null)))),Cu=[{name:`Layout`,title:(0,Vr.__)(`Layout`,`elementor`),component:LayoutSection,fields:[`display`,`flex-direction`,`flex-wrap`,`justify-content`,`align-items`,`align-content`,`align-self`,`gap`,`order`,`grid-column`,`grid-row`,`grid-auto-rows`,`grid-auto-columns`]},{name:`Spacing`,title:(0,Vr.__)(`Spacing`,`elementor`),component:SpacingSection,fields:[`margin`,`padding`]},{name:`Size`,title:(0,Vr.__)(`Size`,`elementor`),component:SizeSection,fields:[`width`,`min-width`,`max-width`,`height`,`min-height`,`max-height`,`overflow`,`aspect-ratio`,`object-fit`]},{name:`Position`,title:(0,Vr.__)(`Position`,`elementor`),component:PositionSection,fields:[`position`,`z-index`,`scroll-margin-top`]},{name:`Typography`,title:(0,Vr.__)(`Typography`,`elementor`),component:TypographySection,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`]},{name:`Background`,title:(0,Vr.__)(`Background`,`elementor`),component:BackgroundSection,fields:[`background`]},{name:`Border`,title:(0,Vr.__)(`Border`,`elementor`),component:BorderSection,fields:[`border-radius`,`border-width`,`border-color`,`border-style`]},{name:`Effects`,title:(0,Vr.__)(`Effects`,`elementor`),component:EffectsSection,fields:[`mix-blend-mode`,`box-shadow`,`opacity`,`transform`,`filter`,`backdrop-filter`,`transform-origin`,`transition`]}],wu=Cu.map(e=>e.name),Tu=__toESM(globalThis.React),StyleTabSection=({section:e,fields:t=[],unmountOnExit:n=!0})=>{let{component:r,name:i,title:a,action:o}=e,s=useDefaultPanelSettings(),c=r||(()=>Tu.createElement(Tu.Fragment,null)),l=s.defaultSectionsExpanded.style?.includes(i);return Tu.createElement(Section,{title:a,defaultExpanded:l,titleEnd:getStylesInheritanceIndicators(t),unmountOnExit:n,action:o},Tu.createElement(c,null))},StyleSections=()=>Br.createElement(Br.Fragment,null,Cu.map(e=>Br.createElement(StyleTabSection,{key:e.name,section:{component:e.component,name:e.name,title:e.title},fields:e.fields}))),Eu=`37px`,{Slot:Du,inject:Ou}=(0,yr.createLocation)(),ku={position:`sticky`,zIndex:1100,opacity:1,backgroundColor:`background.default`,transition:`top 300ms ease`},StyleTab=()=>{let e=useCurrentClassesProp(),[t,n]=useActiveStyleDefId(e??``),[r,i]=(0,gr.useState)(null),a=(0,vr.useActiveBreakpoint)();return e?D.createElement(ClassesPropProvider,{prop:e},D.createElement(StyleProvider,{meta:{breakpoint:a,state:r},id:t,setId:e=>{n(e),i(null)},setMetaState:i},D.createElement(br.SessionStorageProvider,{prefix:t??``},D.createElement(StyleInheritanceProvider,null,D.createElement(ClassesHeader,null,D.createElement(CssClassSelector,null),D.createElement(xr.Divider,null)),D.createElement(SectionsList,null,D.createElement(StyleSections,null),D.createElement(Du,null)),D.createElement(xr.Box,{sx:{height:`150px`}}))))):null};function ClassesHeader({children:e}){let t=useScrollDirection();return D.createElement(xr.Stack,{sx:{...ku,top:t===`up`?Eu:0}},e)}function useCurrentClassesProp(){let{elementType:e}=useElement(),t=Object.entries(e.propsSchema).find(([,e])=>e.kind===`plain`&&e.key===_r.CLASSES_PROP_KEY);return t?t[0]:null}var EditingPanelTabs=()=>{let{element:e}=useElement();return x.createElement(Tn.Fragment,{key:e.id},x.createElement(PanelTabContent,null))},PanelTabContent=()=>{let{element:e}=useElement(),t=useDefaultPanelSettings().defaultTab,n=!!(0,En.getWidgetsCache)()?.[e.type]?.meta?.is_pro_promotion,[r,i]=useStateByElement(`tab`,t),a=n&&r===`settings`?`style`:r,{getTabProps:o,getTabPanelProps:s,getTabsProps:c}=(0,S.useTabs)(a);return x.createElement(ScrollProvider,null,x.createElement(S.Stack,{direction:`column`,sx:{width:`100%`}},x.createElement(S.Stack,{sx:{...ku,top:0}},x.createElement(S.Tabs,{variant:`fullWidth`,size:`small`,sx:{mt:.5},...c(),onChange:(e,t)=>{c().onChange(e,t),i(t)}},!n&&x.createElement(S.Tab,{label:(0,Dn.__)(`General`,`elementor`),...o(`settings`)}),x.createElement(S.Tab,{label:(0,Dn.__)(`Style`,`elementor`),...o(`style`)}),x.createElement(S.Tab,{label:(0,Dn.__)(`Interactions`,`elementor`),...o(`interactions`)})),x.createElement(S.Divider,null)),!n&&x.createElement(S.TabPanel,{...s(`settings`),disablePadding:!0},x.createElement(SettingsTab,null)),x.createElement(S.TabPanel,{...s(`style`),disablePadding:!0},x.createElement(StyleTab,null)),x.createElement(S.TabPanel,{...s(`interactions`),disablePadding:!0},x.createElement(InteractionsTab,null))))},{Slot:Au,inject:ju}=(0,hn.createLocation)(),{useMenuItems:Mu}=gn.controlActionsMenu,EditingPanel=()=>{let{element:e,elementType:t,settings:n}=(0,dn.useSelectedElementSettings)(),r=(0,un.getControlReplacements)(),i=Mu().default;if(!e||!t)return null;let a=(0,yn.__)(`Edit %s`,`elementor`).replace(`%s`,t.title),{component:o}=getEditingPanelReplacement(e,t)??{},s=b.createElement(b.Fragment,null,b.createElement(fn.PanelHeader,null,b.createElement(fn.PanelHeaderTitle,null,a),b.createElement(mn.AtomIcon,{fontSize:`small`,sx:{color:`text.tertiary`}})),b.createElement(fn.PanelBody,{sx:{height:`auto`,flex:1,minHeight:0}},b.createElement(EditingPanelTabs,null)),b.createElement(EditingPanelStickyPromotion,null));return o&&(s=b.createElement(o,null)),b.createElement(vn.ErrorBoundary,{fallback:b.createElement(EditorPanelErrorFallback,null)},b.createElement(_n.SessionStorageProvider,{prefix:`elementor`},b.createElement(pn.ThemeProvider,null,b.createElement(un.ControlActionsProvider,{items:i},b.createElement(un.ControlReplacementsProvider,{replacements:r},b.createElement(ElementProvider,{element:e,elementType:t,settings:n},b.createElement(fn.Panel,null,b.createElement(Au,null),s)))))))},Nu=__toESM(globalThis.React),Pu=globalThis.elementorV2.editorUi,Fu=globalThis.elementorV2.ui,Iu=globalThis.wp.i18n;function PseudoStateMenuItems({states:e,activeState:t,onSelectState:n,onClose:r}){return Nu.createElement(Nu.Fragment,null,Nu.createElement(Fu.MenuSubheader,{sx:{typography:`caption`,color:`text.secondary`,pb:.5,pt:1}},(0,Iu.__)(`States`,`elementor`)),e.map(e=>Nu.createElement(Pu.MenuListItem,{key:e.key,selected:e.value===t,sx:{textTransform:`capitalize`},onClick:()=>{n(e.value),r?.()}},e.label)))}var Lu=globalThis.elementorV2.editor,Ru=globalThis.elementorV2.editorPanels,zu=globalThis.elementorV2.editorV1Adapters,Bu=globalThis.React,Vu=globalThis.elementorV2.editorV1Adapters,{panel:Hu,usePanelActions:Uu,usePanelStatus:Wu}=(0,globalThis.elementorV2.editorPanels.createPanel)({id:`editing-panel`,component:EditingPanel}),Gu=globalThis.elementorV2.editorElements,isAtomicWidgetSelected=()=>{let e=(0,Gu.getSelectedElements)(),t=(0,Gu.getWidgetsCache)();return e.length===1&&!!t?.[e[0].type]?.atomic_controls},useOpenEditorPanel=()=>{let{open:e}=Uu();(0,Bu.useEffect)(()=>(0,Vu.__privateListenTo)((0,Vu.commandStartEvent)(`panel/editor/open`),()=>{isAtomicWidgetSelected()&&e()}),[])},EditingPanelHooks=()=>(useOpenEditorPanel(),null),Ku=globalThis.elementorV2.editorControls,qu=__toESM(globalThis.React),Ju=globalThis.React,Yu=globalThis.elementorV2.editorControls,Xu=globalThis.wp.i18n,Zu={target_name:`custom_css`,location_l2:`style`},CustomCssSection=()=>{let e=(0,Ju.useRef)(null);return qu.createElement(StyleTabSection,{section:{name:`Custom CSS`,title:(0,Xu.__)(`Custom CSS`,`elementor`),action:{component:qu.createElement(Yu.PromotionTrigger,{ref:e,promotionKey:`customCss`,trackingData:Zu}),onClick:()=>e.current?.toggle()}}})},init=()=>{Ou({id:`custom-css`,component:CustomCssSection,options:{overwrite:!0}}),window.elementorPro||(E.register(`attributes`,Ku.AttributesControl,`two-columns`),E.register(`display-conditions`,Ku.DisplayConditionsControl,`two-columns`))},Qu=__toESM(globalThis.React),$u=globalThis.elementorV2.editorControls,ed=globalThis.elementorV2.editorElements,td=globalThis.elementorV2.editorProps,nd=globalThis.elementorV2.ui,rd=globalThis.wp.i18n,U=globalThis.elementorV2.editorElements,id=globalThis.elementorV2.editorProps,ad=globalThis.wp.i18n,od=`e-accordion`,sd=`e-accordion-item`,cd=`e-accordion-item-header`,ld=`e-accordion-item-title`,ud=`e-accordion-item-icon`,dd=`e-accordion-item-content`,fd=`e-paragraph`,getItemTitle=e=>(0,ad.sprintf)((0,ad.__)(`Accordion Item %d`,`elementor`),e),pd=/(\d+)\s*$/,getNextItemNumber=e=>{let t=new Set(e.filter(e=>!!e)),n=e.reduce((e,t)=>{let[,n]=t?.match(pd)??[],r=n?Number(n):0;return Number.isFinite(r)&&r>e?r:e},0)+1;for(;t.has(getItemTitle(n));)n+=1;return n},buildItemModel=(e,t)=>{let n=getItemTitle(e);return{elType:sd,id:(0,U.generateElementId)(),editor_settings:{title:n,initial_position:e},elements:[{elType:cd,id:(0,U.generateElementId)(),editor_settings:{title:(0,ad.__)(`Header`,`elementor`)},settings:{show_icon:id.booleanPropTypeUtil.create(t)},elements:[{elType:ld,id:(0,U.generateElementId)(),editor_settings:{title:(0,ad.__)(`Title`,`elementor`)},elements:[{elType:`widget`,widgetType:fd,id:(0,U.generateElementId)(),elements:[],settings:{paragraph:id.escapedHtmlPropTypeUtil.create(n),tag:{$$type:`string`,value:`span`}}}]},{elType:ud,id:(0,U.generateElementId)(),editor_settings:{title:(0,ad.__)(`Icon`,`elementor`)},elements:[],hydrateDefaultChildren:!0}]},{elType:dd,id:(0,U.generateElementId)(),editor_settings:{title:(0,ad.__)(`Content`,`elementor`)},elements:[],hydrateDefaultChildren:!0}]}},useActions=()=>{let addItem2=({accordionId:e,existingTitles:t,items:n,showIcon:r})=>{let i=(0,U.getContainer)(e);if(!i)throw Error(`Accordion container not found`);let a=[...t];n.forEach(()=>{let e=getNextItemNumber(a);(0,U.createElements)({title:(0,ad.__)(`Accordion`,`elementor`),elements:[{container:i,model:buildItemModel(e,r)}]}),a.push(getItemTitle(e))})},removeItem2=({items:e})=>{(0,U.removeElements)({title:(0,ad.__)(`Accordion`,`elementor`),elementIds:e.map(({item:e})=>e.id)})},duplicateItem2=({items:e})=>{(0,U.duplicateElements)({title:(0,ad.__)(`Duplicate Accordion Item`,`elementor`),elementIds:e.map(({item:e})=>e.id)})},moveItem2=({accordionId:e,movedElementId:t,toIndex:n})=>{let r=(0,U.getContainer)(e),i=(0,U.getContainer)(t);if(!r||!i)throw Error(`Accordion item or container not found`);(0,U.moveElements)({title:(0,ad.__)(`Reorder Accordion Items`,`elementor`),moves:[{element:i,targetContainer:r,options:{at:n}}]})};return{addItem:addItem2,removeItem:removeItem2,duplicateItem:duplicateItem2,moveItem:moveItem2}},md=globalThis.React,hd=globalThis.elementorV2.editorElements,gd=globalThis.elementorV2.editorProps,_d=globalThis.elementorV2.editorV1Adapters,vd=globalThis.wp.i18n,yd=`e-accordion-item-header`,bd=(0,_d.undoable)({do:({accordionId:e,showIcon:t})=>{let n=getAccordionHeaderIds(e),r=Object.fromEntries(n.map(e=>[e,(0,hd.getElementSettings)(e,[`show_icon`]).show_icon]));return n.forEach(e=>{(0,hd.updateElementSettings)({id:e,props:{show_icon:gd.booleanPropTypeUtil.create(t)},withHistory:!1})}),{previous:r}},undo:(e,{previous:t})=>{Object.entries(t).forEach(([e,t])=>{(0,hd.updateElementSettings)({id:e,props:{show_icon:t??null},withHistory:!1})})}},{title:(0,vd.__)(`Accordion`,`elementor`),subtitle:(0,vd.__)(`Show Icon`,`elementor`),debounce:{wait:sn}});function getAccordionHeaderIds(e){return((0,hd.getContainer)(e)?.children??[]).filter(e=>e.model.get(`elType`)===sd).map(e=>e.children?.find(e=>e.model.get(`elType`)===yd)).filter(e=>!!e).map(e=>e.id)}function useShowIconWriteThrough(e,t){let n=(0,md.useRef)(null);(0,md.useEffect)(()=>{let r=n.current;n.current={accordionId:e,showIcon:t},!(!r||r.accordionId!==e||r.showIcon===t)&&bd({accordionId:e,showIcon:t})},[e,t])}var AccordionItemsControl=({label:e})=>{let{element:t,settings:n}=useElement(),{addItem:r,duplicateItem:i,moveItem:a,removeItem:o}=useActions(),{[sd]:s}=(0,ed.useElementChildren)(t.id,{[od]:sd},{includeSelfAsParent:!0}),c=td.booleanPropTypeUtil.extract(n.show_icon)??!0;useShowIconWriteThrough(t.id,c);let l=s.map((e,t)=>({id:e.id,title:e.editorSettings?.title,index:t})),setValue=(e,n,u)=>{if(u?.action?.type===`add`)return r({accordionId:t.id,existingTitles:l.map(({title:e})=>e),items:u.action.payload,showIcon:c});if(u?.action?.type===`remove`)return o({items:u.action.payload});if(u?.action?.type===`duplicate`)return i({items:u.action.payload});if(u?.action?.type===`reorder`){let{from:e,to:n}=u.action.payload;return a({accordionId:t.id,movedElementId:s[e].id,toIndex:n})}};return Qu.createElement($u.Repeater,{showToggle:!1,values:l,setValues:setValue,showRemove:l.length>1,label:e,adornment:()=>null,itemSettings:{getId:({item:e})=>e.id,initialValues:{id:``,title:(0,rd.__)(`Accordion Item`,`elementor`)},Label:ItemLabel,Content:ItemContent,Icon:()=>null}})},ItemLabel=({value:e})=>Qu.createElement(nd.Stack,{sx:{minHeight:20},direction:`row`,alignItems:`center`,gap:1.5},e.id?Qu.createElement(AccordionItemRepeaterLabel,{elementId:e.id,fallbackTitle:e.title}):Qu.createElement(`span`,null,e?.title)),AccordionItemRepeaterLabel=({elementId:e,fallbackTitle:t})=>{let n=(0,ed.useElementEditorSettings)(e)?.title??t??``;return Qu.createElement(`span`,null,n)},ItemContent=({value:e})=>e.id?Qu.createElement(nd.Stack,{p:2,gap:1.5},Qu.createElement(ItemNameControl,{elementId:e.id})):null,ItemNameControl=({elementId:e})=>{let t=(0,ed.useElementEditorSettings)(e)?.title??``;return Qu.createElement(nd.Stack,{gap:1},Qu.createElement($u.ControlFormLabel,null,(0,rd.__)(`Name`,`elementor`)),Qu.createElement(nd.TextField,{size:`tiny`,value:t,onChange:({target:t})=>{(0,ed.updateElementEditorSettings)({elementId:e,settings:{title:t.value}})}}))},W=__toESM(globalThis.React),xd=globalThis.elementorV2.editorControls,Sd=globalThis.elementorV2.editorElements,Cd=globalThis.elementorV2.editorProps,wd=globalThis.elementorV2.ui,Td=globalThis.wp.i18n,Ed=globalThis.elementorV2.editorElements,Dd=globalThis.elementorV2.editorProps,Od=globalThis.wp.i18n,kd=`e-list-item`,Ad=/(\d+)\s*$/,getItemTitle2=e=>`Item ${e}`,getNextItemNumber2=e=>{let t=new Set(e.filter(e=>!!e)),n=e.reduce((e,t)=>{let[,n]=t?.match(Ad)??[],r=n?Number(n):0;return Number.isFinite(r)&&r>e?r:e},0)+1;for(;t.has(getItemTitle2(n));)n+=1;return n},duplicateItem=({items:e})=>{(0,Ed.duplicateElements)({elementIds:e.map(({item:e})=>e.id),title:(0,Od.__)(`Duplicate List Item`,`elementor`)})},moveItem=({toIndex:e,listContainerId:t,movedElementId:n})=>{let r=(0,Ed.getContainer)(n),i=(0,Ed.getContainer)(t);if(!r||!i)throw Error(`List item or list container not found`);(0,Ed.moveElements)({title:(0,Od.__)(`Reorder List Items`,`elementor`),moves:[{element:r,targetContainer:i,options:{at:e}}]})},removeItem=({items:e})=>{(0,Ed.removeElements)({title:(0,Od.__)(`List Items`,`elementor`),elementIds:e.map(({item:e})=>e.id)})},addItem=({existingTitles:e,listContainerId:t,items:n,showMarkers:r})=>{let i=(0,Ed.getContainer)(t);if(!i)throw Error(`List container not found`);let a=[...e];n.forEach(({index:e})=>{let t=getNextItemNumber2(a);(0,Ed.createElements)({title:(0,Od.__)(`List Items`,`elementor`),elements:[{container:i,model:{elType:kd,settings:{show_markers:Dd.booleanPropTypeUtil.create(r)},hydrateDefaultChildren:!0,editor_settings:{title:getItemTitle2(t),initial_position:t}},options:{at:e}}]}),a.push(getItemTitle2(t))})},jd=globalThis.React,Md=globalThis.elementorV2.editorElements,Nd=globalThis.elementorV2.editorProps,Pd=globalThis.elementorV2.editorV1Adapters,Fd=globalThis.wp.i18n,Id=(0,Pd.undoable)({do:({listId:e,showMarkers:t})=>{let n=getListItemIds(e),r=Object.fromEntries(n.map(e=>[e,(0,Md.getElementSettings)(e,[`show_markers`]).show_markers]));return n.forEach(e=>{(0,Md.updateElementSettings)({id:e,props:{show_markers:Nd.booleanPropTypeUtil.create(t)},withHistory:!1})}),{previous:r}},undo:(e,{previous:t})=>{Object.entries(t).forEach(([e,t])=>{(0,Md.updateElementSettings)({id:e,props:{show_markers:t??null},withHistory:!1})})}},{title:(0,Fd.__)(`List`,`elementor`),subtitle:(0,Fd.__)(`Show Markers`,`elementor`),debounce:{wait:sn}});function getListItemIds(e){return((0,Md.getContainer)(e)?.children??[]).filter(e=>e.model.get(`elType`)===kd).map(e=>e.id)}function useShowMarkersWriteThrough(e,t){let n=(0,jd.useRef)(null);(0,jd.useEffect)(()=>{let r=n.current;n.current={listId:e,showMarkers:t},!(!r||r.listId!==e||r.showMarkers===t)&&Id({listId:e,showMarkers:t})},[e,t])}var Ld=`e-list`,getEffectiveListItemLabel=(e,t)=>e?.trim()?e:t,getDefaultListItemLabel=e=>`Item ${e+1}`,ListItemsControl=({label:e})=>W.createElement(ListItemsControlContent,{label:e}),ListItemsControlContent=({label:e})=>{let{element:t,settings:n}=useElement(),{[kd]:r}=(0,Sd.useElementChildren)(t.id,{[Ld]:kd},{includeSelfAsParent:!0}),i=Cd.booleanPropTypeUtil.extract(n.show_markers)??!0;useShowMarkersWriteThrough(t.id,i);let a=r.map((e,t)=>({id:e.id,title:e.editorSettings?.title??getDefaultListItemLabel(t),index:t})),setValue=(e,n,o)=>{if(o?.action?.type===`add`)return addItem({existingTitles:a.map(({title:e})=>e),listContainerId:t.id,items:o.action.payload,showMarkers:i});if(o?.action?.type===`remove`)return removeItem({items:o.action.payload});if(o?.action?.type===`duplicate`)return duplicateItem({items:o.action.payload});if(o?.action?.type===`reorder`){let{from:e,to:n}=o.action.payload;return moveItem({toIndex:n,listContainerId:t.id,movedElementId:r[e].id})}};return W.createElement(xd.Repeater,{showToggle:!1,values:a,setValues:setValue,showRemove:a.length>1,label:e,adornment:()=>null,itemSettings:{getId:({item:e})=>e.id,initialValues:{id:``,title:`Item`},Label:ItemLabel2,Content:ItemContent2,Icon:()=>null}})},ItemLabel2=({value:e,index:t})=>{let n=e.title??getDefaultListItemLabel(t);return W.createElement(wd.Stack,{sx:{minHeight:20},direction:`row`,alignItems:`center`,gap:1.5},e.id?W.createElement(ListItemRepeaterLabel,{elementId:e.id,fallbackLabel:n}):W.createElement(`span`,null,n))},ItemContent2=({value:e})=>e.id?W.createElement(wd.Stack,{p:2,gap:1.5},W.createElement(ListItemLabelControl,{elementId:e.id,fallbackLabel:e.title??``})):null,ListItemRepeaterLabel=({elementId:e,fallbackLabel:t})=>{let n=getEffectiveListItemLabel((0,Sd.useElementEditorSettings)(e)?.title,t);return W.createElement(`span`,null,n)},ListItemLabelControl=({elementId:e,fallbackLabel:t})=>{let n=getEffectiveListItemLabel((0,Sd.useElementEditorSettings)(e)?.title,t);return W.createElement(wd.Stack,{gap:1},W.createElement(xd.ControlFormLabel,null,(0,Td.__)(`Item name`,`elementor`)),W.createElement(wd.TextField,{size:`tiny`,value:n,onChange:({target:t})=>{(0,Sd.updateElementEditorSettings)({elementId:e,settings:{title:t.value}})}}))},G=__toESM(globalThis.React),Rd=globalThis.elementorV2.editorControls,zd=globalThis.elementorV2.editorElements,Bd=globalThis.elementorV2.editorProps,Vd=globalThis.elementorV2.icons,Hd=globalThis.elementorV2.ui,Ud=globalThis.wp.i18n,Wd=globalThis.elementorV2.editorElements,getElementByType=(e,t)=>{let n=(0,Wd.getContainer)(e);return n?n.model.get(`elType`)===t?n:n.children?.findRecursive?.(e=>e.model.get(`elType`)===t)??null:null},Gd=globalThis.elementorV2.editorControls,K=globalThis.elementorV2.editorElements,Kd=globalThis.elementorV2.editorProps,qd=globalThis.wp.i18n,Jd=`e-tab`,Yd=`e-tab-content`,useActions2=()=>{let{value:e,setValue:t}=(0,Gd.useBoundProp)(Kd.numberPropTypeUtil),n=e??0,duplicateItem2=({items:e,tabContentAreaId:r})=>{let i=calculateDefaultOnDuplicate({items:e,defaultActiveTab:n});e.forEach(({item:e,index:a})=>{let o=e.id,s=(0,K.getContainer)(r)?.children?.[a]?.id;if(!s)throw Error(`Original content ID is required for duplication`);(0,K.duplicateElements)({elementIds:[o,s],title:(0,qd.__)(`Duplicate Tab`,`elementor`),onDuplicateElements:()=>{i!==n&&t(i,{},{withHistory:!1})},onRestoreElements:()=>{i!==n&&t(n,{},{withHistory:!1})}})})},moveItem2=({toIndex:e,tabsMenuId:r,tabContentAreaId:i,movedElementId:a,movedElementIndex:o})=>{let s=(0,K.getContainer)(i),c=s?.children?.[o],l=(0,K.getContainer)(a),u=(0,K.getContainer)(r);if(!c)throw Error(`Content element is required`);if(!l||!u)throw Error(`Tab element or menu not found`);let d=calculateDefaultOnMove({from:o,to:e,defaultActiveTab:n});(0,K.moveElements)({title:(0,qd.__)(`Reorder Tabs`,`elementor`),moves:[{element:l,targetContainer:u,options:{at:e}},{element:c,targetContainer:s,options:{at:e}}],onMoveElements:()=>{d!==n&&t(d,{},{withHistory:!1})},onRestoreElements:()=>{d!==n&&t(n,{},{withHistory:!1})}})},removeItem2=({items:e,tabContentAreaId:r})=>{let i=calculateDefaultOnRemove({items:e,defaultActiveTab:n});(0,K.removeElements)({title:(0,qd.__)(`Tabs`,`elementor`),elementIds:e.flatMap(({item:e,index:t})=>{let n=e.id,i=(0,K.getContainer)(r)?.children?.[t]?.id;if(!i)throw Error(`Content ID is required`);return[n,i]}),onRemoveElements:()=>{i!==n&&t(i,{},{withHistory:!1})},onRestoreElements:()=>{i!==n&&t(n,{},{withHistory:!1})}})},addItem2=({tabContentAreaId:e,tabsMenuId:t,items:n})=>{let r=(0,K.getContainer)(e),i=(0,K.getContainer)(t);if(!r||!i)throw Error(`Tab containers not found`);n.forEach(({index:e})=>{let t=e+1;(0,K.createElements)({title:(0,qd.__)(`Tabs`,`elementor`),elements:[{container:r,model:{elType:Yd,editor_settings:{title:`Tab ${t} content`,initial_position:t}}},{container:i,model:{elType:Jd,editor_settings:{title:`Tab ${t} trigger`,initial_position:t}}}]})})};return{duplicateItem:duplicateItem2,moveItem:moveItem2,removeItem:removeItem2,addItem:addItem2}},calculateDefaultOnMove=({from:e,to:t,defaultActiveTab:n})=>e===n?t:e<n&&t>=n?n-1:e>n&&t<=n?n+1:n,calculateDefaultOnRemove=({items:e,defaultActiveTab:t})=>e.some(({index:e})=>e===t)?0:t-e.reduce((e,{index:n})=>n<t?e+1:e,0),calculateDefaultOnDuplicate=({items:e,defaultActiveTab:t})=>t+e.reduce((e,{index:n})=>n<t?e+1:e,0),Xd=`e-tabs-menu`,Zd=`e-tabs-content-area`,TabsControl=({label:e})=>G.createElement(SettingsField,{bind:`default-active-tab`,propDisplayName:(0,Ud.__)(`Tabs`,`elementor`)},G.createElement(TabsControlContent,{label:e})),TabsControlContent=({label:e})=>{let{element:t}=useElement(),{addItem:n,duplicateItem:r,moveItem:i,removeItem:a}=useActions2(),{[Jd]:o}=(0,zd.useElementChildren)(t.id,{[Xd]:Jd}),s=getElementByType(t.id,Xd),c=getElementByType(t.id,Zd),l=o.map((e,t)=>({id:e.id,title:e.editorSettings?.title,index:t})),setValue=(e,t,l)=>{if(l?.action?.type===`add`){let e=l.action.payload;return n({tabContentAreaId:c.id,items:e,tabsMenuId:s.id})}if(l?.action?.type===`remove`){let e=l.action.payload;return a({items:e,tabContentAreaId:c.id})}if(l?.action?.type===`duplicate`){let e=l.action.payload;return r({items:e,tabContentAreaId:c.id})}if(l?.action?.type===`reorder`){let{from:e,to:t}=l.action.payload;return i({toIndex:t,tabsMenuId:s.id,tabContentAreaId:c.id,movedElementId:o[e].id,movedElementIndex:e})}};return G.createElement(Rd.Repeater,{showToggle:!1,values:l,setValues:setValue,showRemove:l.length>1,label:e,itemSettings:{getId:({item:e})=>e.id,initialValues:{id:``,title:`Tab`},Label:ItemLabel3,Content:ItemContent3,Icon:()=>null}})},ItemLabel3=({value:e,index:t})=>G.createElement(Hd.Stack,{sx:{minHeight:20},direction:`row`,alignItems:`center`,gap:1.5},e.id?G.createElement(TabRepeaterLabel,{elementId:e.id,fallbackTitle:e.title}):G.createElement(`span`,null,e?.title),G.createElement(ItemDefaultTab,{index:t})),TabRepeaterLabel=({elementId:e,fallbackTitle:t})=>{let n=(0,zd.useElementEditorSettings)(e)?.title??t??``;return G.createElement(`span`,null,n)},ItemDefaultTab=({index:e})=>{let{value:t}=(0,Rd.useBoundProp)(Bd.numberPropTypeUtil);return t===e?G.createElement(Hd.Chip,{size:`tiny`,shape:`rounded`,label:(0,Ud.__)(`Default`,`elementor`)}):null},ItemContent3=({value:e,index:t})=>e.id?G.createElement(Hd.Stack,{p:2,gap:1.5},G.createElement(TabLabelControl,{elementId:e.id}),G.createElement(SettingsField,{bind:`default-active-tab`,propDisplayName:(0,Ud.__)(`Tabs`,`elementor`)},G.createElement(DefaultTabControl,{tabIndex:t}))):null,DefaultTabControl=({tabIndex:e})=>{let{value:t,setValue:n}=(0,Rd.useBoundProp)(Bd.numberPropTypeUtil),r=t===e;return G.createElement(Hd.Stack,{direction:`row`,alignItems:`center`,justifyContent:`space-between`,gap:2},G.createElement(Rd.ControlFormLabel,null,(0,Ud.__)(`Set as default tab`,`elementor`)),G.createElement(ConditionalTooltip,{showTooltip:r,placement:`right`},G.createElement(Hd.Switch,{size:`small`,checked:r,disabled:r,onChange:({target:t})=>{n(t.checked?e:null)},inputProps:{...r?{style:{opacity:0,cursor:`not-allowed`}}:{}}})))},TabLabelControl=({elementId:e})=>{let t=(0,zd.useElementEditorSettings)(e)?.title??``;return G.createElement(Hd.Stack,{gap:1},G.createElement(Rd.ControlFormLabel,null,(0,Ud.__)(`Tab name`,`elementor`)),G.createElement(Hd.TextField,{size:`tiny`,value:t,onChange:({target:t})=>{(0,zd.updateElementEditorSettings)({elementId:e,settings:{title:t.value}})}}))},ConditionalTooltip=({showTooltip:e,children:t})=>e?G.createElement(Hd.Infotip,{arrow:!1,content:G.createElement(Hd.Alert,{color:`secondary`,icon:G.createElement(Vd.InfoCircleFilledIcon,{fontSize:`tiny`}),size:`small`,sx:{width:288}},G.createElement(Hd.Typography,{variant:`body2`},(0,Ud.__)(`To change the default tab, simply set another tab as default.`,`elementor`)))},G.createElement(`span`,null,t)):t,Qd={"list-items":{component:ListItemsControl,layout:`full`},tabs:{component:TabsControl,layout:`full`},"accordion-items":{component:AccordionItemsControl,layout:`full`}},registerElementControls=()=>{Object.entries(Qd).forEach(([e,{component:t,layout:n}])=>{E.register(e,t,n)})},$d=globalThis.elementorV2.editorCanvas,ef=globalThis.elementorV2.editorControls,tf=globalThis.elementorV2.menus,nf=__toESM(globalThis.React),rf=globalThis.elementorV2.editorControls,af=globalThis.elementorV2.editorProps,of=globalThis.elementorV2.icons,sf=globalThis.React,cf=globalThis.React,lf=globalThis.elementorV2.editorControls,uf=globalThis.elementorV2.editorV1Adapters,df=globalThis.React,ff={expired:!1},pf=new Set;function setLicenseConfig(e){ff={...ff,...e},pf.forEach(e=>e())}function getLicenseConfig(){return ff}function subscribe(e){return pf.add(e),()=>pf.delete(e)}function useLicenseConfig(){return(0,df.useSyncExternalStore)(subscribe,getLicenseConfig,getLicenseConfig)}var getAtomicDynamicTags=(e=!0)=>{let{atomicDynamicTags:t}=(0,uf.getElementorConfig)();return t?{tags:e?filterByLicense(t.tags):t.tags,groups:t.groups}:null},filterByLicense=e=>{let{expired:t}=getLicenseConfig();return t?Object.fromEntries(Object.entries(e).filter(([,e])=>!(e?.meta?.origin===`elementor`&&e?.meta?.required_license))):e},mf=globalThis.elementorV2.editorProps,hf=globalThis.elementorV2.editorV1Adapters,gf=globalThis.elementorV2.schema,_f=`dynamic`,vf=(0,mf.createPropUtils)(_f,gf.z.strictObject({name:gf.z.string(),group:gf.z.string(),settings:gf.z.any().optional()})),isDynamicTagSupported=e=>!!(0,hf.getElementorConfig)()?.atomicDynamicTags?.tags?.[e],isDynamicPropType=e=>e.key===_f,getDynamicPropType=e=>{let t=e.kind===`union`&&e.prop_types[_f];return t&&isDynamicPropType(t)?t:null},isDynamicPropValue=e=>(0,mf.isTransformable)(e)&&e.$$type===_f,supportsDynamic=e=>!!getDynamicPropType(e),usePropDynamicTags=()=>usePropDynamicTagsInternal(!0),useAllPropDynamicTags=()=>usePropDynamicTagsInternal(!1),usePropDynamicTagsInternal=e=>{let t=[],{propType:n}=(0,lf.useBoundProp)();n&&(t=getDynamicPropType(n)?.settings.categories||[]);let r=t.join();return(0,cf.useMemo)(()=>getDynamicTagsByCategories(t,e),[r,e])},getDynamicTagsByCategories=(e,t)=>{let{tags:n,groups:r}=getAtomicDynamicTags(t)||{};if(!e.length||!n||!r)return[];let i=new Set(e),a=[],o={};for(let e of Object.values(n))e.categories.some(e=>i.has(e))&&(o[e.group]||(o[e.group]=[]),o[e.group].push(e));for(let e in r)o[e]&&a.push(...o[e]);return a},useDynamicTag=e=>{let t=useAllPropDynamicTags();return(0,sf.useMemo)(()=>t.find(t=>t.name===e)??null,[t,e])},BackgroundControlDynamicTagIcon=()=>nf.createElement(of.DatabaseIcon,{fontSize:`tiny`}),BackgroundControlDynamicTagLabel=({value:e})=>{let t=(0,rf.useBoundProp)(af.backgroundImageOverlayPropTypeUtil);return nf.createElement(rf.PropProvider,{...t,value:e.value},nf.createElement(rf.PropKeyProvider,{bind:`image`},nf.createElement(Wrapper2,{rawValue:e.value})))},Wrapper2=({rawValue:e})=>{let{propType:t}=(0,rf.useBoundProp)(),n=t.prop_types[`background-image-overlay`];return nf.createElement(rf.PropProvider,{propType:n.shape.image,value:e,setValue:()=>void 0},nf.createElement(rf.PropKeyProvider,{bind:`src`},nf.createElement(Content,{rawValue:e.image})))},Content=({rawValue:e})=>{let t=e.value.src,n=useDynamicTag(t.value.name||``);return nf.createElement(nf.Fragment,null,n?.label)},q=__toESM(globalThis.React),yf=globalThis.elementorV2.editorControls,bf=globalThis.elementorV2.editorUi,xf=globalThis.elementorV2.icons,J=globalThis.elementorV2.ui,Sf=globalThis.wp.i18n,Cf=globalThis.elementorV2.session,usePersistDynamicValue=e=>{let{element:t}=useElement(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return(0,Cf.useSessionStorage)(n)},wf=__toESM(globalThis.React),Tf=globalThis.elementorV2.editorControls,Ef=__toESM(globalThis.React),Df=globalThis.React,Of=globalThis.elementorV2.editorProps,DynamicConditionalControl=({children:e,propType:t,propsSchema:n,dynamicSettings:r})=>{let i=(0,Df.useMemo)(()=>n?Object.entries(n).reduce((e,[t,n])=>(e[t]=n?.default??null,e),{}):{},[n]),a=(0,Df.useMemo)(()=>r?Object.entries(r).reduce((e,[t,n])=>(n&&typeof n==`object`&&`$$type`in n?e[t]=n:e[t]={$$type:`plain`,value:n},e),{}):{},[r]),o=(0,Df.useMemo)(()=>({...i,...a}),[i,a]);return t?.dependencies?.terms.length?(0,Of.isDependencyMet)(t?.dependencies,o).isMet?Ef.createElement(Ef.Fragment,null,e):null:Ef.createElement(Ef.Fragment,null,e)},DynamicControl=({bind:e,children:t})=>{let{value:n,setValue:r}=(0,Tf.useBoundProp)(vf),{name:i=``,group:a=``,settings:o}=n??{},s=useDynamicTag(i);if(!s)throw Error(`Dynamic tag ${i} not found`);let c=s.props_schema[e],l=c?.default,u=o?.[e]??l,setDynamicValue=e=>{r({name:i,group:a,settings:{...o,...e}})},d=createTopLevelObjectType({schema:s.props_schema});return wf.createElement(Tf.PropProvider,{propType:d,setValue:setDynamicValue,value:{[e]:u}},wf.createElement(Tf.PropKeyProvider,{bind:e},wf.createElement(DynamicConditionalControl,{propType:c,propsSchema:s.props_schema,dynamicSettings:o},t)))},Y=__toESM(globalThis.React),kf=globalThis.React,Af=globalThis.elementorV2.editorControls,jf=globalThis.elementorV2.editorUi,Mf=globalThis.elementorV2.icons,X=globalThis.elementorV2.ui,Nf=globalThis.wp.i18n,Pf=`tiny`,Ff=170,If=`https://go.elementor.com/go-pro-dynamic-tags-modal/`,Lf=`https://go.elementor.com/go-pro-dynamic-tags-renew-modal/`,DynamicSelection=({close:e,expired:t=!1})=>{let[n,r]=(0,kf.useState)(``),{groups:i}=getAtomicDynamicTags()||{},a=(0,X.useTheme)(),{value:o}=(0,Af.useBoundProp)(),{bind:s,value:c,setValue:l}=(0,Af.useBoundProp)(vf),[,u]=usePersistDynamicValue(s),d=!!c,f=useFilteredOptions(n),p=!f.length&&!n.trim();(0,kf.useEffect)(()=>{(p||t)&&(0,Af.trackViewPromotion)({target_name:`dynamic_tags`})},[p,t]);let handleSearch=e=>{r(e)},handleSetDynamicTag=t=>{d||u(o);let n=f.flatMap(([,e])=>e).find(e=>e.value===t);l({name:t,group:n?.group??``,settings:{label:n?.label}}),e()},m=f.flatMap(([e,t])=>[{type:`category`,value:e,label:i?.[e]?.title||e},...t.map(e=>({type:`item`,value:e.value,label:e.label}))]),getPopOverContent=()=>p?Y.createElement(NoDynamicTags,null):t?Y.createElement(ExpiredDynamicTags,null):Y.createElement(kf.Fragment,null,Y.createElement(jf.SearchField,{value:n,onSearch:handleSearch,placeholder:(0,Nf.__)(`Search dynamic tags…`,`elementor`)}),Y.createElement(X.Divider,null),Y.createElement(jf.PopoverMenuList,{items:m,onSelect:handleSetDynamicTag,onClose:e,selectedValue:c?.name,itemStyle:e=>e.type===`item`?{paddingInlineStart:a.spacing(3.5)}:{},noResultsComponent:Y.createElement(NoResults,{searchValue:n,onClear:()=>r(``)})}));return Y.createElement(jf.SectionPopoverBody,{"aria-label":(0,Nf.__)(`Dynamic tags`,`elementor`)},Y.createElement(jf.PopoverHeader,{title:(0,Nf.__)(`Dynamic tags`,`elementor`),onClose:e,icon:Y.createElement(Mf.DatabaseIcon,{fontSize:Pf})}),getPopOverContent())},NoResults=({searchValue:e,onClear:t})=>Y.createElement(X.Stack,{gap:1,alignItems:`center`,justifyContent:`center`,height:`100%`,p:2.5,color:`text.secondary`,sx:{pb:3.5}},Y.createElement(Mf.DatabaseIcon,{fontSize:`large`}),Y.createElement(X.Typography,{align:`center`,variant:`subtitle2`},(0,Nf.__)(`Sorry, nothing matched`,`elementor`),Y.createElement(`br`,null),`“`,e,`”.`),Y.createElement(X.Typography,{align:`center`,variant:`caption`,sx:{display:`flex`,flexDirection:`column`}},(0,Nf.__)(`Try something else.`,`elementor`),Y.createElement(X.Link,{color:`text.secondary`,variant:`caption`,component:`button`,onClick:t},(0,Nf.__)(`Clear & try again`,`elementor`)))),NoDynamicTags=()=>Y.createElement(Y.Fragment,null,Y.createElement(X.Divider,null),Y.createElement(X.Stack,{gap:1,alignItems:`center`,justifyContent:`center`,height:`100%`,p:2.5,color:`text.secondary`,sx:{pb:3.5}},Y.createElement(Mf.DatabaseIcon,{fontSize:`large`}),Y.createElement(X.Typography,{align:`center`,variant:`subtitle2`},(0,Nf.__)(`Streamline your workflow with dynamic tags`,`elementor`)),Y.createElement(X.Typography,{align:`center`,variant:`caption`,width:Ff},(0,Nf.__)(`Upgrade now to display your content dynamically.`,`elementor`)),Y.createElement(jf.CtaButton,{size:`small`,href:If,onClick:()=>(0,Af.trackUpgradePromotionClick)({target_name:`dynamic_tags`})}))),ExpiredDynamicTags=()=>Y.createElement(Y.Fragment,null,Y.createElement(X.Divider,null),Y.createElement(X.Stack,{gap:1,alignItems:`center`,justifyContent:`center`,height:`100%`,p:2.5,color:`text.secondary`,sx:{pb:3.5}},Y.createElement(Mf.DatabaseIcon,{fontSize:`large`}),Y.createElement(X.Typography,{align:`center`,variant:`subtitle2`},(0,Nf.__)(`Unlock your Dynamic tags again`,`elementor`)),Y.createElement(X.Typography,{align:`center`,variant:`caption`,width:Ff},(0,Nf.__)(`Dynamic tags need Elementor Pro. Renew now to keep them active.`,`elementor`)),Y.createElement(jf.CtaButton,{size:`small`,href:Lf,onClick:()=>(0,Af.trackUpgradePromotionClick)({target_name:`dynamic_tags`}),children:(0,Nf.__)(`Renew Now`,`elementor`)}))),useFilteredOptions=e=>[...usePropDynamicTags().reduce((t,{name:n,label:r,group:i})=>r.toLowerCase().includes(e.trim().toLowerCase())?(t.has(i)||t.set(i,[]),t.get(i)?.push({label:r,group:i,value:n}),t):t,new Map)],Rf=`tiny`,zf=[`popup`],DynamicSelectionControl=({OriginalControl:e,...t})=>{let{setValue:n,propType:r}=(0,yf.useBoundProp)(),{bind:i,value:a}=(0,yf.useBoundProp)(vf),{expired:o}=useLicenseConfig(),s=createTopLevelObjectType({schema:{[i]:r}}),[c]=usePersistDynamicValue(i),l=(0,J.usePopupState)({variant:`popover`}),{name:u=``}=a,d=useDynamicTag(u);if(!isDynamicTagSupported(u)&&e)return q.createElement(yf.PropProvider,{propType:s,value:{[i]:null},setValue:n},q.createElement(yf.PropKeyProvider,{bind:i},q.createElement(e,{...t})));let removeDynamicTag=()=>{n(c??null)};if(!d)throw Error(`Dynamic tag ${u} not found`);return q.createElement(J.Box,null,q.createElement(J.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:d.label,startIcon:q.createElement(xf.DatabaseIcon,{fontSize:Rf}),...(0,J.bindTrigger)(l),actions:q.createElement(q.Fragment,null,q.createElement(DynamicSettingsPopover,{dynamicTag:d,disabled:o}),q.createElement(J.IconButton,{size:Rf,onClick:removeDynamicTag,"aria-label":(0,Sf.__)(`Remove dynamic value`,`elementor`)},q.createElement(xf.XIcon,{fontSize:Rf})))}),q.createElement(J.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:`bottom`,horizontal:`right`},transformOrigin:{vertical:`top`,horizontal:`right`},PaperProps:{sx:{my:1}},...(0,J.bindPopover)(l)},q.createElement(bf.SectionPopoverBody,{"aria-label":(0,Sf.__)(`Dynamic tags`,`elementor`)},q.createElement(DynamicSelection,{close:l.close,expired:o}))))},DynamicSettingsPopover=({dynamicTag:e,disabled:t=!1})=>{let n=(0,J.usePopupState)({variant:`popover`});return e.atomic_controls.length?q.createElement(q.Fragment,null,q.createElement(J.IconButton,{size:Rf,disabled:t,...!t&&(0,J.bindTrigger)(n),"aria-label":(0,Sf.__)(`Dynamic settings`,`elementor`)},q.createElement(xf.SettingsIcon,{fontSize:Rf})),q.createElement(J.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:`bottom`,horizontal:`right`},transformOrigin:{vertical:`top`,horizontal:`right`},PaperProps:{sx:{my:1}},...(0,J.bindPopover)(n)},q.createElement(bf.SectionPopoverBody,{"aria-label":(0,Sf.__)(`Dynamic settings`,`elementor`)},q.createElement(bf.PopoverHeader,{title:e.label,onClose:n.close,icon:q.createElement(xf.DatabaseIcon,{fontSize:Rf})}),q.createElement(DynamicSettings,{controls:e.atomic_controls,tagName:e.name})))):null},DynamicSettings=({controls:e,tagName:t})=>{let n=e.filter(({type:e})=>e===`section`),{getTabsProps:r,getTabProps:i,getTabPanelProps:a}=(0,J.useTabs)(0);if(!n.length)return null;if(zf.includes(t)){let e=n[0];return q.createElement(q.Fragment,null,q.createElement(J.Divider,null),q.createElement(ControlsItemsStack,{items:e.value.items}))}return q.createElement(q.Fragment,null,n.length>1&&q.createElement(J.Tabs,{size:`small`,variant:`fullWidth`,...r()},n.map(({value:e},t)=>q.createElement(J.Tab,{key:t,label:e.label,sx:{px:1,py:.5},...i(t)}))),q.createElement(J.Divider,null),n.map(({value:e},t)=>q.createElement(J.TabPanel,{key:t,sx:{flexGrow:1,py:0,overflowY:`auto`},...a(t)},q.createElement(ControlsItemsStack,{items:e.items}))))},Bf={separator:`two-columns`,action:`full`,off_canvas:`full`,type:`two-columns`},Vf={select:`full`},getLayout=e=>Vf[e.type]||(Bf[e.bind]??E.getLayout(e.type)),Control2=({control:e})=>{if(!E.get(e.type))return null;let t=getLayout(e),n={...e.type===`select`?{...e.props,MenuProps:{...e.props?.MenuProps??{},disablePortal:!0}}:{...e.props},ariaLabel:e.label},r=e.type===`switch`,i=t===`two-columns`?{display:`grid`,gridTemplateColumns:r?`minmax(0, 1fr) max-content`:`1fr 1fr`}:{};return q.createElement(DynamicControl,{bind:e.bind},q.createElement(J.Grid,{container:!0,gap:.75,sx:i},e.label?q.createElement(J.Grid,{item:!0,xs:12},q.createElement(yf.ControlFormLabel,null,e.label)):null,q.createElement(J.Grid,{item:!0,xs:12},q.createElement(Control,{type:e.type,props:n}))))};function ControlsItemsStack({items:e}){return q.createElement(J.Stack,{p:2,gap:2,sx:{overflowY:`auto`}},e.map(e=>e.type===`control`?q.createElement(Control2,{key:e.value.bind,control:e.value}):null))}var Hf=globalThis.elementorV2.editorCanvas,Uf=globalThis.elementorV2.editorProps,Wf=(0,globalThis.elementorV2.utils.createError)({code:`dynamic_tags_manager_not_found`,message:`Dynamic tags manager not found`}),Gf=(0,Hf.createTransformer)((e,{propType:t,renderContext:n})=>{if(!e?.name||!isDynamicTagSupported(e.name))return t?.default??null;let r=n?.currentPostId;return getDynamicValue(e.name,simpleTransform(e?.settings??{}),r)});function simpleTransform(e){let t=Object.entries(e).map(([e,t])=>[e,(0,Uf.isTransformable)(t)?t.value:t]);return Object.fromEntries(t)}function getDynamicValue(e,t,n){let{dynamicTags:r}=window.elementor??{};if(!r)throw new Wf;let getTagValue=()=>{let i=r.createTag(`v4-dynamic-tag`,e,t);return i?(n&&(i.editorRenderPostId=n),r.loadTagDataFromCache(i)??null):null},i=getTagValue();return i===null?new Promise(e=>{r.refreshCacheFromServer(()=>{e(getTagValue())})}):i}var Kf=__toESM(globalThis.React),qf=globalThis.elementorV2.editorControls,Jf=globalThis.elementorV2.icons,Yf=globalThis.wp.i18n,usePropDynamicAction=()=>{let{propType:e}=(0,qf.useBoundProp)();return{visible:!!e&&supportsDynamic(e),icon:Jf.DatabaseIcon,title:(0,Yf.__)(`Dynamic tags`,`elementor`),content:({close:e})=>Kf.createElement(DynamicSelection,{close:e})}},{registerPopoverAction:Xf}=tf.controlActionsMenu,init2=()=>{(0,ef.registerControlReplacement)({component:DynamicSelectionControl,condition:({value:e})=>isDynamicPropValue(e)}),(0,ef.injectIntoRepeaterItemLabel)({id:`dynamic-background-image`,condition:({value:e})=>isDynamicPropValue(e.value?.image?.value?.src),component:BackgroundControlDynamicTagLabel}),(0,ef.injectIntoRepeaterItemIcon)({id:`dynamic-background-image`,condition:({value:e})=>isDynamicPropValue(e.value?.image?.value?.src),component:BackgroundControlDynamicTagIcon}),Xf({id:`dynamic-tags`,priority:20,useProps:usePropDynamicAction}),$d.styleTransformersRegistry.register(`dynamic`,Gf),$d.settingsTransformersRegistry.register(`dynamic`,Gf)},Zf=globalThis.elementorV2.editorControls,Qf=globalThis.elementorV2.editorVariables,$f=globalThis.elementorV2.icons,ep=globalThis.elementorV2.menus,tp=globalThis.wp.i18n;function isEqual(e,t){if(e===t)return!0;if(e===null||t===null||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(!isEqual(e[n],t[n]))return!1;return!0}if(typeof e==`object`&&typeof t==`object`){let n=e,r=t,i=Object.keys(n),a=Object.keys(r);if(i.length!==a.length)return!1;for(let e of i)if(!(e in r)||!isEqual(n[e],r[e]))return!1;return!0}return!1}var{registerAction:np}=ep.controlActionsMenu;function initResetStyleProps(){np({id:`reset-style-value`,priority:10,useProps:useResetStyleValueProps})}function useResetStyleValueProps(){let e=useIsStyle(),{value:t,resetValue:n,propType:r}=(0,Zf.useBoundProp)(),i=t!=null,a=r.initial_value!==void 0&&r.initial_value!==null,o=!!r.settings?.required,s=!!r.settings?.hide_reset,c=t,l=c?.$$type?.includes(`variable`),u=l&&(0,Qf.hasVariable)(c?.value);function calculateVisibility(){return!e||!i||s||l&&!u?!1:a?!isEqual(t,r.initial_value):!o}return{visible:calculateVisibility(),title:(0,tp.__)(`Clear`,`elementor`),icon:$f.BrushBigIcon,onClick:()=>n()}}var rp=__toESM(globalThis.React),ip=globalThis.elementorV2.editorControls,ap=globalThis.elementorV2.editorProps,op=globalThis.elementorV2.editorStylesRepository,sp=globalThis.wp.i18n,Z=__toESM(globalThis.React),cp=globalThis.React,lp=globalThis.elementorV2.editorCanvas,up=globalThis.elementorV2.editorUi,Q=globalThis.elementorV2.ui,dp=globalThis.wp.i18n,fp=globalThis.React,pp=globalThis.elementorV2.editorCanvas,mp=globalThis.elementorV2.editorStyles,hp=globalThis.elementorV2.editorStylesRepository,gp=globalThis.wp.i18n,_p=2,useNormalizedInheritanceChainItems=(e,t,n)=>{let[r,i]=(0,fp.useState)([]);return(0,fp.useEffect)(()=>{(async()=>{let r=(await Promise.all(e.filter(({style:e})=>e).map((e,r)=>normalizeInheritanceItem(e,r,t,n)))).map(e=>({...e,displayLabel:hp.ELEMENTS_BASE_STYLES_PROVIDER_KEY===e.provider?(0,gp.__)(`Base`,`elementor`):e.displayLabel})).filter(e=>!e.value||e.displayLabel!==``).slice(0,_p);i(r)})()},[e,t,n]),r},vp=`desktop`,normalizeInheritanceItem=async(e,t,n,r)=>{let{variant:{meta:{state:i,breakpoint:a}},style:{label:o,id:s}}=e,c=getDisplayLabel({label:o,state:i});return{id:s?s+(i??``):t,provider:e.provider||``,breakpoint:a??vp,displayLabel:c,value:await getTransformedValue(e,n,r)}};function getDisplayLabel({label:e,state:t}){if(!t)return e;if((0,mp.isClassState)(t))return`${e}.${t}`;if((0,mp.isPseudoState)(t))return`${e}:${t}`;throw new pp.UnknownStyleStateError({context:{state:t}})}var getTransformedValue=async(e,t,n)=>{try{let r=await n({props:{[t]:e.value}}),i=r?.[t]??r;return(0,fp.isValidElement)(i)?i:typeof i==`object`?JSON.stringify(i):String(i)}catch{return``}},yp=__toESM(globalThis.React),bp=globalThis.elementorV2.editorResponsive,xp=globalThis.elementorV2.icons,Sp=globalThis.elementorV2.ui,Cp=`tiny`,wp=`desktop`,Tp={widescreen:xp.WidescreenIcon,desktop:xp.DesktopIcon,laptop:xp.LaptopIcon,tablet_extra:xp.TabletLandscapeIcon,tablet:xp.TabletPortraitIcon,mobile_extra:xp.MobileLandscapeIcon,mobile:xp.MobilePortraitIcon},BreakpointIcon=({breakpoint:e})=>{let t=(0,bp.useBreakpoints)(),n=e||wp,r=Tp[n];if(!r)return null;let i=t.find(e=>e.id===n)?.label;return yp.createElement(Sp.Tooltip,{title:i,placement:`top`},yp.createElement(r,{fontSize:Cp,sx:{mt:`2px`}}))},Ep=__toESM(globalThis.React),Dp=globalThis.elementorV2.editorStylesRepository,Op=globalThis.elementorV2.icons,kp=globalThis.elementorV2.ui,Ap=globalThis.wp.i18n,jp=`tiny`,LabelChip=({displayLabel:e,provider:t})=>{let n=t===Dp.ELEMENTS_BASE_STYLES_PROVIDER_KEY?Ep.createElement(kp.Tooltip,{title:(0,Ap.__)(`Inherited from base styles`,`elementor`),placement:`top`},Ep.createElement(Op.InfoCircleIcon,{fontSize:jp})):void 0;return Ep.createElement(kp.Chip,{label:e,size:jp,color:getStylesProviderColorName(t),variant:`standard`,state:`enabled`,icon:n,sx:e=>({lineHeight:1,flexWrap:`nowrap`,alignItems:`center`,borderRadius:`${e.shape.borderRadius*.75}px`,flexDirection:`row-reverse`,".MuiChip-label":{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}})})},Mp=__toESM(globalThis.React),Np=globalThis.elementorV2.ui,ValueComponent=({index:e,value:t})=>Mp.createElement(Np.Tooltip,{title:t,placement:`top`},Mp.createElement(Np.Typography,{variant:`caption`,color:`text.tertiary`,sx:{mt:`1px`,textDecoration:e===0?`none`:`line-through`,overflow:`hidden`,display:`-webkit-box`,WebkitLineClamp:1,WebkitBoxOrient:`vertical`,pl:2.5,minWidth:0,maxWidth:`100%`}},t)),Pp=__toESM(globalThis.React),Fp=globalThis.elementorV2.ui,ActionIcons=()=>Pp.createElement(Fp.Box,{display:`flex`,gap:.5,alignItems:`center`}),Ip=32,Lp=496,StylesInheritanceInfotip=({inheritanceChain:e,propType:t,path:n,label:r,children:i,isDisabled:a})=>{let[o,s]=(0,cp.useState)(!1),c=(0,cp.useRef)(null),toggleInfotip=()=>{a||s(e=>!e)},closeInfotip=()=>{a||s(!1)},l=n.join(`.`),u=(0,up.useSectionWidth)(),d=useNormalizedInheritanceChainItems(e,l,(0,cp.useMemo)(()=>(0,lp.createPropsResolver)({transformers:lp.stylesInheritanceTransformersRegistry,schema:{[l]:t}}),[l,t])),f=Z.createElement(Q.ClickAwayListener,{onClickAway:closeInfotip},Z.createElement(Q.Card,{elevation:0,sx:{width:`${u-Ip}px`,maxWidth:Lp,maxHeight:268,overflowX:`hidden`,display:`flex`,flexDirection:`column`}},Z.createElement(Q.Box,{sx:{position:`sticky`,top:0,zIndex:1,backgroundColor:`background.paper`}},Z.createElement(up.PopoverHeader,{title:(0,dp.__)(`Style origin`,`elementor`),onClose:closeInfotip})),Z.createElement(Q.CardContent,{sx:{display:`flex`,flexDirection:`column`,p:0,flex:1,overflow:`auto`,"&:last-child":{pb:0}}},Z.createElement(Q.Stack,{gap:1.5,sx:{pl:2,pr:1,pt:1.5,pb:1.5},role:`list`},d.map((e,t)=>Z.createElement(Q.Box,{key:e.id,display:`flex`,gap:.5,role:`listitem`,"aria-label":(0,dp.__)(`Inheritance item: %s`,`elementor`).replace(`%s`,e.displayLabel)},Z.createElement(Q.Box,{display:`flex`,gap:.5,sx:{flexWrap:`wrap`,width:`100%`,alignItems:`flex-start`}},Z.createElement(BreakpointIcon,{breakpoint:e.breakpoint}),Z.createElement(LabelChip,{displayLabel:e.displayLabel,provider:e.provider}),Z.createElement(ValueComponent,{index:t,value:e.value})),Z.createElement(ActionIcons,null)))))));return a?Z.createElement(Q.Box,{sx:{display:`inline-flex`}},i):Z.createElement(Q.Box,{ref:c,sx:{display:`inline-flex`}},Z.createElement(TooltipOrInfotip,{showInfotip:o,onClose:closeInfotip,infotipContent:f,isDisabled:a},Z.createElement(Q.IconButton,{onClick:toggleInfotip,"aria-label":r,sx:{my:`-1px`},disabled:a},i)))};function TooltipOrInfotip({children:e,showInfotip:t,onClose:n,infotipContent:r,isDisabled:i}){return i?Z.createElement(Q.Box,{sx:{display:`inline-flex`}},e):t?Z.createElement(Z.Fragment,null,Z.createElement(Q.Backdrop,{open:t,onClick:n,sx:{backgroundColor:`transparent`,zIndex:e=>e.zIndex.modal-1}}),Z.createElement(Q.Infotip,{placement:`top-end`,content:r,open:t,onClose:n,disableHoverListener:!0},e)):Z.createElement(Q.Tooltip,{title:(0,dp.__)(`Style origin`,`elementor`),placement:`top`},e)}var StylesInheritanceIndicator=({customContext:e})=>{let t=(0,ip.useBoundProp)(),{path:n,propType:r}=e||t,i=useStylesInheritanceChain(n);return!n||!i.length?null:rp.createElement(Indicator,{inheritanceChain:i,path:n,propType:r})},Indicator=({inheritanceChain:e,path:t,propType:n,isDisabled:r})=>{let{id:i,provider:a,meta:o}=useStyle(),s=i?getValueFromInheritanceChain(e,i,o):null,c=!(0,ap.isEmpty)(s?.value),[l]=e;if(l.provider===op.ELEMENTS_BASE_STYLES_PROVIDER_KEY)return null;let u=s===l,d=getLabel({isFinalValue:u,hasValue:c}),f={getColor:u&&a?getStylesProviderThemeColor(a.getKey()):void 0,isOverridden:c&&!u?!0:void 0};return rp.createElement(StylesInheritanceInfotip,{inheritanceChain:e,path:t,propType:n,label:d,isDisabled:r},rp.createElement(st,{...f}))},getLabel=({isFinalValue:e,hasValue:t})=>e?(0,sp.__)(`This is the final value`,`elementor`):t?(0,sp.__)(`This value is overridden by another style`,`elementor`):(0,sp.__)(`This has value from another style`,`elementor`),$=globalThis.elementorV2.editorCanvas,Rp=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`]),zp=__toESM(globalThis.React),Bp=(0,globalThis.elementorV2.editorCanvas.createTransformer)(e=>!e||e.length===0?null:e.every(e=>typeof e==`string`||typeof e==`number`)?e.join(` `):zp.createElement(zp.Fragment,null,e.map((e,t)=>zp.createElement(zp.Fragment,{key:t},t>0&&` `,e)))),Vp=__toESM(globalThis.React),Hp=globalThis.elementorV2.editorCanvas,Up=globalThis.elementorV2.ui,Wp=(0,Hp.createTransformer)(e=>Vp.createElement(Up.Stack,{direction:`row`,gap:1,alignItems:`center`},Vp.createElement(ItemLabelColor,{value:e}))),ItemLabelColor=({value:{color:e}})=>Vp.createElement(`span`,null,e),Gp=(0,Up.styled)(Up.UnstableColorIndicator)(({theme:e})=>({width:`1em`,height:`1em`,borderRadius:`${e.shape.borderRadius/2}px`,outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})),Kp=__toESM(globalThis.React),qp=globalThis.elementorV2.editorCanvas,Jp=globalThis.elementorV2.ui,Yp=globalThis.wp.i18n,Xp=(0,qp.createTransformer)(e=>Kp.createElement(Jp.Stack,{direction:`row`,gap:1,alignItems:`center`},Kp.createElement(ItemIconGradient,{value:e}),Kp.createElement(ItemLabelGradient,{value:e}))),ItemIconGradient=({value:e})=>{let t=getGradientValue(e);return Kp.createElement(Gp,{size:`inherit`,component:`span`,value:t})},ItemLabelGradient=({value:e})=>e.type===`linear`?Kp.createElement(`span`,null,(0,Yp.__)(`Linear gradient`,`elementor`)):Kp.createElement(`span`,null,(0,Yp.__)(`Radial gradient`,`elementor`)),getGradientValue=e=>{let t=e.stops?.map(({color:e,offset:t})=>`${e} ${t??0}%`)?.join(`,`);return e.type===`linear`?`linear-gradient(${e.angle}deg, ${t})`:`radial-gradient(circle at ${e.positions}, ${t})`},Zp=__toESM(globalThis.React),Qp=globalThis.elementorV2.editorCanvas,$p=globalThis.elementorV2.editorUi,em=globalThis.elementorV2.ui,tm=globalThis.elementorV2.wpMedia,nm=(0,Qp.createTransformer)(e=>Zp.createElement(em.Stack,{direction:`row`,gap:1,alignItems:`center`},Zp.createElement(ItemIconImage,{value:e}),Zp.createElement(ItemLabelImage,{value:e}))),ItemIconImage=({value:e})=>{let{imageUrl:t}=useImage(e);return Zp.createElement(em.CardMedia,{image:t,sx:e=>({height:`1em`,width:`1em`,borderRadius:`${e.shape.borderRadius/2}px`,outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})})},ItemLabelImage=({value:e})=>{let{imageTitle:t}=useImage(e);return Zp.createElement($p.EllipsisWithTooltip,{title:t},Zp.createElement(`span`,null,t))},useImage=e=>{let t,n=null,r=e?.image.src,{data:i}=(0,tm.useWpMediaAttachment)(r.id||null);if(r.id){let e=getFileExtensionFromFilename(i?.filename);t=`${i?.title}${e}`||null,n=i?.url||null}else r.url&&(n=r.url,t=n?.substring(n.lastIndexOf(`/`)+1)||null);return{imageTitle:t,imageUrl:n}},getFileExtensionFromFilename=e=>e?`.${e.substring(e.lastIndexOf(`.`)+1)}`:``,rm=__toESM(globalThis.React),im=(0,globalThis.elementorV2.editorCanvas.createTransformer)(e=>{if(!e)return null;let{color:t,hOffset:n,vOffset:r,blur:i,spread:a,position:o}=e,s=t||`#000000`,c=[n||`0px`,r||`0px`,i||`10px`,a||`0px`].join(` `),l=o||`outset`;return rm.createElement(rm.Fragment,null,s,` `,l,`, `,c)}),am=__toESM(globalThis.React),om=globalThis.elementorV2.editorCanvas,sm=globalThis.elementorV2.ui;function isValidCSSColor(e){return e.trim()?CSS.supports(`color`,e.trim()):!1}var cm=(0,sm.styled)(sm.UnstableColorIndicator)(({theme:e})=>({width:`1em`,height:`1em`,borderRadius:`${e.shape.borderRadius/2}px`,outline:`1px solid ${e.palette.action.disabled}`,flexShrink:0})),lm=(0,om.createTransformer)(e=>isValidCSSColor(e)?am.createElement(sm.Stack,{direction:`row`,gap:1,alignItems:`center`},am.createElement(cm,{size:`inherit`,component:`span`,value:e}),am.createElement(`span`,null,e)):e),um=globalThis.elementorV2.editorCanvas,createRepeaterToItemsTransformer=e=>(0,um.createTransformer)((t,n)=>e(t,n));function initStylesInheritanceTransformers(){let e=$.styleTransformersRegistry.all();Object.entries(e).forEach(([e,t])=>{Rp.has(e)||$.stylesInheritanceTransformersRegistry.register(e,t)}),$.stylesInheritanceTransformersRegistry.registerFallback((0,$.createTransformer)(e=>e)),registerCustomTransformers(e)}function registerCustomTransformers(e){$.stylesInheritanceTransformersRegistry.register(`color`,lm),$.stylesInheritanceTransformersRegistry.register(`background-color-overlay`,Wp),$.stylesInheritanceTransformersRegistry.register(`background-gradient-overlay`,Xp),$.stylesInheritanceTransformersRegistry.register(`background-image-overlay`,nm),$.stylesInheritanceTransformersRegistry.register(`shadow`,im),$.stylesInheritanceTransformersRegistry.register(`filter`,createRepeaterToItemsTransformer(e.filter)),$.stylesInheritanceTransformersRegistry.register(`backdrop-filter`,createRepeaterToItemsTransformer(e[`backdrop-filter`])),$.stylesInheritanceTransformersRegistry.register(`transition`,createRepeaterToItemsTransformer(e.transition)),[`background-overlay`,`box-shadow`,`transform-functions`].forEach(e=>$.stylesInheritanceTransformersRegistry.register(e,Bp))}var init3=()=>{initStylesInheritanceTransformers(),registerFieldIndicator({fieldType:mr.STYLES,id:`styles-inheritance`,priority:1,indicator:StylesInheritanceIndicator})};function init4(){(0,Ru.registerPanel)(Hu),blockV1Panel(),(0,Lu.injectIntoLogic)({id:`editing-panel-hooks`,component:EditingPanelHooks}),init2(),init3(),registerElementControls(),initResetStyleProps(),init()}var blockV1Panel=()=>{(0,zu.blockCommand)({command:`panel/editor/open`,condition:isAtomicWidgetSelected})};0&&(t.exports={BaseControl,ClassesPropProvider,ControlLabel,ControlTypeContainer,CreatableAutocomplete:ne,CustomCssIndicator,DEFAULT_PSEUDO_STATES:lt,EditingPanelTabs,ElementProvider,FIELD_TYPE:mr,HISTORY_DEBOUNCE_WAIT:sn,PseudoStateMenuItems,STYLE_SECTIONS:Cu,STYLE_SECTION_NAMES:wu,SectionContent,SectionsList,SettingsControl,SettingsField,StyleIndicator:st,StyleInheritanceProvider,StyleProvider,StyleSections,StyleTabSection,StyleTabSlot:Du,StylesProviderCannotUpdatePropsError:Ee,controlsRegistry:E,createTopLevelObjectType,doApplyClasses,doGetAppliedClasses,doUnapplyClass,extractDependencyEffect,extractOrderedDependencies,getElementSettingsWithDefaults,getFieldIndicators,getSubtitle,getTitle,getUpdatedValues,init,injectIntoClassSelectorActions:Bt,injectIntoCssClassConvert:je,injectIntoGridFields:Qs,injectIntoPanelHeaderTop:ju,injectIntoStyleTab:Ou,isDynamicPropValue,registerEditingPanelReplacement,registerElementPanelDefaults,registerFieldIndicator,registerStyleProviderToColors,setLicenseConfig,useClassesProp,useCustomCss,useElement,usePanelActions:Uu,usePanelStatus:Wu,usePseudoStates,useStateByElement,useStyle,useStylesRerender})}))());(window.elementorV2=window.elementorV2||{}).editorEditingPanel=o})(),window.elementorV2.editorEditingPanel?.init?.();