📁 Captain File Manager

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! $$$$$$$$$$$$$$$$$$$$$!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 📁 Captain File Manager

🏠 Root / home / rotiku / public_html / wp-content / plugins / elementor / assets / js / packages / editor-editing-panel /

✏️ Editing: editor-editing-panel.min.js

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