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