FileMaster

Edit File: editor-editing-panel.min.js

!function(){"use strict";var e={d:function(t,n){for(var l in n)e.o(n,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:n[l]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{CustomCss:function(){return Me},PopoverBody:function(){return Pe},SectionContent:function(){return ke},controlActionsMenu:function(){return He},controlsRegistry:function(){return ot},init:function(){return Wa},injectIntoClassSelectorActions:function(){return he},injectIntoCssClassConvert:function(){return I},registerControlReplacement:function(){return Fe},registerStyleProviderToColors:function(){return B},stylesInheritanceTransformersRegistry:function(){return Wt},useBoundProp:function(){return n.useBoundProp},useCustomCss:function(){return Be},useFontFamilies:function(){return Ae},usePanelActions:function(){return Go},usePanelStatus:function(){return Wo},useSectionWidth:function(){return Te}});var n=window.elementorV2.editorControls,l=window.React,r=window.elementorV2.editorElements,o=window.elementorV2.editorProps,a=window.elementorV2.locations,i=window.elementorV2.session;const s=(0,l.createContext)(null);function c({children:e,prop:t}){return l.createElement(s.Provider,{value:{prop:t}},e)}function u(){const e=(0,l.useContext)(s);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}const m=(0,l.createContext)(null);function p({children:e,element:t,elementType:n}){return l.createElement(m.Provider,{value:{element:t,elementType:n}},e)}function d(){const e=(0,l.useContext)(m);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}var f=window.elementorV2.editorStylesRepository,E=window.elementorV2.utils;const y=(0,E.createError)({code:"control_type_not_found",message:"Control type not found."}),b=(0,E.createError)({code:"control_type_already_registered",message:"Control type is already registered."}),g=(0,E.createError)({code:"control_type_not_registered",message:"Control type is not registered."}),v=(0,E.createError)({code:"provider_not_found",message:"Styles provider not found."}),h=(0,E.createError)({code:"provider_cannot_update_props",message:"Styles provider doesn't support updating props."}),_=(0,E.createError)({code:"style_not_found_under_provider",message:"Style not found under the provider."}),w=(0,l.createContext)(null);function S({children:e,...t}){const n=null===t.id?null:x(t.id),{userCan:r}=(0,f.useUserStylesCapability)();if(t.id&&!n)throw new v({context:{styleId:t.id}});const o=r(n?.getKey()??"").updateProps;return l.createElement(w.Provider,{value:{...t,provider:n,canEdit:o}},e)}function C(){const e=(0,l.useContext)(w);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}function x(e){return f.stylesRepository.getProviders().find(t=>t.actions.all().find(t=>t.id===e))??null}const{Slot:T,inject:I}=(0,a.createLocation)(),P=e=>{const{element:t}=d(),n=t.id,r=u(),{setId:o}=C(),[,a]=(0,i.useSessionStorage)("last-converted-class-generated-name","app");return l.createElement(T,{canConvert:!!e.canConvert,styleDef:e.styleDef,successCallback:t=>{if(!e.styleDef)throw new Error("Style definition is required for converting local class to global class.");k({newId:t,elementId:n,classesProp:r,styleDef:e.styleDef}),a(t),o(t),e.closeMenu()}})},k=e=>{const{newId:t,elementId:n,classesProp:l}=e;(0,r.deleteElementStyle)(n,e.styleDef.id);const a=(0,r.getElementSetting)(n,l)||{value:[]};(0,r.updateElementSettings)({id:n,props:{[l]:o.classesPropTypeUtil.create([t,...a.value])},withHistory:!1})};var z=window.elementorV2.editorUi,D=window.elementorV2.icons,R=window.elementorV2.ui,O=window.wp.i18n;const L={name:"default",getThemeColor:null},N=new Map,B=(e,t)=>{N.set(e,t)},V=e=>N.get(e)??L,M=e=>e&&e!==f.ELEMENTS_BASE_STYLES_PROVIDER_KEY?(0,f.isElementsStylesProvider)(e)?"accent":V(e).name:"default",j=e=>e&&e!==f.ELEMENTS_BASE_STYLES_PROVIDER_KEY?(0,f.isElementsStylesProvider)(e)?e=>e.palette.accent.main:V(e).getThemeColor:null;function A(e){return(0,f.isElementsStylesProvider)(e)?e=>e.palette.primary.main:j(e)}function F(e){const{_group:t,_action:n,...l}=e;return l}function U(){return U=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},U.apply(null,arguments)}const $=l.forwardRef(G);function G({selected:e,options:t,entityName:n,onSelect:r,placeholder:o,onCreate:a,validate:i,renderEmptyState:s,...c},u){const{inputValue:m,setInputValue:p,error:d,setError:f,inputHandlers:E}=function(e){const[t,n]=(0,l.useState)(""),[r,o]=(0,l.useState)(null);return{inputValue:t,setInputValue:n,error:r,setError:o,inputHandlers:{onChange:t=>{const{value:l}=t.target;if(n(l),!e)return;if(!l)return void o(null);const{isValid:r,errorMessage:a}=e(l,"inputChange");o(r?null:a)},onBlur:()=>{n(""),o(null)}}}}(i),{open:y,openDropdown:b,closeDropdown:g}=function(e=!1){const[t,n]=(0,l.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:r,setError:o,closeDropdown:a}=e,[i,s]=(0,l.useState)(!1);return t?{createOption:async e=>{if(s(!0),n){const{isValid:t,errorMessage:l}=n(e,"create");if(!t)return o(l),void s(!1)}try{r(""),a(),await t(e)}catch{}finally{s(!1)}},loading:i}:{createOption:null,loading:!1}}({onCreate:a,validate:i,setInputValue:p,setError:f,closeDropdown:g}),[_,w]=(0,l.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:l,setInputValue:r,closeDropdown:o}=e;if(n||l)return async(e,n,i,s)=>{const c=s?.option;if(!c||"object"==typeof c&&c.fixed)return;const u=n.filter(e=>"string"!=typeof e);switch(i){case"removeOption":a(u,"removeOption",c);break;case"selectOption":{const e=c;if("create"===e._action){const t=e.value;return l?.(t)}a(u,"selectOption",e);break}case"createOption":{const e=c,n=t.find(t=>t.label.toLocaleLowerCase()===e.toLocaleLowerCase());if(!n)return l?.(e);u.push(n),a(u,"selectOption",n);break}}r(""),o()};function a(e,t,l){n?.(e.map(e=>F(e)),t,F(l))}}({options:_,onSelect:r,createOption:v,setInputValue:p,closeDropdown:g}),C=function(e){const{options:t,selected:n,onCreate:l,entityName:r}=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(l)&&""!==a.inputValue&&!i.includes(a.inputValue)&&!c&&s.unshift({label:`Create "${a.inputValue}"`,value:a.inputValue,_group:`Create a new ${r?.singular??"option"}`,key:`create-${a.inputValue}`,_action:"create"}),s}}({options:t,selected:e,onCreate:a,entityName:n}),x=Boolean(a)||m.length<2||void 0;return l.createElement(R.Autocomplete,U({renderTags:(e,t)=>e.map((e,n)=>l.createElement(R.Chip,U({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:y,onOpen:b,onClose:g,disableCloseOnSelect:!0,value:w,options:_,ListboxComponent:d?l.forwardRef((e,t)=>l.createElement(K,{ref:t,error:d})):void 0,renderGroup:e=>l.createElement(W,e),inputValue:m,renderInput:e=>l.createElement(R.TextField,U({},e,{error:Boolean(d),placeholder:o},E,{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:r}=t;return l.createElement("li",U({},e,{style:{display:"block",textOverflow:"ellipsis"},"data-group":n}),r)},noOptionsText:s?.({searchValue:m,onClear:()=>{p(""),g()}}),isOptionEqualToValue:(e,t)=>"string"==typeof e?e===t:e.value===t.value}))}const W=e=>{const t=`combobox-group-${(0,l.useId)().replace(/:/g,"_")}`;return l.createElement(H,{role:"group","aria-labelledby":t},l.createElement(J,{id:t}," ",e.group),l.createElement(Y,{role:"listbox"},e.children))},K=l.forwardRef(({error:e="error"},t)=>l.createElement(R.Box,{ref:t,sx:e=>({padding:e.spacing(2)})},l.createElement(R.Typography,{variant:"caption",sx:{color:"error.main",display:"inline-block"}},e))),H=(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})),Y=(0,R.styled)("ul")`
	padding: 0;
`,q=(0,l.createContext)(null),X=()=>{const e=(0,l.useContext)(q);if(!e)throw new Error("useCssClass must be used within a CssClassProvider");return e};function Z({children:e,...t}){return l.createElement(q.Provider,{value:t},e)}const Q=(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 l=n?.(e);return l??e.palette.text.disabled}};
`,ee=e=>{const{canConvert:t,styleDef:n}=(()=>{const{element:e}=d(),{provider:t,id:n,meta:l}=C(),r=t?.actions.get(n,{elementId:e.id,...l}),o=t&&(0,f.isElementsStylesProvider)(t?.getKey());return{canConvert:!(!o||!(r?.variants||[]).length),isLocalStylesProvider:o,id:n,styleDef:r||null}})();return l.createElement(l.Fragment,null,l.createElement(R.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,O.__)("Local Class","elementor")),l.createElement(P,{canConvert:t,styleDef:n,closeMenu:e.popupState.close}))};var te=window.elementorV2.editorDocuments,ne=window.elementorV2.editorV1Adapters;function le(){const{id:e,setId:t}=C(),{element:n}=d(),o=re(),a=oe();return(0,l.useMemo)(()=>(0,ne.undoable)({do:({classId:t})=>{const n=e;return a(t),n},undo:({classId:e},n)=>{o(e),t(n)}},{title:(0,r.getElementLabel)(n.id),subtitle:({classLabel:e})=>(0,O.__)("class %s removed","elementor").replace("%s",e)}),[e,o,n.id,a,t])}function re(){const{element:e}=d(),{setId:t}=C(),{setClasses:n,getAppliedClasses:r}=ae();return(0,l.useCallback)(l=>{const o=r();if(o.includes(l))throw new Error(`Class ${l} is already applied to element ${e.id}, cannot re-apply.`);const a=[...o,l];n(a),t(l)},[e.id,r,t,n])}function oe(){const{element:e}=d(),{id:t,setId:n}=C(),{setClasses:r,getAppliedClasses:o}=ae();return(0,l.useCallback)(l=>{const a=o();if(!a.includes(l))throw new Error(`Class ${l} is not applied to element ${e.id}, cannot unapply it.`);const i=a.filter(e=>e!==l);r(i),t===l&&n(i[0]??null)},[t,e.id,o,n,r])}function ae(){const{element:e}=d(),t=u();return(0,l.useMemo)(()=>({setClasses:n=>{(0,r.updateElementSettings)({id:e.id,props:{[t]:o.classesPropTypeUtil.create(n)},withHistory:!1}),(0,te.setDocumentModifiedStatus)(!0)},getAppliedClasses:()=>(0,r.getElementSetting)(e.id,t)?.value||[]}),[t,e.id])}function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},ie.apply(null,arguments)}const se=[{key:"normal",value:null},{key:"hover",value:"hover"},{key:"focus",value:"focus"},{key:"active",value:"active"}];function ce({popupState:e,anchorEl:t,fixed:n}){const{provider:r}=X(),o=!r||(0,f.isElementsStylesProvider)(r);return l.createElement(R.Menu,ie({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&&l.createElement(ee,{popupState:e}),function({provider:e,closeMenu:t,fixed:n}){if(!e)return[];const r=f.stylesRepository.getProviderByKey(e),o=r?.actions,a=o?.update,i=!n,s=[a&&l.createElement(pe,{key:"rename-class",closeMenu:t}),i&&l.createElement(me,{key:"unapply-class",closeMenu:t})].filter(Boolean);return s.length&&(s.unshift(l.createElement(R.MenuSubheader,{key:"provider-label",sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1,textTransform:"capitalize"}},r?.labels?.singular)),s.push(l.createElement(R.Divider,{key:"provider-actions-divider"}))),s}({provider:r,closeMenu:e.close,fixed:n}),l.createElement(R.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,O.__)("States","elementor")),se.map(t=>l.createElement(ue,{key:t.key,state:t.value,closeMenu:e.close})))}function ue({state:e,closeMenu:t,...n}){const{id:r,provider:o}=X(),{id:a,setId:i,setMetaState:s,meta:c}=C(),{state:u}=c,{userCan:m}=(0,f.useUserStylesCapability)(),p=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])??[])}(r),d=!e||m(o??"").updateProps,E=p[e??"normal"]??!1,y=!d&&!E,b=r===a,g=e===u&&b;return l.createElement(z.MenuListItem,ie({},n,{selected:g,disabled:y,sx:{textTransform:"capitalize"},onClick:()=>{b||i(r),s(e),t()}}),l.createElement(z.MenuItemInfotip,{showInfoTip:y,content:(0,O.__)("With your current role, you can only use existing states.","elementor")},l.createElement(R.Stack,{gap:.75,direction:"row",alignItems:"center"},E&&l.createElement(Q,{"aria-label":(0,O.__)("Has style","elementor"),getColor:A(o??"")}),e??"normal")))}function me({closeMenu:e,...t}){const{id:n,label:r}=X(),o=le();return n?l.createElement(z.MenuListItem,ie({},t,{onClick:()=>{o({classId:n,classLabel:r}),e()}}),(0,O.__)("Remove","elementor")):null}function pe({closeMenu:e}){const{handleRename:t,provider:n}=X(),{userCan:r}=(0,f.useUserStylesCapability)();if(!n)return null;const o=r(n).update;return l.createElement(z.MenuListItem,{disabled:!o,onClick:()=>{e(),t()}},l.createElement(z.MenuItemInfotip,{showInfoTip:!o,content:(0,O.__)("With your current role, you can use existing classes but can’t modify them.","elementor")},(0,O.__)("Rename","elementor")))}function de(){return de=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},de.apply(null,arguments)}const fe="tiny";function Ee(e){const{chipProps:t,icon:n,color:r,fixed:o,...a}=e,{id:s,provider:c,label:u,isActive:m,onClickActive:p,renameLabel:d,setError:E}=a,{meta:y,setMetaState:b}=C(),g=(0,R.usePopupState)({variant:"popover"}),[v,h]=(0,l.useState)(null),{onDelete:_,...w}=t,{userCan:S}=(0,f.useUserStylesCapability)(),[x,,T]=(0,i.useSessionStorage)("last-converted-class-generated-name","app"),{ref:I,isEditing:P,openEditMode:k,error:L,getProps:N}=(0,z.useEditable)({value:u,onSubmit:d,validation:ye,onError:E}),B=L?"error":r,V=c?f.stylesRepository.getProviderByKey(c)?.actions:null,M=Boolean(V?.update)&&S(c??"")?.update,j=m&&y.state;return(0,l.useEffect)(()=>{x&&s===x&&(T(),k())},[s,x]),l.createElement(R.ThemeProvider,{palette:"default"},l.createElement(R.UnstableChipGroup,de({ref:h},w,{"aria-label":`Edit ${u}`,role:"group",sx:e=>({"&.MuiChipGroup-root.MuiAutocomplete-tag":{margin:e.spacing(.125)}})}),l.createElement(R.Chip,{size:fe,label:P?l.createElement(z.EditableField,de({ref:I},N())):l.createElement(z.EllipsisWithTooltip,{maxWidth:"10ch",title:u,as:"div"}),variant:!m||y.state||P?"standard":"filled",shape:"rounded",icon:n,color:B,onClick:()=>{j?b(null):M&&m?k():p(s)},"aria-pressed":m,sx:e=>({lineHeight:1,cursor:m&&M&&!j?"text":"pointer",borderRadius:.75*e.shape.borderRadius+"px","&.Mui-focusVisible":{boxShadow:"none !important"}})}),!P&&l.createElement(R.Chip,de({icon:j?void 0:l.createElement(D.DotsVerticalIcon,{fontSize:"tiny"}),size:fe,label:j?l.createElement(R.Stack,{direction:"row",gap:.5,alignItems:"center"},l.createElement(R.Typography,{variant:"inherit"},y.state),l.createElement(D.DotsVerticalIcon,{fontSize:"tiny"})):void 0,variant:"filled",shape:"rounded",color:B},(0,R.bindTrigger)(g),{"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}})}))),l.createElement(Z,de({},a,{handleRename:k}),l.createElement(ce,{popupState:g,anchorEl:v,fixed:o})))}const ye=e=>{const t=(0,f.validateStyleLabel)(e,"rename");return t.isValid?null:t.errorMessage},be="elementor-css-class-selector",ge={label:(0,O.__)("local","elementor"),value:null,fixed:!0,color:Ce("accent"),icon:l.createElement(D.MapPinIcon,null),provider:null},{Slot:ve,inject:he}=(0,a.createLocation)();function _e(){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()),r=t.actions.all({elementId:e.id});return n&&0===r.length?[ge]:r.map(e=>({label:e.label,value:e.id,fixed:n,color:Ce(M(t.getKey())),icon:n?l.createElement(D.MapPinIcon,null):null,provider:t.getKey()}))})}(),{id:t,setId:n}=C(),o=(0,l.useRef)(null),[a,i]=(0,l.useState)(null),s=function(){const e=function(){const{id:e,setId:t}=C(),{element:n}=d(),o=re(),a=oe();return(0,l.useMemo)(()=>(0,ne.undoable)({do:({classId:t})=>{const n=e;return o(t),n},undo:({classId:e},n)=>{a(e),t(n)}},{title:(0,r.getElementLabel)(n.id),subtitle:({classLabel:e})=>(0,O.__)("class %s applied","elementor").replace("%s",e)}),[e,o,n.id,a,t])}(),t=le();return(n,l,r)=>{if(r.value)switch(l){case"selectOption":e({classId:r.value,classLabel:r.label});break;case"removeOption":t({classId:r.value,classLabel:r.label})}}}(),{create:c,validate:m,entityName:p}=function(){const[e,t]=function(){const{id:e,setId:t}=C(),[n,r]=(0,f.useGetStylesRepositoryCreateAction)()??[null,null],o=n?.actions.delete,a=re(),i=oe(),s=(0,l.useMemo)(()=>{if(n&&r)return(0,ne.undoable)({do:({classLabel:t})=>{const n=e,l=r(t);return a(l),{prevActiveId:n,createdId:l}},undo:(e,{prevActiveId:n,createdId:l})=>{i(l),o?.(l),t(n)}},{title:(0,O.__)("Class","elementor"),subtitle:({classLabel:e})=>(0,O.__)("%s created","elementor").replace("%s",e)})},[e,a,r,o,n,t,i]);return n&&s?[n,s]:[null,null]}();if(!e||!t)return{};return{create:e=>{t({classLabel:e})},validate:(t,n)=>function(e){return e.actions.all().length>=e.limit}(e)?{isValid:!1,errorMessage:(0,O.__)("You’ve reached the limit of 50 classes. Please remove an existing one to create a new class.","elementor")}:(0,f.validateStyleLabel)(t,n),entityName:e.labels.singular&&e.labels.plural?e.labels:void 0}}(),E=function(e){const{element:t}=d(),n=u(),l=(0,r.useElementSetting)(t.id,n)?.value||[],o=e.filter(e=>e.value&&l.includes(e.value));return o.some(e=>e.provider&&(0,f.isElementsStylesProvider)(e.provider))||o.unshift(ge),o}(e),y=E.find(e=>e.value===t)??ge,b=E.every(({fixed:e})=>e),{userCan:g}=(0,f.useUserStylesCapability)(),v=!y.provider||g(y.provider).updateProps;return l.createElement(R.Stack,{p:2},l.createElement(R.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},l.createElement(R.FormLabel,{htmlFor:be,size:"small"},(0,O.__)("Classes","elementor")),l.createElement(R.Stack,{direction:"row",gap:1},l.createElement(ve,null))),l.createElement(z.WarningInfotip,{open:Boolean(a),text:a??"",placement:"bottom",width:o.current?.getBoundingClientRect().width,offset:[0,-15]},l.createElement($,{id:be,ref:o,size:"tiny",placeholder:b?(0,O.__)("Type class name","elementor"):void 0,options:e,selected:E,entityName:p,onSelect:s,onCreate:c??void 0,validate:m??void 0,limitTags:50,renderEmptyState:we,getLimitTagsText:e=>l.createElement(R.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(e,t)=>e.map((e,r)=>{const o=t({index:r}),a=e.value===y?.value;return l.createElement(Ee,{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 Se(e.provider,{label:t,id:e.value})},setError:i})})})),!v&&l.createElement(z.InfoAlert,{sx:{mt:1}},(0,O.__)("With your current role, you can use existing classes but can’t modify them.","elementor")))}const we=({searchValue:e,onClear:t})=>l.createElement(R.Box,{sx:{py:4}},l.createElement(R.Stack,{gap:1,alignItems:"center",color:"text.secondary",justifyContent:"center",sx:{px:2,m:"auto",maxWidth:"236px"}},l.createElement(D.ColorSwatchIcon,{sx:{transform:"rotate(90deg)"},fontSize:"large"}),l.createElement(R.Typography,{align:"center",variant:"subtitle2"},(0,O.__)("Sorry, nothing matched","elementor"),l.createElement("br",null),"“",e,"”."),l.createElement(R.Typography,{align:"center",variant:"caption",sx:{mb:2}},(0,O.__)("With your current role,","elementor"),l.createElement("br",null),(0,O.__)("you can only use existing classes.","elementor")),l.createElement(R.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,O.__)("Clear & try again","elementor")))),Se=(e,t)=>{if(!e)return;const n=f.stylesRepository.getProviderByKey(e);return n?n.actions.update?.(t):void 0};function Ce(e){return"accent"===e?"primary":e}const xe=(0,l.createContext)(null),Te=()=>{const e=(0,l.useContext)(xe);return e?.current?.offsetWidth??320};function Ie(){return Ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Ie.apply(null,arguments)}const Pe=e=>{const t=Te();return l.createElement(z.PopoverBody,Ie({},e,{width:t}))},ke=({gap:e=2,sx:t,children:n})=>l.createElement(R.Stack,{gap:e,sx:{...t}},n);var ze=window.elementorV2.editorStyles;const De=()=>{const{provider:e}=C(),[,t]=(0,l.useReducer)(e=>!e,!1);(0,l.useEffect)(()=>e?.subscribe(t),[e])};function Re(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,l.useMemo)(()=>{const l={breakpoint:t,state:n},a={elementId:e,classesProp:o,meta:l,label:f.ELEMENTS_STYLES_RESERVED_LABEL};return(0,ne.undoable)({do:e=>(0,r.shouldCreateNewLocalStyle)(e)?i(e):s(e),undo:(t,n)=>(0,r.shouldCreateNewLocalStyle)(t)?function(t,{createdStyleId:n}){(0,r.deleteElementStyle)(e,n)}(0,n):function(t,{styleId:n,provider:r,prevProps:o}){r.actions.updateProps?.({id:n,meta:l,props:o},{elementId:e})}(0,n),redo:(e,t)=>(0,r.shouldCreateNewLocalStyle)(e)?i(e,t):s(e)},{title:({provider:t,styleId:n})=>Le({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:l})=>Ne({provider:t,styleId:n,elementId:e,propDisplayName:l}),debounce:{wait:800}});function i({props:e},t){return{createdStyleId:(0,r.createElementStyle)({...a,props:e,styleId:t?.createdStyleId})}}function s({provider:t,styleId:n,props:r}){if(!t.actions.updateProps)throw new h({context:{providerKey:t.getKey()}});const o=function(e,t){if(!e)return{};const n=(0,ze.getVariantByMeta)(e,t);return structuredClone(n?.props??{})}(t.actions.get(n,{elementId:e}),l);return t.actions.updateProps({id:n,meta:l,props:r},{elementId:e}),{styleId:n,provider:t,prevProps:o}}},[e,t,n,o])}({elementId:t,meta:o});De();const c=function({styleId:e,elementId:t,provider:n,meta:l,propNames:r}){if(!n||!e)return null;const o=n.actions.get(e,{elementId:t});if(!o)throw new _({context:{styleId:e,providerKey:n.getKey()}});const a=(0,ze.getVariantByMeta)(o,l);return Object.fromEntries(r.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 Oe=(e,t)=>!e||!t||(0,f.isElementsStylesProvider)(e.getKey()),Le=({provider:e,styleId:t,elementId:n})=>Oe(e,t)?(({elementId:e})=>(0,r.getElementLabel)(e))({elementId:n}):(({provider:e})=>{const t=e.labels?.singular;return t?(n=t).charAt(0).toUpperCase()+n.slice(1):(0,O.__)("Style","elementor");var n})({provider:e}),Ne=({provider:e,styleId:t,propDisplayName:n,elementId:l})=>Oe(e,t)?(({propDisplayName:e})=>(0,O.__)("%s edited","elementor").replace("%s",e))({propDisplayName:n}):(({provider:e,styleId:t,elementId:n,propDisplayName:l})=>{const r=e.actions.get(t,{elementId:n})?.label;if(!r)throw new Error(`Style ${t} not found`);return(0,O.__)("%s$1 %s$2 edited","elementor").replace("%s$1",r).replace("%s$2",l)})({provider:e,styleId:t,elementId:l,propDisplayName:n}),Be=()=>{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,l.useMemo)(()=>{const l={breakpoint:t,state:n},a={elementId:e,classesProp:o,meta:l,label:f.ELEMENTS_STYLES_RESERVED_LABEL};return(0,ne.undoable)({do:e=>(0,r.shouldCreateNewLocalStyle)(e)?i(e):s(e),undo:(t,n)=>(0,r.shouldCreateNewLocalStyle)(t)?function(t,{createdStyleId:n}){(0,r.deleteElementStyle)(e,n)}(0,n):function(t,{styleId:n,provider:r,prevCustomCss:o}){r.actions.updateCustomCss?.({id:n,meta:l,custom_css:o??{raw:""}},{elementId:e})}(0,n),redo:(e,t)=>(0,r.shouldCreateNewLocalStyle)(e)?i(e,t):s(e)},{title:({provider:t,styleId:n})=>Le({provider:t,styleId:n,elementId:e}),subtitle:({provider:t,styleId:n,propDisplayName:l})=>Ne({provider:t,styleId:n,elementId:e,propDisplayName:l}),debounce:{wait:800}});function i({customCss:e},t){return{createdStyleId:(0,r.createElementStyle)({...a,props:{},custom_css:e??null,styleId:t?.createdStyleId})}}function s({provider:t,styleId:n,customCss:r}){if(!t.actions.updateCustomCss)throw new h({context:{providerKey:t.getKey()}});const o=function(e,t){if(!e)return null;const n=(0,ze.getVariantByMeta)(e,t);return n?.custom_css??null}(t.actions.get(n,{elementId:e}),l);return t.actions.updateCustomCss({id:n,meta:l,custom_css:r},{elementId:e}),{styleId:n,provider:t,prevCustomCss:o}}},[e,t,n,o])}({elementId:e,meta:n}),s=t||null,c=t?o:null;De();const m=a?(0,ze.getVariantByMeta)(a,n):null;return{customCss:m?.custom_css?.raw?{raw:(0,E.decodeString)(m.custom_css.raw)}:null,setCustomCss:(e,{history:{propDisplayName:t}})=>{const n={raw:(0,E.encodeString)(Ve(e))};i({styleId:s,provider:c,customCss:n,propDisplayName:t})}}};function Ve(e){return o.stringPropTypeUtil.schema.safeParse(o.stringPropTypeUtil.create(e)).data?.value?.trim()??""}const Me=()=>{const{customCss:e,setCustomCss:t}=Be();return l.createElement(ke,null,l.createElement(n.CssEditor,{value:e?.raw||"",onChange:e=>{t(e,{history:{propDisplayName:"Custom CSS"}})}}))},je={system:(0,O.__)("System","elementor"),custom:(0,O.__)("Custom Fonts","elementor"),googlefonts:(0,O.__)("Google Fonts","elementor")},Ae=()=>{const e=(()=>{const{controls:e}=(()=>{const e=window;return e.elementor?.config??{}})(),t=e?.font?.options;return t||null})();return(0,l.useMemo)(()=>{const t=["system","custom","googlefonts"];return Object.entries(e||{}).reduce((e,[n,l])=>{if(!je[l])return e;const r=t.indexOf(l);return e[r]||(e[r]={label:je[l],fonts:[]}),e[r].fonts.push(n),e},[]).filter(Boolean)},[e])},{registerControlReplacement:Fe,getControlReplacements:Ue}=(0,n.createControlReplacementsRegistry)();var $e=window.elementorV2.menus;const Ge="tiny";function We(){return We=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},We.apply(null,arguments)}const Ke="tiny",He=(0,$e.createMenu)({components:{Action:function({title:e,visible:t=!0,icon:n,onClick:r}){return t?l.createElement(R.Tooltip,{placement:"top",title:e,arrow:!0},l.createElement(R.IconButton,{"aria-label":e,size:Ge,onClick:r},l.createElement(n,{fontSize:Ge}))):null},PopoverAction:function({title:e,visible:t=!0,icon:r,content:o}){const{popupState:a,triggerProps:i,popoverProps:s}=function(){const{setOpen:e}=(0,n.useFloatingActionsBar)(),t=(0,R.usePopupState)({variant:"popover"}),l=(0,R.bindTrigger)(t),r=(0,R.bindPopover)(t);return{popupState:{...t,close:()=>{t.close(),e(!1)}},triggerProps:{...l,onClick:t=>{l.onClick(t),e(!0)}},popoverProps:{...r,onClose:()=>{r.onClose(),e(!1)}}}}();return t?l.createElement(l.Fragment,null,l.createElement(R.Tooltip,{placement:"top",title:e},l.createElement(R.IconButton,We({"aria-label":e,size:Ke},i),l.createElement(r,{fontSize:Ke}))),l.createElement(R.Popover,We({disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:2.5}}},s),l.createElement(o,{close:a.close}))):null}}});var Je=window.elementorV2.editor,Ye=window.elementorV2.editorPanels;function qe(){return l.createElement(R.Box,{role:"alert",sx:{minHeight:"100%",p:2}},l.createElement(R.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},l.createElement("strong",null,"Something went wrong")))}const Xe=(0,l.createContext)(void 0),Ze=(0,R.styled)("div")`
	height: 100%;
	overflow-y: auto;
`;function Qe({children:e}){const[t,n]=(0,l.useState)("up"),r=(0,l.useRef)(null),o=(0,l.useRef)(0);return(0,l.useEffect)(()=>{const e=r.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)}}),l.createElement(Xe.Provider,{value:{direction:t}},l.createElement(Ze,{ref:r},e))}const et={defaultSectionsExpanded:{settings:["Content","Settings"],style:[]},defaultTab:"settings"},tt=(0,l.createContext)({"e-div-block":{defaultSectionsExpanded:et.defaultSectionsExpanded,defaultTab:"style"},"e-flexbox":{defaultSectionsExpanded:et.defaultSectionsExpanded,defaultTab:"style"},"e-divider":{defaultSectionsExpanded:et.defaultSectionsExpanded,defaultTab:"style"}}),nt=()=>{const{element:e}=d();return(0,l.useContext)(tt)[e.type]||et},lt=(e,t)=>{const{element:n}=d(),r=`elementor/editor-state/${n.id}/${e}`,o=(0,i.getSessionStorageItem)(r),[a,s]=(0,l.useState)(o??t);return[a,e=>{(0,i.setSessionStorageItem)(r,e),s(e)}]},rt={image:{component:n.ImageControl,layout:"full",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.SelectControl,layout:"two-columns",propTypeUtil:o.stringPropTypeUtil},link:{component:n.LinkControl,layout:"custom",propTypeUtil:o.linkPropTypeUtil},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}},ot=new class{constructor(e=rt){this.controlsRegistry=e,this.controlsRegistry=e}get(e){return this.controlsRegistry[e]?.component}getLayout(e){return this.controlsRegistry[e]?.layout}getPropTypeUtil(e){return this.controlsRegistry[e]?.propTypeUtil}registry(){return this.controlsRegistry}register(e,t,n,l){if(this.controlsRegistry[e])throw new b({context:{controlType:e}});this.controlsRegistry[e]={component:t,layout:n,propTypeUtil:l}}unregister(e){if(!this.controlsRegistry[e])throw new g({context:{controlType:e}});delete this.controlsRegistry[e]}};function at(){return at=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},at.apply(null,arguments)}const it=({props:e,type:t})=>{const n=ot.get(t),{element:r}=d();if(!n)throw new y({context:{controlType:t}});return l.createElement(n,at({},e,{context:{elementId:r.id}}))},st=({children:e,layout:t})=>"custom"===t?e:l.createElement(ct,{layout:t},e),ct=(0,R.styled)(R.Box,{shouldForwardProp:e=>!["layout"].includes(e)})(({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...ut(e)})),ut=e=>({justifyContent:"space-between",gridTemplateColumns:{full:"minmax(0, 1fr)","two-columns":"repeat(2, minmax(0, 1fr))"}[e]});function mt(e,t,n,l){const r=dt(t,n,e.split("."));if(!r)return[];const o=[];"object"===r.kind&&o.push(...Object.keys(r.shape).map(t=>e+"."+t));const a=pt(e,l);return o.length?o.reduce((e,r)=>[...e,...mt(r,t,n,l)],a):a}function pt(e,t){return t?.[e]?.length?t[e].reduce((e,n)=>[...e,n,...pt(n,t)],[]):[]}function dt(e,t,n){if(!n.length)return null;const[l,...r]=n,a=e[l];return a?r.reduce((e,r,a)=>{if(!e?.kind)return null;if("union"===e.kind){const r=(0,o.extractValue)(n.slice(0,a+1),t),i=r?.$$type??null;return dt({[l]:e.prop_types?.[i]},t,n.slice(0,a+2))}return"array"===e.kind?e.item_prop_type:"object"===e.kind?e.shape[r]:e[r]},a):null}function ft(e,t,n){const l=e[0],r={...n};return e.reduce((n,l,r)=>n?r===e.length-1?(n[l]=null!==t?{...n[l]??{},value:t}:null,n[l]?.value??n.value):n[l]?.value??n.value:null,r),{[l]:r[l]??null}}const Et=({schema:e})=>({key:"",kind:"object",meta:{},settings:{},default:null,shape:e}),yt=({bind:e,children:t,propDisplayName:a})=>{const{element:{id:i},elementType:{propsSchema:s,dependenciesPerTargetMapping:c={}}}=d(),u=(0,r.useElementSettings)(i,Object.keys(s)),m={[e]:u?.[e]??null},p=Et({schema:s}),f=function({elementId:e,propDisplayName:t}){return(0,l.useMemo)(()=>(0,ne.undoable)({do:t=>{const n=(0,r.getElementSettings)(e,Object.keys(t));return(0,r.updateElementSettings)({id:e,props:t,withHistory:!1}),(0,te.setDocumentModifiedStatus)(!0),n},undo:({},t)=>{(0,r.updateElementSettings)({id:e,props:t,withHistory:!1})}},{title:(0,r.getElementLabel)(e),subtitle:(0,O.__)("%s edited","elementor").replace("%s",t),debounce:{wait:800}}),[e,t])}({elementId:i,propDisplayName:a});return l.createElement(n.PropProvider,{propType:p,value:m,setValue:t=>{const n=function(e,t,n,l){return t.length?t.reduce((e,t)=>{const r=t.split("."),a=dt(n,l,r),i={...l,...e};return a?(0,o.isDependencyMet)(a?.dependencies,i)?e:{...e,...ft(r,null,i)}:e},{...e}):e}(t,mt(e,s,u,c),s,u);f(n)},isDisabled:e=>!(0,o.isDependencyMet)(e?.dependencies,u)},l.createElement(n.PropKeyProvider,{bind:e},t))},bt=(0,R.styled)(D.ChevronDownIcon,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:t})=>({transform:t?"rotate(180deg)":"rotate(0deg)",transition:e.transitions.create("transform",{duration:e.transitions.duration.standard})})),gt=(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;
`,vt=({children:e,defaultOpen:t=!1,titleEnd:n=null})=>{const[r,o]=(0,l.useState)(t);return l.createElement(R.Stack,null,l.createElement(R.Stack,{sx:{position:"relative"}},l.createElement(R.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{o(e=>!e)},endIcon:l.createElement(bt,{open:r}),sx:{my:.5}},r?(0,O.__)("Show less","elementor"):(0,O.__)("Show more","elementor")),n&&l.createElement(gt,null,ht(n,r))),l.createElement(R.Collapse,{in:r,timeout:"auto",unmountOnExit:!0},e))};function ht(e,t){return"function"==typeof e?e(t):e}function _t({title:e,children:t,defaultExpanded:n=!1,titleEnd:r}){const[o,a]=lt(e,!!n),i=(0,l.useRef)(null),s=(0,l.useId)(),c=`label-${s}`,u=`content-${s}`;return l.createElement(l.Fragment,null,l.createElement(R.ListItemButton,{id:c,"aria-controls":u,onClick:()=>{a(!o)},sx:{"&:hover":{backgroundColor:"transparent"}}},l.createElement(R.Stack,{direction:"row",alignItems:"center",justifyItems:"start",flexGrow:1,gap:.5},l.createElement(R.ListItemText,{secondary:e,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"},sx:{flexGrow:0,flexShrink:1,marginInlineEnd:1}}),ht(r,o)),l.createElement(bt,{open:o,color:"secondary",fontSize:"tiny"})),l.createElement(R.Collapse,{id:u,"aria-labelledby":c,in:o,timeout:"auto",unmountOnExit:!0},l.createElement(xe.Provider,{value:i},l.createElement(R.Stack,{ref:i,gap:2.5,p:2},t))),l.createElement(R.Divider,null))}function wt(){return wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},wt.apply(null,arguments)}function St(e){return l.createElement(R.List,wt({disablePadding:!0,component:"div"},e))}const Ct=()=>{const{elementType:e,element:t}=d(),n=nt();return l.createElement(i.SessionStorageProvider,{prefix:t.id},l.createElement(St,null,e.controls.map(({type:e,value:t},r)=>{return"control"===e?l.createElement(xt,{key:t.bind,control:t}):"section"===e?l.createElement(_t,{title:t.label,key:e+"."+r,defaultExpanded:(o=t.label,n.defaultSectionsExpanded.settings?.includes(o))},t.items?.map(e=>"control"===e.type?l.createElement(xt,{key:e.value.bind,control:e.value}):null)):null;var o})))},xt=({control:e})=>{if(!ot.get(e.type))return null;const t=e.meta?.layout||ot.getLayout(e.type),r=function(e){if(e.childControlType){const t=ot.get(e.childControlType),n=ot.getPropTypeUtil(e.childControlType);e={...e,childControlConfig:{component:t,props:e.childControlProps||{},propTypeUtil:n}}}return e}(e.props);return"custom"===t&&(r.label=e.label),l.createElement(yt,{bind:e.bind,propDisplayName:e.label||e.bind},e.meta?.topDivider&&l.createElement(R.Divider,null),l.createElement(st,{layout:t},e.label&&"custom"!==t?l.createElement(n.ControlFormLabel,null,e.label):null,l.createElement(it,{type:e.type,props:r})))};var Tt=window.elementorV2.editorResponsive;const It="normal",Pt=e=>e??It,kt=e=>e??"desktop";function zt(e,t){const n=function(e){const t={},n=(e,l)=>{const{id:r,children:o}=e;t[r]=l?[...l]:[],o?.forEach(e=>{n(e,[...t[r]??[],r])})};return n(e),t}(t),l={};return t=>{const{breakpoint:r,state:o}=t,a=Pt(o),i=kt(r);if(l[i]?.[a])return l[i][a].snapshot;const s=[...n[i],r];return s.forEach((t,n)=>{const r=n>0?s[n-1]:null;((t,n,r)=>{const o=kt(t),a=Pt(r);l[o]||(l[o]={[It]:Dt(e({breakpoint:t,state:null}),n,{},null)}),r&&!l[o][a]&&(l[o][a]=Dt(e({breakpoint:t,state:r}),n,l[o],r))})(t,r?l[r]:void 0,o)}),l[i]?.[a]?.snapshot}}function Dt(e,t,n,l){const r=function(e){const t={};return e.forEach(e=>{const{variant:{props:n}}=e;Object.entries(n).forEach(([n,l])=>{const r=(0,o.filterEmptyValues)(l);if(null===r)return;t[n]||(t[n]=[]);const a={...e,value:r};t[n].push(a)})}),{snapshot:t,stateSpecificSnapshot:t}}(e);return l?{snapshot:Rt([r.snapshot,t?.[l]?.stateSpecificSnapshot,n[It]?.snapshot]),stateSpecificSnapshot:Rt([r.stateSpecificSnapshot,t?.[l]?.stateSpecificSnapshot])}:{snapshot:Rt([r.snapshot,t?.[It]?.snapshot]),stateSpecificSnapshot:void 0}}function Rt(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 Ot(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 Lt=(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,Nt=(0,l.createContext)(null);function Bt({children:e}){const t=jt(),n=(0,Tt.getBreakpointsTree)(),{getSnapshot:r,getInheritanceChain:a}=function(e,t){const n=function(e){const t={};return e.forEach(e=>{const n=x(e.id)?.getKey()??null;e.variants.forEach(l=>{const{meta:r}=l,{state:o,breakpoint:a}=r,i=kt(a),s=Pt(o);t[i]||(t[i]={});const c=t[i];c[s]||(c[s]=[]),c[s].push({style:e,variant:l,provider:n})})}),t}(e);return{getSnapshot:zt(({breakpoint:e,state:t})=>n?.[kt(e)]?.[Pt(t)]??[],t),getInheritanceChain:(e,t,n)=>{const[l,...r]=t;let a=e[l]??[];if(r.length>0){const e=Lt(n,r);a=a.map(({value:t,...n})=>({...n,value:Ot(t,r,e)})).filter(({value:e})=>!(0,o.isEmpty)(e))}return a}}}(t,n);return l.createElement(Nt.Provider,{value:{getSnapshot:r,getInheritanceChain:a}},e)}function Vt(){const e=(0,l.useContext)(Nt),{meta:t}=C();if(!e)throw new Error("useStylesInheritanceSnapshot must be used within a StyleInheritanceProvider");return t?e.getSnapshot(t)??null:null}function Mt(e){const t=(0,l.useContext)(Nt);if(!t)throw new Error("useStylesInheritanceChain must be used within a StyleInheritanceProvider");const n=(0,ze.getStylesSchema)(),r=n?.[e[0]],o=Vt();return o?t.getInheritanceChain(o,e,r):[]}const jt=()=>{const{element:e}=d(),t=u(),n=At();De();const l=(0,r.useElementSetting)(e.id,t),a=o.classesPropTypeUtil.extract(l)??[];return f.stylesRepository.all().filter(e=>[...n,...a].includes(e.id))},At=()=>{const{elementType:e}=d(),t=(0,r.getWidgetsCache)(),n=t?.[e.key];return Object.keys(n?.base_styles??{})};function Ft(e,t){const{values:n,setValues:l,canEdit:r}=Re([e]);return{value:n?.[e]??null,setValue:n=>{l({[e]:n},t)},canEdit:r}}var Ut=window.elementorV2.editorCanvas;function $t(){const e="rtl"===(0,R.useTheme)().direction;return{isSiteRtl:!!(()=>{const e=window;return e.elementorFrontend?.config??{}})()?.is_rtl,isUiRtl:e}}const Gt=async(e,t,n)=>{try{const r=await n({props:{[t]:e.value}}),o=r?.[t]??r;return(0,l.isValidElement)(o)?o:"object"==typeof o?JSON.stringify(o):String(o)}catch{return""}},Wt=(0,Ut.createTransformersRegistry)(),Kt={widescreen:D.WidescreenIcon,desktop:D.DesktopIcon,laptop:D.LaptopIcon,tablet_extra:D.TabletLandscapeIcon,tablet:D.TabletPortraitIcon,mobile_extra:D.MobileLandscapeIcon,mobile:D.MobilePortraitIcon},Ht=({breakpoint:e})=>{const t=(0,Tt.useBreakpoints)(),n=e||"desktop",r=Kt[n];if(!r)return null;const o=t.find(e=>e.id===n)?.label;return l.createElement(R.Tooltip,{title:o,placement:"top"},l.createElement(r,{fontSize:"tiny",sx:{mt:"2px"}}))},Jt="tiny",Yt=({displayLabel:e,provider:t})=>{const n=t===f.ELEMENTS_BASE_STYLES_PROVIDER_KEY?l.createElement(R.Tooltip,{title:(0,O.__)("Inherited from base styles","elementor"),placement:"top"},l.createElement(D.InfoCircleIcon,{fontSize:Jt})):void 0;return l.createElement(R.Chip,{label:e,size:Jt,color:M(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"}})})},qt=({index:e,value:t})=>l.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}},t),Xt=()=>l.createElement(R.Box,{display:"flex",gap:.5,alignItems:"center"}),Zt=({inheritanceChain:e,propType:t,path:n,label:r,children:o,isDisabled:a})=>{const[i,s]=(0,l.useState)(!1),c=()=>{a||s(!1)},u=n.join("."),m=Te(),p=(0,l.useMemo)(()=>(0,Ut.createPropsResolver)({transformers:Wt,schema:{[u]:t}}),[u,t]),d=((e,t,n)=>{const[r,o]=(0,l.useState)([]);return(0,l.useEffect)(()=>{(async()=>{const l=(await Promise.all(e.filter(({style:e})=>e).map((e,l)=>(async(e,t,n,l)=>{const{variant:{meta:{state:r,breakpoint:o}},style:{label:a,id:i}}=e,s=`${a}${r?":"+r:""}`;return{id:i?i+(r??""):t,provider:e.provider||"",breakpoint:o??"desktop",displayLabel:s,value:await Gt(e,n,l)}})(e,l,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(l)})()},[e,t,n]),r})(e,u,p),E=l.createElement(R.ClickAwayListener,{onClickAway:c},l.createElement(R.Card,{elevation:0,sx:{width:m-32+"px",maxWidth:496,maxHeight:268,overflowX:"hidden",display:"flex",flexDirection:"column"}},l.createElement(R.Box,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"background.paper"}},l.createElement(z.PopoverHeader,{title:(0,O.__)("Style origin","elementor"),onClose:c})),l.createElement(R.CardContent,{sx:{display:"flex",flexDirection:"column",p:0,flex:1,overflow:"auto","&:last-child":{pb:0}}},l.createElement(R.Stack,{gap:1.5,sx:{pl:3,pr:1,pb:2},role:"list"},d.map((e,t)=>l.createElement(R.Box,{key:e.id,display:"flex",gap:.5,role:"listitem","aria-label":(0,O.__)("Inheritance item: %s","elementor").replace("%s",e.displayLabel)},l.createElement(R.Box,{display:"flex",gap:.5,sx:{flexWrap:"wrap",width:"100%"}},l.createElement(Ht,{breakpoint:e.breakpoint}),l.createElement(Yt,{displayLabel:e.displayLabel,provider:e.provider}),l.createElement(qt,{index:t,value:e.value})),l.createElement(Xt,null)))))));return a?l.createElement(R.Box,{sx:{display:"inline-flex"}},o):l.createElement(Qt,{showInfotip:i,onClose:c,infotipContent:E,isDisabled:a},l.createElement(R.IconButton,{onClick:()=>{a||s(e=>!e)},"aria-label":r,sx:{my:"-1px"},disabled:a},o))};function Qt({children:e,showInfotip:t,onClose:n,infotipContent:r,isDisabled:o}){const a=$t().isSiteRtl?9999999:-9999999;return o?l.createElement(R.Box,{sx:{display:"inline-flex"}},e):t?l.createElement(l.Fragment,null,l.createElement(R.Backdrop,{open:t,onClick:n,sx:{backgroundColor:"transparent",zIndex:e=>e.zIndex.modal-1}}),l.createElement(R.Infotip,{placement:"top",content:r,open:t,onClose:n,disableHoverListener:!0,componentsProps:{tooltip:{sx:{mx:2}}},slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[a,0]}}]}}},e)):l.createElement(R.Tooltip,{title:(0,O.__)("Style origin","elementor"),placement:"top"},e)}const en=["box-shadow","background-overlay","filter","backdrop-filter","transform","transition"],tn=({customContext:e})=>{const t=(0,n.useBoundProp)(),{path:r,propType:o}=e||t,a=Mt(r);if(!r||!a.length)return null;const i=r.some(e=>en.includes(e));return l.createElement(nn,{inheritanceChain:a,path:r,propType:o,isDisabled:i})},nn=({inheritanceChain:e,path:t,propType:n,isDisabled:r})=>{const{id:a,provider:i,meta:s}=C(),c=a?((e,t,n)=>e.find(({style:e,variant:{meta:{breakpoint:l,state:r}}})=>e.id===t&&l===n.breakpoint&&r===n.state))(e,a,s):null,u=!(0,o.isEmpty)(c?.value),[m]=e;if(m.provider===f.ELEMENTS_BASE_STYLES_PROVIDER_KEY)return null;const p=c===m,d=ln({isFinalValue:p,hasValue:u}),E={getColor:p&&i?j(i.getKey()):void 0,isOverridden:!(!u||p)||void 0};return l.createElement(Zt,{inheritanceChain:e,path:t,propType:n,label:d,isDisabled:r},l.createElement(Q,E))},ln=({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"),rn=({children:e})=>{const{propType:t}=(0,n.useBoundProp)(),l=function(e){return e?.dependencies?.terms.length?e.dependencies.terms.flatMap(e=>(0,o.isDependency)(e)?[]:e.path):[]}(t),{values:r}=Re(l);return(0,o.isDependencyMet)(t?.dependencies,r)?e:null},on=({bind:e,propDisplayName:t,children:r})=>{const o=(0,ze.getStylesSchema)(),a=Mt([e]),{value:i,canEdit:s,...c}=Ft(e,{history:{propDisplayName:t}}),u=Et({schema:o}),[m]=a,p={[e]:m?.value};return l.createElement(n.ControlAdornmentsProvider,{items:[{id:"styles-inheritance",Adornment:tn}]},l.createElement(n.PropProvider,{propType:u,value:{[e]:i},setValue:t=>{c.setValue(t[e])},placeholder:p,isDisabled:()=>!s},l.createElement(n.PropKeyProvider,{bind:e},l.createElement(rn,null,r))))},an=(0,O.__)("Background","elementor"),sn=()=>l.createElement(ke,null,l.createElement(on,{bind:"background",propDisplayName:an},l.createElement(n.BackgroundControl,null))),cn=()=>l.createElement(R.Divider,{sx:{my:.5}}),un="tiny",mn=({isAdded:e,onAdd:t,onRemove:n,children:r,disabled:o,renderLabel:a})=>l.createElement(ke,null,l.createElement(R.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},a(),e?l.createElement(R.IconButton,{size:un,onClick:n,"aria-label":"Remove",disabled:o},l.createElement(D.MinusIcon,{fontSize:un})):l.createElement(R.IconButton,{size:un,onClick:t,"aria-label":"Add",disabled:o},l.createElement(D.PlusIcon,{fontSize:un}))),l.createElement(R.Collapse,{in:e,unmountOnExit:!0},l.createElement(ke,null,r))),pn=({children:e})=>l.createElement(R.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},l.createElement(n.ControlFormLabel,null,e),l.createElement(n.ControlAdornments,null)),dn=l.forwardRef((e,t)=>{const{direction:n="row",children:r,label:o}=e,a="row"===n?fn:En;return l.createElement(a,{label:o,ref:t,children:r})}),fn=l.forwardRef(({label:e,children:t},n)=>l.createElement(R.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:n},l.createElement(R.Grid,{item:!0,xs:6},l.createElement(pn,null,e)),l.createElement(R.Grid,{item:!0,xs:6,sx:e=>({width:`calc(50% - ${e.spacing(2)})`})},t))),En=l.forwardRef(({label:e,children:t},n)=>l.createElement(R.Stack,{gap:.75,ref:n},l.createElement(pn,null,e),t)),yn=(0,O.__)("Border color","elementor"),bn=()=>l.createElement(on,{bind:"border-color",propDisplayName:yn},l.createElement(dn,{label:yn},l.createElement(n.ColorControl,null))),gn=(0,O.__)("Border type","elementor"),vn=[{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")}],hn=()=>l.createElement(on,{bind:"border-style",propDisplayName:gn},l.createElement(dn,{label:gn},l.createElement(n.SelectControl,{options:vn}))),_n=(0,O.__)("Border width","elementor"),wn=(0,R.withDirection)(D.SideRightIcon),Sn=(0,R.withDirection)(D.SideLeftIcon),Cn=e=>[{label:(0,O.__)("Top","elementor"),icon:l.createElement(D.SideTopIcon,{fontSize:"tiny"}),bind:"block-start"},{label:e?(0,O.__)("Left","elementor"):(0,O.__)("Right","elementor"),icon:l.createElement(wn,{fontSize:"tiny"}),bind:"inline-end"},{label:(0,O.__)("Bottom","elementor"),icon:l.createElement(D.SideBottomIcon,{fontSize:"tiny"}),bind:"block-end"},{label:e?(0,O.__)("Right","elementor"):(0,O.__)("Left","elementor"),icon:l.createElement(Sn,{fontSize:"tiny"}),bind:"inline-start"}],xn=()=>{const{isSiteRtl:e}=$t();return l.createElement(on,{bind:"border-width",propDisplayName:_n},l.createElement(n.EqualUnequalSizesControl,{items:Cn(e),label:_n,icon:l.createElement(D.SideAllIcon,{fontSize:"tiny"}),tooltipLabel:(0,O.__)("Adjust borders","elementor"),multiSizePropTypeUtil:o.borderWidthPropTypeUtil}))},Tn=(0,O.__)("Border","elementor"),In={"border-width":{$$type:"size",value:{size:1,unit:"px"}},"border-color":{$$type:"color",value:"#000000"},"border-style":{$$type:"string",value:"solid"}},Pn=()=>{const{values:e,setValues:t,canEdit:r}=Re(Object.keys(In)),o={history:{propDisplayName:Tn}},a=Object.values(e??{}).some(Boolean);return l.createElement(mn,{isAdded:a,onAdd:()=>{t(In,o)},onRemove:()=>{t({"border-width":null,"border-color":null,"border-style":null},o)},disabled:!r,renderLabel:()=>l.createElement(n.ControlFormLabel,null,Tn)},l.createElement(xn,null),l.createElement(bn,null),l.createElement(hn,null))},kn=({children:e})=>{const{isSiteRtl:t}=$t();return l.createElement(R.DirectionProvider,{rtl:t},l.createElement(R.ThemeProvider,null,e))},zn=(0,O.__)("Border radius","elementor"),Dn=(0,R.withDirection)(D.RadiusTopLeftIcon),Rn=(0,R.withDirection)(D.RadiusTopRightIcon),On=(0,R.withDirection)(D.RadiusBottomLeftIcon),Ln=(0,R.withDirection)(D.RadiusBottomRightIcon),Nn=e=>e?(0,O.__)("Top right","elementor"):(0,O.__)("Top left","elementor"),Bn=e=>e?(0,O.__)("Top left","elementor"):(0,O.__)("Top right","elementor"),Vn=e=>e?(0,O.__)("Bottom right","elementor"):(0,O.__)("Bottom left","elementor"),Mn=e=>e?(0,O.__)("Bottom left","elementor"):(0,O.__)("Bottom right","elementor"),jn=e=>[{label:Nn(e),icon:l.createElement(Dn,{fontSize:"tiny"}),bind:"start-start"},{label:Bn(e),icon:l.createElement(Rn,{fontSize:"tiny"}),bind:"start-end"},{label:Vn(e),icon:l.createElement(On,{fontSize:"tiny"}),bind:"end-start"},{label:Mn(e),icon:l.createElement(Ln,{fontSize:"tiny"}),bind:"end-end"}],An=()=>{const{isSiteRtl:e}=$t();return l.createElement(kn,null,l.createElement(on,{bind:"border-radius",propDisplayName:zn},l.createElement(n.EqualUnequalSizesControl,{items:jn(e),label:zn,icon:l.createElement(D.BorderCornersIcon,{fontSize:"tiny"}),tooltipLabel:(0,O.__)("Adjust corners","elementor"),multiSizePropTypeUtil:o.borderRadiusPropTypeUtil})))},Fn=()=>l.createElement(ke,null,l.createElement(An,null),l.createElement(cn,null),l.createElement(Pn,null)),Un=(0,O.__)("Opacity","elementor"),$n=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"opacity",propDisplayName:Un},l.createElement(dn,{ref:e,label:Un},l.createElement(n.SizeControl,{units:["%"],anchorRef:e,defaultUnit:"%"})))},Gn=(0,O.__)("Box shadow","elementor"),Wn=(0,O.__)("Filters","elementor"),Kn=(0,O.__)("Transform","elementor"),Hn=(0,O.__)("Backdrop filters","elementor"),Jn=(0,O.__)("Transitions","elementor"),Yn=()=>{const{element:e}=(0,r.useSelectedElement)(),{meta:t}=C();return l.createElement(ke,null,l.createElement($n,null),l.createElement(cn,null),l.createElement(on,{bind:"box-shadow",propDisplayName:Gn},l.createElement(n.BoxShadowRepeaterControl,null)),l.createElement(cn,null),l.createElement(on,{bind:"transform",propDisplayName:Kn},l.createElement(n.TransformRepeaterControl,null)),l.createElement(cn,null),l.createElement(on,{bind:"transition",propDisplayName:Jn},l.createElement(n.TransitionRepeaterControl,{currentStyleState:t.state,recentlyUsedListGetter:()=>(async e=>{if(!e)return[];const t=(0,Ut.createPropsResolver)({transformers:Ut.styleTransformersRegistry,schema:(0,ze.getStylesSchema)()}),n=(0,r.getElementStyles)(e)??{},l=Object.keys(n??{}).map(e=>n?.[e]?.variants??[]),o=await Promise.all(l.flat().map(async e=>{const n=await t({props:e.props??{},schema:(0,ze.getStylesSchema)()});return Object.entries(n).filter(([,e])=>null!==e).map(([e])=>e)})),a=new Set(o.flat());return Array.from(a)})(e?.id??"")})),l.createElement(cn,null),l.createElement(on,{bind:"filter",propDisplayName:Wn},l.createElement(n.FilterRepeaterControl,null)),l.createElement(cn,null),l.createElement(on,{bind:"backdrop-filter",propDisplayName:Hn},l.createElement(n.FilterRepeaterControl,{filterPropName:"backdrop-filter"})))},qn=(0,O.__)("Flex direction","elementor"),Xn={row:0,column:90,"row-reverse":180,"column-reverse":270},Zn={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},Qn=({icon:e,size:t,isClockwise:n=!0,offset:r=0,disableRotationForReversed:o=!1})=>{const a=(0,l.useRef)(el(n,r,o));return a.current=el(n,r,o,a),l.createElement(e,{fontSize:t,sx:{transition:".3s",rotate:`${a.current}deg`}})},el=(e,t,n,l)=>{const{value:r}=Ft("flex-direction",{history:{propDisplayName:qn}}),o="rtl"===(0,R.useTheme)().direction?-1:1,a=e?Xn:Zn,i=r?.value||"row",s=l?l.current*o:a[i]+t,c=((a[i]+t-s+360)%360+180)%360-180;return n&&["row-reverse","column-reverse"].includes(i)?0:(s+c)*o};function tl(){return tl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},tl.apply(null,arguments)}const nl=(0,O.__)("Align content","elementor"),ll=(0,R.withDirection)(D.JustifyTopIcon),rl=(0,R.withDirection)(D.JustifyBottomIcon),ol={isClockwise:!1,offset:0,disableRotationForReversed:!0},al=[{value:"start",label:(0,O.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(Qn,tl({icon:ll,size:e},ol)),showTooltip:!0},{value:"center",label:(0,O.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(Qn,tl({icon:D.JustifyCenterIcon,size:e},ol)),showTooltip:!0},{value:"end",label:(0,O.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Qn,tl({icon:rl,size:e},ol)),showTooltip:!0},{value:"space-between",label:(0,O.__)("Space between","elementor"),renderContent:({size:e})=>l.createElement(Qn,tl({icon:D.JustifySpaceBetweenVerticalIcon,size:e},ol)),showTooltip:!0},{value:"space-around",label:(0,O.__)("Space around","elementor"),renderContent:({size:e})=>l.createElement(Qn,tl({icon:D.JustifySpaceAroundVerticalIcon,size:e},ol)),showTooltip:!0},{value:"space-evenly",label:(0,O.__)("Space evenly","elementor"),renderContent:({size:e})=>l.createElement(Qn,tl({icon:D.JustifyDistributeVerticalIcon,size:e},ol)),showTooltip:!0}],il=()=>l.createElement(on,{bind:"align-content",propDisplayName:nl},l.createElement(kn,null,l.createElement(dn,{label:nl,direction:"column"},l.createElement(n.ToggleControl,{options:al,fullWidth:!0}))));function sl(){return sl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},sl.apply(null,arguments)}const cl=(0,O.__)("Align items","elementor"),ul=(0,R.withDirection)(D.LayoutAlignLeftIcon),ml=(0,R.withDirection)(D.LayoutAlignRightIcon),pl={isClockwise:!1,offset:90},dl=[{value:"start",label:(0,O.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(Qn,sl({icon:ul,size:e},pl)),showTooltip:!0},{value:"center",label:(0,O.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(Qn,sl({icon:D.LayoutAlignCenterIcon,size:e},pl)),showTooltip:!0},{value:"end",label:(0,O.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Qn,sl({icon:ml,size:e},pl)),showTooltip:!0},{value:"stretch",label:(0,O.__)("Stretch","elementor"),renderContent:({size:e})=>l.createElement(Qn,sl({icon:D.LayoutDistributeVerticalIcon,size:e},pl)),showTooltip:!0}],fl=()=>l.createElement(kn,null,l.createElement(on,{bind:"align-items",propDisplayName:cl},l.createElement(dn,{label:cl},l.createElement(n.ToggleControl,{options:dl}))));function El(){return El=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},El.apply(null,arguments)}const yl=(0,O.__)("Align self","elementor"),bl={row:90,"row-reverse":90,column:0,"column-reverse":0},gl=(0,R.withDirection)(D.LayoutAlignLeftIcon),vl=(0,R.withDirection)(D.LayoutAlignRightIcon),hl={isClockwise:!1},_l=e=>[{value:"start",label:(0,O.__)("Start","elementor"),renderContent:({size:t})=>l.createElement(Qn,El({icon:gl,size:t,offset:bl[e]},hl)),showTooltip:!0},{value:"center",label:(0,O.__)("Center","elementor"),renderContent:({size:t})=>l.createElement(Qn,El({icon:D.LayoutAlignCenterIcon,size:t,offset:bl[e]},hl)),showTooltip:!0},{value:"end",label:(0,O.__)("End","elementor"),renderContent:({size:t})=>l.createElement(Qn,El({icon:vl,size:t,offset:bl[e]},hl)),showTooltip:!0},{value:"stretch",label:(0,O.__)("Stretch","elementor"),renderContent:({size:t})=>l.createElement(Qn,El({icon:D.LayoutDistributeVerticalIcon,size:t,offset:bl[e]},hl)),showTooltip:!0}],wl=({parentStyleDirection:e})=>l.createElement(on,{bind:"align-self",propDisplayName:yl},l.createElement(kn,null,l.createElement(dn,{label:yl},l.createElement(n.ToggleControl,{options:_l(e)})))),Sl=(0,O.__)("Display","elementor"),Cl=[{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}],xl=()=>{const e=Tl();return l.createElement(on,{bind:"display",propDisplayName:Sl,placeholder:e},l.createElement(dn,{label:Sl,direction:"column"},l.createElement(n.ToggleControl,{options:Cl,maxItems:4,fullWidth:!0})))},Tl=()=>Mt(["display"])[0]?.value??void 0,Il=(0,O.__)("Direction","elementor"),Pl=[{value:"row",label:(0,O.__)("Row","elementor"),renderContent:({size:e})=>{const t=(0,R.withDirection)(D.ArrowRightIcon);return l.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,O.__)("Column","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,O.__)("Reversed row","elementor"),renderContent:({size:e})=>{const t=(0,R.withDirection)(D.ArrowLeftIcon);return l.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,O.__)("Reversed column","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],kl=()=>l.createElement(on,{bind:"flex-direction",propDisplayName:Il},l.createElement(kn,null,l.createElement(dn,{label:Il},l.createElement(n.ToggleControl,{options:Pl})))),zl=(0,O.__)("Order","elementor"),Dl=-99999,Rl="first",Ol="last",Ll="custom",Nl={[Rl]:Dl,[Ol]:99999},Bl=[{value:Rl,label:(0,O.__)("First","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:Ol,label:(0,O.__)("Last","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:Ll,label:(0,O.__)("Custom","elementor"),renderContent:({size:e})=>l.createElement(D.PencilIcon,{fontSize:e}),showTooltip:!0}],Vl=()=>l.createElement(on,{bind:"order",propDisplayName:zl},l.createElement(kn,null,l.createElement(ke,null,l.createElement(Ml,null))));function Ml(){const{value:e,setValue:t,canEdit:r}=Ft("order",{history:{propDisplayName:zl}}),{placeholder:o}=(0,n.useBoundProp)(),a=o,i=(0,l.useMemo)(()=>jl(e?.value??null),[e]),[s,c]=(0,l.useState)(i),[u,m]=(0,l.useState)(!1);(0,l.useEffect)(()=>{u||c(i)},[i,u]),(0,l.useEffect)(()=>{null===e&&m(!1)},[e]);const p=jl(a?.value??null),d=Ll===s||Ll===p,f=Ll===p?String(a?.value??null):"";return l.createElement(l.Fragment,null,l.createElement(dn,{label:zl},l.createElement(n.ControlToggleButtonGroup,{items:Bl,value:s,onChange:e=>{c(e),m(e===Ll),t(Ll!==e?Rl!==e&&Ol!==e?null:{$$type:"number",value:Nl[e]}:{$$type:"number",value:null})},exclusive:!0,placeholder:p,disabled:!r})),d&&l.createElement(R.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(R.Grid,{item:!0,xs:6},l.createElement(pn,null,(0,O.__)("Custom order","elementor"))),l.createElement(R.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.NumberControl,{min:-99998,max:99998,shouldForceInt:!0,placeholder:f}))))}const jl=e=>99999===e?Ol:Dl===e?Rl:null!==e?Ll:null,Al=(0,O.__)("Flex Size","elementor"),Fl=[{value:"flex-grow",label:(0,O.__)("Grow","elementor"),renderContent:({size:e})=>l.createElement(D.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,O.__)("Shrink","elementor"),renderContent:({size:e})=>l.createElement(D.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,O.__)("Custom","elementor"),renderContent:({size:e})=>l.createElement(D.PencilIcon,{fontSize:e}),showTooltip:!0}],Ul=()=>l.createElement(kn,null,l.createElement(ke,null,l.createElement(on,{bind:"flex",propDisplayName:Al},l.createElement($l,null)))),$l=()=>{const{value:e,setValue:t,canEdit:r}=Ft("flex",{history:{propDisplayName:Al}}),{placeholder:o}=(0,n.useBoundProp)(),a=Gl(e),i=(0,l.useMemo)(()=>Hl(a),[a]),[s,c]=(0,l.useState)(i),[u,m]=(0,l.useState)(!1);(0,l.useEffect)(()=>{u||c(i)},[i,u]),(0,l.useEffect)(()=>{null===e&&m(!1)},[e]);const p=Hl(Gl(o)),d="custom"===s||"custom"===p;return l.createElement(l.Fragment,null,l.createElement(dn,{label:Al},l.createElement(n.ControlToggleButtonGroup,{value:s??null,placeholder:p??null,onChange:(n=null)=>{c(n),m("custom"===n);const l=Wl(n,e);t(l)},disabled:!r,items:Fl,exclusive:!0})),d&&l.createElement(Kl,null))};function Gl(e){return{grow:e?.value?.flexGrow?.value??null,shrink:e?.value?.flexShrink?.value??null,basis:e?.value?.flexBasis?.value??null}}const Wl=(e,t)=>e?"flex-grow"===e?o.flexPropTypeUtil.create({flexGrow:o.numberPropTypeUtil.create(1),flexShrink:null,flexBasis:null}):"flex-shrink"===e?o.flexPropTypeUtil.create({flexGrow:null,flexShrink:o.numberPropTypeUtil.create(1),flexBasis:null}):"custom"===e?t||o.flexPropTypeUtil.create({flexGrow:null,flexShrink:null,flexBasis:null}):null:null,Kl=()=>{const e=(0,l.useRef)(null),t=(0,n.useBoundProp)(o.flexPropTypeUtil);return l.createElement(n.PropProvider,t,l.createElement(l.Fragment,null,l.createElement(dn,{label:(0,O.__)("Grow","elementor")},l.createElement(n.PropKeyProvider,{bind:"flexGrow"},l.createElement(n.NumberControl,{min:0,shouldForceInt:!0}))),l.createElement(dn,{label:(0,O.__)("Shrink","elementor")},l.createElement(n.PropKeyProvider,{bind:"flexShrink"},l.createElement(n.NumberControl,{min:0,shouldForceInt:!0}))),l.createElement(dn,{label:(0,O.__)("Basis","elementor"),ref:e},l.createElement(n.PropKeyProvider,{bind:"flexBasis"},l.createElement(n.SizeControl,{extendedOptions:["auto"],anchorRef:e})))))},Hl=({grow:e,shrink:t,basis:n})=>null!==e||null!==t||n?t&&e||n?"custom":1===e?"flex-grow":1===t?"flex-shrink":"custom":null,Jl=(0,O.__)("Gaps","elementor"),Yl=()=>l.createElement(on,{bind:"gap",propDisplayName:Jl},l.createElement(n.GapControl,{label:Jl}));function ql(){return ql=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},ql.apply(null,arguments)}const Xl=(0,O.__)("Justify content","elementor"),Zl=(0,R.withDirection)(D.JustifyTopIcon),Ql=(0,R.withDirection)(D.JustifyBottomIcon),er={isClockwise:!0,offset:-90},tr=[{value:"flex-start",label:(0,O.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(Qn,ql({icon:Zl,size:e},er)),showTooltip:!0},{value:"center",label:(0,O.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(Qn,ql({icon:D.JustifyCenterIcon,size:e},er)),showTooltip:!0},{value:"flex-end",label:(0,O.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Qn,ql({icon:Ql,size:e},er)),showTooltip:!0},{value:"space-between",label:(0,O.__)("Space between","elementor"),renderContent:({size:e})=>l.createElement(Qn,ql({icon:D.JustifySpaceBetweenVerticalIcon,size:e},er)),showTooltip:!0},{value:"space-around",label:(0,O.__)("Space around","elementor"),renderContent:({size:e})=>l.createElement(Qn,ql({icon:D.JustifySpaceAroundVerticalIcon,size:e},er)),showTooltip:!0},{value:"space-evenly",label:(0,O.__)("Space evenly","elementor"),renderContent:({size:e})=>l.createElement(Qn,ql({icon:D.JustifyDistributeVerticalIcon,size:e},er)),showTooltip:!0}],nr=()=>l.createElement(on,{bind:"justify-content",propDisplayName:Xl},l.createElement(kn,null,l.createElement(dn,{label:Xl,direction:"column"},l.createElement(n.ToggleControl,{options:tr,fullWidth:!0})))),lr=(0,O.__)("Wrap","elementor"),rr=[{value:"nowrap",label:(0,O.__)("No wrap","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,O.__)("Wrap","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,O.__)("Reversed wrap","elementor"),renderContent:({size:e})=>l.createElement(D.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],or=()=>l.createElement(on,{bind:"flex-wrap",propDisplayName:lr},l.createElement(kn,null,l.createElement(dn,{label:lr},l.createElement(n.ToggleControl,{options:rr})))),ar=(0,O.__)("Display","elementor"),ir=(0,O.__)("Flex wrap","elementor"),sr=()=>{const{value:e}=Ft("display",{history:{propDisplayName:ar}}),t=Tl(),n=mr(e,t),{element:o}=d(),a=(0,r.useParentElement)(o.id),i=(s=a?.id||null,(0,ne.__privateUseListenTo)([(0,ne.windowEvent)("elementor/device-mode/change"),(0,ne.commandEndEvent)("document/elements/reset-style"),(0,ne.commandEndEvent)("document/elements/settings"),(0,ne.commandEndEvent)("document/elements/paste-style")],()=>{if(!s)return null;const e=window,t=e.elementor?.getContainer?.(s);return t?.view?.el?window.getComputedStyle(t.view.el):null}));var s;const c=i?.flexDirection??"row";return l.createElement(ke,null,l.createElement(xl,null),n&&l.createElement(cr,null),"flex"===i?.display&&l.createElement(ur,{parentStyleDirection:c}))},cr=()=>{const{value:e}=Ft("flex-wrap",{history:{propDisplayName:ir}});return l.createElement(l.Fragment,null,l.createElement(kl,null),l.createElement(nr,null),l.createElement(fl,null),l.createElement(cn,null),l.createElement(Yl,null),l.createElement(or,null),["wrap","wrap-reverse"].includes(e?.value)&&l.createElement(il,null))},ur=({parentStyleDirection:e})=>l.createElement(l.Fragment,null,l.createElement(cn,null),l.createElement(n.ControlFormLabel,null,(0,O.__)("Flex child","elementor")),l.createElement(wl,{parentStyleDirection:e}),l.createElement(Vl,null),l.createElement(Ul,null)),mr=(e,t)=>{const n=e?.value??t?.value;return!!n&&("flex"===n||"inline-flex"===n)},pr=(0,R.withDirection)(D.SideLeftIcon),dr=(0,R.withDirection)(D.SideRightIcon),fr={"inset-block-start":l.createElement(D.SideTopIcon,{fontSize:"tiny"}),"inset-block-end":l.createElement(D.SideBottomIcon,{fontSize:"tiny"}),"inset-inline-start":l.createElement(Qn,{icon:pr,size:"tiny"}),"inset-inline-end":l.createElement(Qn,{icon:dr,size:"tiny"})},Er=e=>e?(0,O.__)("Right","elementor"):(0,O.__)("Left","elementor"),yr=e=>e?(0,O.__)("Left","elementor"):(0,O.__)("Right","elementor"),br=()=>{const{isSiteRtl:e}=$t(),t=[(0,l.useRef)(null),(0,l.useRef)(null)];return l.createElement(kn,null,l.createElement(R.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:t[0]},l.createElement(gr,{side:"inset-block-start",label:(0,O.__)("Top","elementor"),rowRef:t[0]}),l.createElement(gr,{side:"inset-inline-end",label:yr(e),rowRef:t[0]})),l.createElement(R.Stack,{direction:"row",gap:2,flexWrap:"nowrap",ref:t[1]},l.createElement(gr,{side:"inset-block-end",label:(0,O.__)("Bottom","elementor"),rowRef:t[1]}),l.createElement(gr,{side:"inset-inline-start",label:Er(e),rowRef:t[1]})))},gr=({side:e,label:t,rowRef:r})=>l.createElement(on,{bind:e,propDisplayName:t},l.createElement(R.Grid,{container:!0,gap:.75,alignItems:"center"},l.createElement(R.Grid,{item:!0,xs:12},l.createElement(pn,null,t)),l.createElement(R.Grid,{item:!0,xs:12},l.createElement(n.SizeControl,{startIcon:fr[e],extendedOptions:["auto"],anchorRef:r,min:-Number.MAX_SAFE_INTEGER})))),vr=(0,O.__)("Anchor offset","elementor"),hr=["px","em","rem","vw","vh"],_r=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"scroll-margin-top",propDisplayName:vr},l.createElement(dn,{label:vr,ref:e},l.createElement(n.SizeControl,{units:hr,anchorRef:e})))},wr=(0,O.__)("Position","elementor"),Sr=[{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"}],Cr=({onChange:e})=>l.createElement(on,{bind:"position",propDisplayName:wr},l.createElement(dn,{label:wr},l.createElement(n.SelectControl,{options:Sr,onChange:e}))),xr=(0,O.__)("Z-index","elementor"),Tr=()=>l.createElement(on,{bind:"z-index",propDisplayName:xr},l.createElement(dn,{label:xr},l.createElement(n.NumberControl,null))),Ir=(0,O.__)("Position","elementor"),Pr=(0,O.__)("Dimensions","elementor"),kr=()=>{const{value:e}=Ft("position",{history:{propDisplayName:Ir}}),{values:t,setValues:n}=Re(["inset-block-start","inset-block-end","inset-inline-start","inset-inline-end"]),[r,o,a]=zr(),i=e&&"static"!==e?.value;return l.createElement(ke,null,l.createElement(Cr,{onChange:(e,l)=>{const i={history:{propDisplayName:Pr}};"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"===l&&r&&(n(r,i),a())}}),i?l.createElement(l.Fragment,null,l.createElement(br,null),l.createElement(Tr,null)):null,l.createElement(cn,null),l.createElement(_r,null))},zr=()=>{const{id:e,meta:t}=C(),n=`styles/${e}/${t.breakpoint||"desktop"}/${t.state||"null"}/dimensions`;return(0,i.useSessionStorage)(n)},Dr=({fields:e})=>{const{id:t,meta:n,provider:r}=C(),o=Vt(),a=Object.fromEntries(Object.entries(o??{}).filter(([t])=>e.includes(t))),{hasValues:i,hasOverrides:s}=function(e,t,n){let l=!1,r=!1;return Object.values(e).forEach(e=>{const o=function(e,t,n){return e.find(({style:{id:e},variant:{meta:{breakpoint:l,state:r}}})=>e===t&&l===n.breakpoint&&r===n.state)}(e,t,n);if(!o)return;const[a]=e;o===a?l=!0:r=!0}),{hasValues:l,hasOverrides:r}}(a,t??"",n);if(!i&&!s)return null;const c=(0,O.__)("Has effective styles","elementor"),u=(0,O.__)("Has overridden styles","elementor");return l.createElement(R.Tooltip,{title:(0,O.__)("Has styles","elementor"),placement:"top"},l.createElement(R.Stack,{direction:"row",sx:{"& > *":{marginInlineStart:-.25}},role:"list"},i&&r&&l.createElement(Q,{getColor:j(r.getKey()),"data-variant":(0,f.isElementsStylesProvider)(r.getKey())?"local":"global",role:"listitem","aria-label":c}),s&&l.createElement(Q,{isOverridden:!0,"data-variant":"overridden",role:"listitem","aria-label":u})))},Rr=({fields:e=[],children:t})=>l.createElement(vt,{titleEnd:Or(e)},t);function Or(e){return 0===e.length?null:t=>t?null:l.createElement(Dr,{fields:e})}const Lr=(0,O.__)("Object fit","elementor"),Nr=[{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"}],Br=()=>l.createElement(on,{bind:"object-fit",propDisplayName:Lr},l.createElement(dn,{label:Lr},l.createElement(n.SelectControl,{options:Nr}))),Vr=(0,O.__)("Overflow","elementor"),Mr=[{value:"visible",label:(0,O.__)("Visible","elementor"),renderContent:({size:e})=>l.createElement(D.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,O.__)("Hidden","elementor"),renderContent:({size:e})=>l.createElement(D.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,O.__)("Auto","elementor"),renderContent:({size:e})=>l.createElement(D.LetterAIcon,{fontSize:e}),showTooltip:!0}],jr=()=>l.createElement(on,{bind:"overflow",propDisplayName:Vr},l.createElement(dn,{label:Vr},l.createElement(n.ToggleControl,{options:Mr})));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 l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},Ar.apply(null,arguments)}const Fr=[[{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")}]],Ur=(0,O.__)("Aspect Ratio","elementor"),$r=()=>{const e=[(0,l.useRef)(null),(0,l.useRef)(null),(0,l.useRef)(null)];return l.createElement(ke,null,Fr.map((t,n)=>l.createElement(R.Grid,{key:n,container:!0,gap:2,flexWrap:"nowrap",ref:e[n]},t.map(t=>l.createElement(R.Grid,{item:!0,xs:6,key:t.bind},l.createElement(Gr,Ar({},t,{rowRef:e[n],extendedOptions:["auto"]})))))),l.createElement(cn,null),l.createElement(R.Stack,null,l.createElement(jr,null)),l.createElement(Rr,{fields:["aspect-ratio","object-fit"]},l.createElement(R.Stack,{gap:2,pt:2},l.createElement(on,{bind:"aspect-ratio",propDisplayName:Ur},l.createElement(n.AspectRatioControl,{label:Ur})),l.createElement(cn,null),l.createElement(Br,null),l.createElement(on,{bind:"object-position",propDisplayName:(0,O.__)("Object position","elementor")},l.createElement(R.Grid,{item:!0,xs:6},l.createElement(n.PositionControl,null))))))},Gr=({label:e,bind:t,rowRef:r,extendedOptions:o})=>l.createElement(on,{bind:t,propDisplayName:e},l.createElement(R.Grid,{container:!0,gap:.75,alignItems:"center"},l.createElement(R.Grid,{item:!0,xs:12},l.createElement(pn,null,e)),l.createElement(R.Grid,{item:!0,xs:12},l.createElement(n.SizeControl,{extendedOptions:o,anchorRef:r})))),Wr=(0,O.__)("Margin","elementor"),Kr=(0,O.__)("Padding","elementor"),Hr=()=>{const{isSiteRtl:e}=$t();return l.createElement(ke,null,l.createElement(on,{bind:"margin",propDisplayName:Wr},l.createElement(n.LinkedDimensionsControl,{label:Wr,isSiteRtl:e,extendedOptions:["auto"],min:-Number.MAX_SAFE_INTEGER})),l.createElement(cn,null),l.createElement(on,{bind:"padding",propDisplayName:Kr},l.createElement(n.LinkedDimensionsControl,{label:Kr,isSiteRtl:e})))},Jr=(0,O.__)("Columns","elementor"),Yr=()=>l.createElement(on,{bind:"column-count",propDisplayName:Jr},l.createElement(dn,{label:Jr},l.createElement(n.NumberControl,{shouldForceInt:!0,min:0,step:1}))),qr=(0,O.__)("Column gap","elementor"),Xr=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"column-gap",propDisplayName:qr},l.createElement(dn,{label:qr,ref:e},l.createElement(n.SizeControl,{anchorRef:e})))},Zr=(0,O.__)("Font family","elementor"),Qr=()=>{const e=Ae(),t=Te();return 0===e.length?null:l.createElement(on,{bind:"font-family",propDisplayName:Zr},l.createElement(dn,{label:Zr},l.createElement(n.FontFamilyControl,{fontFamilies:e,sectionWidth:t})))},eo=(0,O.__)("Font size","elementor"),to=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"font-size",propDisplayName:eo},l.createElement(dn,{label:eo,ref:e},l.createElement(n.SizeControl,{anchorRef:e})))},no=(0,O.__)("Font style","elementor"),lo=[{value:"normal",label:(0,O.__)("Normal","elementor"),renderContent:({size:e})=>l.createElement(D.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"italic",label:(0,O.__)("Italic","elementor"),renderContent:({size:e})=>l.createElement(D.ItalicIcon,{fontSize:e}),showTooltip:!0}],ro=()=>l.createElement(on,{bind:"font-style",propDisplayName:no},l.createElement(dn,{label:no},l.createElement(n.ToggleControl,{options:lo}))),oo=(0,O.__)("Font weight","elementor"),ao=[{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")}],io=()=>l.createElement(on,{bind:"font-weight",propDisplayName:oo},l.createElement(dn,{label:oo},l.createElement(n.SelectControl,{options:ao}))),so=(0,O.__)("Letter spacing","elementor"),co=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"letter-spacing",propDisplayName:so},l.createElement(dn,{label:so,ref:e},l.createElement(n.SizeControl,{anchorRef:e})))},uo=(0,O.__)("Line height","elementor"),mo=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"line-height",propDisplayName:uo},l.createElement(dn,{label:uo,ref:e},l.createElement(n.SizeControl,{anchorRef:e})))},po=(0,O.__)("Text align","elementor"),fo=(0,R.withDirection)(D.AlignLeftIcon),Eo=(0,R.withDirection)(D.AlignRightIcon),yo=[{value:"start",label:(0,O.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(fo,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,O.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(D.AlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,O.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Eo,{fontSize:e}),showTooltip:!0},{value:"justify",label:(0,O.__)("Justify","elementor"),renderContent:({size:e})=>l.createElement(D.AlignJustifiedIcon,{fontSize:e}),showTooltip:!0}],bo=()=>l.createElement(on,{bind:"text-align",propDisplayName:po},l.createElement(kn,null,l.createElement(dn,{label:po},l.createElement(n.ToggleControl,{options:yo})))),go=(0,O.__)("Text color","elementor"),vo=()=>l.createElement(on,{bind:"color",propDisplayName:go},l.createElement(dn,{label:go},l.createElement(n.ColorControl,null))),ho=(0,O.__)("Line decoration","elementor"),_o=[{value:"none",label:(0,O.__)("None","elementor"),renderContent:({size:e})=>l.createElement(D.MinusIcon,{fontSize:e}),showTooltip:!0,exclusive:!0},{value:"underline",label:(0,O.__)("Underline","elementor"),renderContent:({size:e})=>l.createElement(D.UnderlineIcon,{fontSize:e}),showTooltip:!0},{value:"line-through",label:(0,O.__)("Line-through","elementor"),renderContent:({size:e})=>l.createElement(D.StrikethroughIcon,{fontSize:e}),showTooltip:!0},{value:"overline",label:(0,O.__)("Overline","elementor"),renderContent:({size:e})=>l.createElement(D.OverlineIcon,{fontSize:e}),showTooltip:!0}],wo=()=>l.createElement(on,{bind:"text-decoration",propDisplayName:ho},l.createElement(dn,{label:ho},l.createElement(n.ToggleControl,{options:_o,exclusive:!1}))),So=(0,O.__)("Direction","elementor"),Co=[{value:"ltr",label:(0,O.__)("Left to right","elementor"),renderContent:({size:e})=>l.createElement(D.TextDirectionLtrIcon,{fontSize:e}),showTooltip:!0},{value:"rtl",label:(0,O.__)("Right to left","elementor"),renderContent:({size:e})=>l.createElement(D.TextDirectionRtlIcon,{fontSize:e}),showTooltip:!0}],xo=()=>l.createElement(on,{bind:"direction",propDisplayName:So},l.createElement(dn,{label:So},l.createElement(n.ToggleControl,{options:Co}))),To={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},Io=(0,O.__)("Text stroke","elementor"),Po=()=>{const{value:e,setValue:t,canEdit:r}=Ft("stroke",{history:{propDisplayName:Io}}),o=Boolean(e);return l.createElement(on,{bind:"stroke",propDisplayName:Io},l.createElement(mn,{isAdded:o,onAdd:()=>{t(To)},onRemove:()=>{t(null)},disabled:!r,renderLabel:()=>l.createElement(pn,null,Io)},l.createElement(n.StrokeControl,null)))},ko=(0,O.__)("Text transform","elementor"),zo=[{value:"none",label:(0,O.__)("None","elementor"),renderContent:({size:e})=>l.createElement(D.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"capitalize",label:(0,O.__)("Capitalize","elementor"),renderContent:({size:e})=>l.createElement(D.LetterCaseIcon,{fontSize:e}),showTooltip:!0},{value:"uppercase",label:(0,O.__)("Uppercase","elementor"),renderContent:({size:e})=>l.createElement(D.LetterCaseUpperIcon,{fontSize:e}),showTooltip:!0},{value:"lowercase",label:(0,O.__)("Lowercase","elementor"),renderContent:({size:e})=>l.createElement(D.LetterCaseLowerIcon,{fontSize:e}),showTooltip:!0}],Do=()=>l.createElement(on,{bind:"text-transform",propDisplayName:ko},l.createElement(dn,{label:ko},l.createElement(n.ToggleControl,{options:zo}))),Ro=(0,O.__)("Word spacing","elementor"),Oo=()=>{const e=(0,l.useRef)(null);return l.createElement(on,{bind:"word-spacing",propDisplayName:Ro},l.createElement(dn,{label:Ro,ref:e},l.createElement(n.SizeControl,{anchorRef:e})))},Lo=()=>l.createElement(ke,null,l.createElement(Qr,null),l.createElement(io,null),l.createElement(to,null),l.createElement(cn,null),l.createElement(bo,null),l.createElement(vo,null),l.createElement(Rr,{fields:["line-height","letter-spacing","word-spacing","column-count","text-decoration","text-transform","direction","font-style","stroke"]},l.createElement(ke,{sx:{pt:2}},l.createElement(mo,null),l.createElement(co,null),l.createElement(Oo,null),l.createElement(Yr,null),l.createElement(Xr,null),l.createElement(cn,null),l.createElement(wo,null),l.createElement(Do,null),l.createElement(xo,null),l.createElement(ro,null),l.createElement(Po,null)))),No=({section:e,fields:t=[]})=>{const{component:n,name:r,title:o}=e,a=nt(),i=n,s=a.defaultSectionsExpanded.style?.includes(r);return l.createElement(_t,{title:o,defaultExpanded:s,titleEnd:Or(t)},l.createElement(i,null))},Bo={position:"sticky",zIndex:1100,opacity:1,backgroundColor:"background.default",transition:"top 300ms ease"},Vo=()=>{const e=function(){const{elementType:e}=d(),t=Object.entries(e.propsSchema).find(([,e])=>"plain"===e.kind&&e.key===o.CLASSES_PROP_KEY);if(!t)throw new Error("Element does not have a classes prop");return t[0]}(),[t,n]=function(e){const[t,n]=lt("active-style-id",null),l=function(e){const{element:t}=d();return(0,r.useElementSetting)(t.id,e)}(e)?.value||[],o=function(e){const{element:t}=d(),n=(0,r.getElementStyles)(t.id)??{};return Object.values(n).find(t=>e.includes(t.id))}(l);return[function(e,t){return e&&t.includes(e)?e:null}(t,l)||o?.id||null,n]}(e),[a,s]=(0,l.useState)(null),u=(0,Tt.useActiveBreakpoint)(),m=(0,ne.isExperimentActive)(ne.EXPERIMENTAL_FEATURES.CUSTOM_CSS);return l.createElement(c,{prop:e},l.createElement(S,{meta:{breakpoint:u,state:a},id:t,setId:e=>{n(e),s(null)},setMetaState:s},l.createElement(i.SessionStorageProvider,{prefix:t??""},l.createElement(Bt,null,l.createElement(Mo,null,l.createElement(_e,null),l.createElement(R.Divider,null)),l.createElement(St,null,l.createElement(No,{section:{component:sr,name:"Layout",title:(0,O.__)("Layout","elementor")},fields:["display","flex-direction","flex-wrap","justify-content","align-items","align-content","align-self","gap"]}),l.createElement(No,{section:{component:Hr,name:"Spacing",title:(0,O.__)("Spacing","elementor")},fields:["margin","padding"]}),l.createElement(No,{section:{component:$r,name:"Size",title:(0,O.__)("Size","elementor")},fields:["width","min-width","max-width","height","min-height","max-height","overflow","aspect-ratio","object-fit"]}),l.createElement(No,{section:{component:kr,name:"Position",title:(0,O.__)("Position","elementor")},fields:["position","z-index","scroll-margin-top"]}),l.createElement(No,{section:{component:Lo,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"]}),l.createElement(No,{section:{component:sn,name:"Background",title:(0,O.__)("Background","elementor")},fields:["background"]}),l.createElement(No,{section:{component:Fn,name:"Border",title:(0,O.__)("Border","elementor")},fields:["border-radius","border-width","border-color","border-style"]}),l.createElement(No,{section:{component:Yn,name:"Effects",title:(0,O.__)("Effects","elementor")},fields:["box-shadow","opacity","transform","filter","backdrop-filter","transform-origin","transition"]}),m&&l.createElement(No,{section:{component:Me,name:"Custom CSS",title:(0,O.__)("Custom CSS","elementor")}})),l.createElement(R.Box,{sx:{height:"150px"}})))))};function Mo({children:e}){const t=(0,l.useContext)(Xe)?.direction??"up";return l.createElement(R.Stack,{sx:{...Bo,top:"up"===t?"37px":0}},e)}function jo(){return jo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},jo.apply(null,arguments)}const Ao=()=>{const{element:e}=d();return l.createElement(l.Fragment,{key:e.id},l.createElement(Fo,null))},Fo=()=>{const e=nt().defaultTab,[t,n]=lt("tab",e),{getTabProps:r,getTabPanelProps:o,getTabsProps:a}=(0,R.useTabs)(t);return l.createElement(Qe,null,l.createElement(R.Stack,{direction:"column",sx:{width:"100%"}},l.createElement(R.Stack,{sx:{...Bo,top:0}},l.createElement(R.Tabs,jo({variant:"fullWidth",size:"small",sx:{mt:.5}},a(),{onChange:(e,t)=>{a().onChange(e,t),n(t)}}),l.createElement(R.Tab,jo({label:(0,O.__)("General","elementor")},r("settings"))),l.createElement(R.Tab,jo({label:(0,O.__)("Style","elementor")},r("style")))),l.createElement(R.Divider,null)),l.createElement(R.TabPanel,jo({},o("settings"),{disablePadding:!0}),l.createElement(Ct,null)),l.createElement(R.TabPanel,jo({},o("style"),{disablePadding:!0}),l.createElement(Vo,null))))},{useMenuItems:Uo}=He,{panel:$o,usePanelActions:Go,usePanelStatus:Wo}=(0,Ye.__createPanel)({id:"editing-panel",component:()=>{const{element:e,elementType:t}=(0,r.useSelectedElement)(),o=Ue(),a=Uo().default;if(!e||!t)return null;const s=(0,O.__)("Edit %s","elementor").replace("%s",t.title);return l.createElement(R.ErrorBoundary,{fallback:l.createElement(qe,null)},l.createElement(i.SessionStorageProvider,{prefix:"elementor"},l.createElement(z.ThemeProvider,null,l.createElement(Ye.Panel,null,l.createElement(Ye.PanelHeader,null,l.createElement(Ye.PanelHeaderTitle,null,s),l.createElement(D.AtomIcon,{fontSize:"small",sx:{color:"text.tertiary"}})),l.createElement(Ye.PanelBody,null,l.createElement(n.ControlActionsProvider,{items:a},l.createElement(n.ControlReplacementsProvider,{replacements:o},l.createElement(p,{element:e,elementType:t},l.createElement(Ao,null)))))))))}}),Ko=()=>{const e=(0,r.getSelectedElements)(),t=(0,r.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},Ho=()=>((()=>{const{open:e}=Go();(0,l.useEffect)(()=>(0,ne.__privateListenTo)((0,ne.commandStartEvent)("panel/editor/open"),()=>{Ko()&&e()}),[])})(),null),Jo=()=>{const{atomicDynamicTags:e}=(()=>{const e=window;return e.elementor?.config??{}})();return e?{tags:e.tags,groups:e.groups}:null};var Yo=window.elementorV2.schema;const qo="dynamic",Xo=e=>{const t="union"===e.kind&&e.prop_types[qo];return t&&t.key===qo?t:null},Zo=e=>(0,o.isTransformable)(e)&&e.$$type===qo,Qo=(0,o.createPropUtils)(qo,Yo.z.strictObject({name:Yo.z.string(),settings:Yo.z.any().optional()})),ea=()=>{let e=[];const{propType:t}=(0,n.useBoundProp)();if(t){const n=Xo(t);e=n?.settings.categories||[]}return(0,l.useMemo)(()=>ta(e),[e.join()])},ta=e=>{const t=Jo();if(!e.length||!t?.tags)return[];const n=new Set(e);return Object.values(t.tags).filter(e=>e.categories.some(e=>n.has(e)))},na=e=>{const t=ea();return(0,l.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 l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},la.apply(null,arguments)}const ra=()=>l.createElement(D.DatabaseIcon,{fontSize:"tiny"}),oa=({value:e})=>{const t=(0,n.useBoundProp)(o.backgroundImageOverlayPropTypeUtil);return l.createElement(n.PropProvider,la({},t,{value:e.value}),l.createElement(n.PropKeyProvider,{bind:"image"},l.createElement(aa,{rawValue:e.value})))},aa=({rawValue:e})=>{const{propType:t}=(0,n.useBoundProp)(),r=t.prop_types["background-image-overlay"];return l.createElement(n.PropProvider,{propType:r.shape.image,value:e,setValue:()=>{}},l.createElement(n.PropKeyProvider,{bind:"src"},l.createElement(ia,{rawValue:e.image})))},ia=({rawValue:e})=>{const t=e.value.src,n=na(t.value.name||"");return l.createElement(l.Fragment,null,n?.label)},sa=e=>{const{element:t}=d(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return(0,i.useSessionStorage)(n)},ca=({bind:e,children:t})=>{const{value:r,setValue:o}=(0,n.useBoundProp)(Qo),{name:a="",settings:i}=r??{},s=na(a);if(!s)throw new Error(`Dynamic tag ${a} not found`);const c=s.props_schema[e],u=c?.default,m=i?.[e]??u,p=Et({schema:s.props_schema});return l.createElement(n.PropProvider,{propType:p,setValue:e=>{o({name:a,settings:{...i,...e}})},value:{[e]:m}},l.createElement(n.PropKeyProvider,{bind:e},t))},ua=({close:e})=>{const[t,r]=(0,l.useState)(""),{groups:o}=Jo()||{},a=(0,R.useTheme)(),{value:i}=(0,n.useBoundProp)(),{bind:s,value:c,setValue:u}=(0,n.useBoundProp)(Qo),[,m]=sa(s),p=!!c,d=da(t),f=!d.length&&!t.trim(),E=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 l.createElement(Pe,null,l.createElement(z.PopoverHeader,{title:(0,O.__)("Dynamic tags","elementor"),onClose:e,icon:l.createElement(D.DatabaseIcon,{fontSize:"tiny"})}),f?l.createElement(pa,null):l.createElement(l.Fragment,null,l.createElement(z.PopoverSearch,{value:t,onSearch:e=>{r(e)},placeholder:(0,O.__)("Search dynamic tags…","elementor")}),l.createElement(R.Divider,null),l.createElement(z.PopoverMenuList,{items:E,onSelect:t=>{p||m(i);const n=d.flatMap(([,e])=>e).find(e=>e.value===t);u({name:t,settings:{label:n?.label}}),e()},onClose:e,selectedValue:c?.name,itemStyle:e=>"item"===e.type?{paddingInlineStart:a.spacing(3.5)}:{},noResultsComponent:l.createElement(ma,{searchValue:t,onClear:()=>r("")})})))},ma=({searchValue:e,onClear:t})=>l.createElement(R.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},l.createElement(D.DatabaseIcon,{fontSize:"large"}),l.createElement(R.Typography,{align:"center",variant:"subtitle2"},(0,O.__)("Sorry, nothing matched","elementor"),l.createElement("br",null),"“",e,"”."),l.createElement(R.Typography,{align:"center",variant:"caption",sx:{display:"flex",flexDirection:"column"}},(0,O.__)("Try something else.","elementor"),l.createElement(R.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,O.__)("Clear & try again","elementor")))),pa=()=>l.createElement(l.Fragment,null,l.createElement(R.Divider,null),l.createElement(R.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},l.createElement(D.DatabaseIcon,{fontSize:"large"}),l.createElement(R.Typography,{align:"center",variant:"subtitle2"},(0,O.__)("Streamline your workflow with dynamic tags","elementor")),l.createElement(R.Typography,{align:"center",variant:"caption"},(0,O.__)("You'll need Elementor Pro to use this feature.","elementor")))),da=e=>[...ea().reduce((t,{name:n,label:l,group:r})=>l.toLowerCase().includes(e.trim().toLowerCase())?(t.has(r)||t.set(r,[]),t.get(r)?.push({label:l,value:n}),t):t,new Map)];function fa(){return fa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},fa.apply(null,arguments)}const Ea="tiny",ya=()=>{const{setValue:e}=(0,n.useBoundProp)(),{bind:t,value:r}=(0,n.useBoundProp)(Qo),[o]=sa(t),a=(0,R.usePopupState)({variant:"popover"}),{name:i=""}=r,s=na(i);if(!s)throw new Error(`Dynamic tag ${i} not found`);return l.createElement(R.Box,null,l.createElement(R.UnstableTag,fa({fullWidth:!0,showActionsOnHover:!0,label:s.label,startIcon:l.createElement(D.DatabaseIcon,{fontSize:Ea})},(0,R.bindTrigger)(a),{actions:l.createElement(l.Fragment,null,l.createElement(ba,{dynamicTag:s}),l.createElement(R.IconButton,{size:Ea,onClick:()=>{e(o??null)},"aria-label":(0,O.__)("Remove dynamic value","elementor")},l.createElement(D.XIcon,{fontSize:Ea})))})),l.createElement(R.Popover,fa({disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,R.bindPopover)(a)),l.createElement(Pe,null,l.createElement(ua,{close:a.close}))))},ba=({dynamicTag:e})=>{const t=(0,R.usePopupState)({variant:"popover"});return e.atomic_controls.length?l.createElement(l.Fragment,null,l.createElement(R.IconButton,fa({size:Ea},(0,R.bindTrigger)(t),{"aria-label":(0,O.__)("Settings","elementor")}),l.createElement(D.SettingsIcon,{fontSize:Ea})),l.createElement(R.Popover,fa({disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,R.bindPopover)(t)),l.createElement(Pe,null,l.createElement(z.PopoverHeader,{title:e.label,onClose:t.close,icon:l.createElement(D.DatabaseIcon,{fontSize:Ea})}),l.createElement(ga,{controls:e.atomic_controls})))):null},ga=({controls:e})=>{const t=e.filter(({type:e})=>"section"===e),{getTabsProps:n,getTabProps:r,getTabPanelProps:o}=(0,R.useTabs)(0);return t.length?l.createElement(l.Fragment,null,l.createElement(R.Tabs,fa({size:"small",variant:"fullWidth"},n()),t.map(({value:e},t)=>l.createElement(R.Tab,fa({key:t,label:e.label,sx:{px:1,py:.5}},r(t))))),l.createElement(R.Divider,null),t.map(({value:e},t)=>l.createElement(R.TabPanel,fa({key:t,sx:{flexGrow:1,py:0,overflowY:"auto"}},o(t)),l.createElement(R.Stack,{p:2,gap:2},e.items.map(e=>"control"===e.type?l.createElement(ha,{key:e.value.bind,control:e.value}):null))))):null},va={separator:"two-columns"},ha=({control:e})=>{if(!ot.get(e.type))return null;const t=(e=>va[e.bind]??ot.getLayout(e.type))(e);return l.createElement(ca,{bind:e.bind},l.createElement(R.Grid,{container:!0,gap:.75,sx:"two-columns"===t?{display:"grid",gridTemplateColumns:"1fr 1fr"}:{}},e.label?l.createElement(R.Grid,{item:!0,xs:12},l.createElement(n.ControlFormLabel,null,e.label)):null,l.createElement(R.Grid,{item:!0,xs:12},l.createElement(it,{type:e.type,props:e.props}))))},_a=(0,E.createError)({code:"dynamic_tags_manager_not_found",message:"Dynamic tags manager not found"}),wa=(0,Ut.createTransformer)(e=>e.name?function(e,t){const n=window,{dynamicTags:l}=n.elementor??{};if(!l)throw new _a;const r=()=>{const n=l.createTag("v4-dynamic-tag",e,t);return n?l.loadTagDataFromCache(n)??null:null},o=r();return null!==o?o:new Promise(e=>{l.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??{})):null),Sa=()=>{const{propType:e}=(0,n.useBoundProp)(),t=!!e&&(e=>!!Xo(e))(e);return{visible:t,icon:D.DatabaseIcon,title:(0,O.__)("Dynamic tags","elementor"),content:({close:e})=>l.createElement(ua,{close:e})}},{registerPopoverAction:Ca}=He,xa=()=>{Fe({component:ya,condition:({value:e})=>Zo(e)}),(0,n.injectIntoRepeaterItemLabel)({id:"dynamic-background-image",condition:({value:e})=>Zo(e.value?.image?.value?.src),component:oa}),(0,n.injectIntoRepeaterItemIcon)({id:"dynamic-background-image",condition:({value:e})=>Zo(e.value?.image?.value?.src),component:ra}),Ca({id:"dynamic-tags",useProps:Sa}),Ut.styleTransformersRegistry.register("dynamic",wa),Ut.settingsTransformersRegistry.register("dynamic",wa)},{registerAction:Ta}=He;function Ia(){const e=!!(0,l.useContext)(w),{value:t,setValue:r,path:o}=(0,n.useBoundProp)(),a=o?.some(e=>!isNaN(Number(e)));return{visible:e&&null!=t&&!a,title:(0,O.__)("Clear","elementor"),icon:D.BrushBigIcon,onClick:()=>r(null)}}const Pa=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"]),ka=(0,Ut.createTransformer)(e=>l.createElement(R.Stack,{direction:"row",gap:1,alignItems:"center"},l.createElement(za,{value:e}),l.createElement(Da,{value:e}))),za=({value:e})=>{const{color:t}=e;return l.createElement(Ra,{size:"inherit",component:"span",value:t})},Da=({value:{color:e}})=>l.createElement("span",null,e),Ra=(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})),Oa=(0,Ut.createTransformer)(e=>l.createElement(R.Stack,{direction:"row",gap:1,alignItems:"center"},l.createElement(La,{value:e}),l.createElement(Na,{value:e}))),La=({value:e})=>{const t=Ba(e);return l.createElement(Ra,{size:"inherit",component:"span",value:t})},Na=({value:e})=>"linear"===e.type?l.createElement("span",null,(0,O.__)("Linear gradient","elementor")):l.createElement("span",null,(0,O.__)("Radial gradient","elementor")),Ba=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 Va=window.elementorV2.wpMedia;const Ma=(0,Ut.createTransformer)(e=>l.createElement(R.Stack,{direction:"row",gap:1,alignItems:"center"},l.createElement(ja,{value:e}),l.createElement(Aa,{value:e}))),ja=({value:e})=>{const{imageUrl:t}=Fa(e);return l.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})})},Aa=({value:e})=>{const{imageTitle:t}=Fa(e);return l.createElement(z.EllipsisWithTooltip,{title:t},l.createElement("span",null,t))},Fa=e=>{let t,n=null;const l=e?.image.src,{data:r}=(0,Va.useWpMediaAttachment)(l.id||null);if(l.id){const e=Ua(r?.filename);t=`${r?.title}${e}`||null,n=r?.url||null}else l.url&&(n=l.url,t=n?.substring(n.lastIndexOf("/")+1)||null);return{imageTitle:t,imageUrl:n}},Ua=e=>e?`.${e.substring(e.lastIndexOf(".")+1)}`:"",$a=(0,Ut.createTransformer)(e=>e&&0!==e.length?l.createElement(R.Stack,{direction:"column"},e.map((e,t)=>l.createElement(R.Stack,{key:t},e))):null);const Ga=()=>{!function(){const e=Ut.styleTransformersRegistry.all();Object.entries(e).forEach(([e,t])=>{Pa.has(e)||Wt.register(e,t)}),Wt.registerFallback((0,Ut.createTransformer)(e=>e)),Wt.register("background-color-overlay",ka),Wt.register("background-gradient-overlay",Oa),Wt.register("background-image-overlay",Ma),Wt.register("background-overlay",$a)}()};function Wa(){(0,Ye.__registerPanel)($o),Ka(),(0,Je.injectIntoLogic)({id:"editing-panel-hooks",component:Ho}),xa(),Ga(),Ta({id:"reset-style-value",useProps:Ia})}const Ka=()=>{(0,ne.blockCommand)({command:"panel/editor/open",condition:Ko})};(window.elementorV2=window.elementorV2||{}).editorEditingPanel=t}(),window.elementorV2.editorEditingPanel?.init?.();

Back