File "editor-editing-panel.js"

Full Path: /home/rfaztorb/public_html/wp-content-20250522162300/plugins/elementor/assets/js/packages/editor-editing-panel/editor-editing-panel.js
File size: 74.86 KB
MIME-type: text/plain
Charset: utf-8

/*! For license information please see editor-editing-panel.js.LICENSE.txt */
!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/editor-canvas":function(e){e.exports=window.elementorV2.editorCanvas},"@elementor/editor-controls":function(e){e.exports=window.elementorV2.editorControls},"@elementor/editor-current-user":function(e){e.exports=window.elementorV2.editorCurrentUser},"@elementor/editor-elements":function(e){e.exports=window.elementorV2.editorElements},"@elementor/editor-panels":function(e){e.exports=window.elementorV2.editorPanels},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/editor-responsive":function(e){e.exports=window.elementorV2.editorResponsive},"@elementor/editor-styles":function(e){e.exports=window.elementorV2.editorStyles},"@elementor/editor-styles-repository":function(e){e.exports=window.elementorV2.editorStylesRepository},"@elementor/editor-ui":function(e){e.exports=window.elementorV2.editorUi},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/locations":function(e){e.exports=window.elementorV2.locations},"@elementor/menus":function(e){e.exports=window.elementorV2.menus},"@elementor/schema":function(e){e.exports=window.elementorV2.schema},"@elementor/session":function(e){e.exports=window.elementorV2.session},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@elementor/utils":function(e){e.exports=window.elementorV2.utils},"@wordpress/i18n":function(e){e.exports=window.wp.i18n}},t={};function n(l){var r=t[l];if(void 0!==r)return r.exports;var o=t[l]={exports:{}};return e[l](o,o.exports,n),o.exports}n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};!function(){n.r(l),n.d(l,{controlActionsMenu:function(){return ie},init:function(){return Nl},injectIntoClassSelectorActions:function(){return le},registerControlReplacement:function(){return w},useBoundProp:function(){return e.useBoundProp},usePanelActions:function(){return gl},usePanelStatus:function(){return vl}});var e=n("@elementor/editor-controls"),t=n("react"),r=n("@elementor/editor-elements"),o=n("@elementor/editor-props"),a=n("@elementor/editor-styles-repository"),i=n("@elementor/editor-ui"),c=n("@elementor/icons"),s=n("@elementor/locations"),m=n("@elementor/ui"),u=n("@wordpress/i18n"),d=n("@elementor/utils"),p=n("@elementor/editor-panels"),E=n("@elementor/session"),f=n("@elementor/menus"),g=n("@elementor/editor-v1-adapters"),v=n("@elementor/editor-responsive"),b=n("@elementor/editor-styles"),_=n("@elementor/editor-canvas"),h=n("@elementor/editor"),y=n("@elementor/editor-current-user"),x=n("@elementor/schema"),{registerControlReplacement:w,getControlReplacements:S}=(0,e.createControlReplacementsRegistry)(),C=(0,t.createContext)(null);function I({children:e,prop:n}){return t.createElement(C.Provider,{value:{prop:n}},e)}function T(){const e=(0,t.useContext)(C);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var z=(0,t.createContext)(null);function k({children:e,element:n,elementType:l}){return t.createElement(z.Provider,{value:{element:n,elementType:l}},e)}function P(){const e=(0,t.useContext)(z);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}var G=(0,d.createError)({code:"control_type_not_found",message:"Control type not found."}),R=(0,d.createError)({code:"provider_not_found",message:"Styles provider not found."}),L=(0,d.createError)({code:"provider_cannot_update_props",message:"Styles provider doesn't support updating props."}),V=(0,d.createError)({code:"style_not_found_under_provider",message:"Style not found under the provider."}),B=(0,t.createContext)(null);function D({children:e,...n}){const l=null===n.id?null:M(n.id);if(n.id&&!l)throw new R({context:{styleId:n.id}});return t.createElement(B.Provider,{value:{...n,provider:l}},e)}function A(){const e=(0,t.useContext)(B);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}function M(e){return a.stylesRepository.getProviders().find((t=>t.actions.all().find((t=>t.id===e))))??null}var F=t.forwardRef((function({selected:e,options:n,entityName:l,onSelect:r,placeholder:o,onCreate:a,validate:i,...c},s){const{inputValue:u,setInputValue:d,error:p,setError:E,inputHandlers:f}=function(e){const[n,l]=(0,t.useState)(""),[r,o]=(0,t.useState)(null);return{inputValue:n,setInputValue:l,error:r,setError:o,inputHandlers:{onChange:t=>{const{value:n}=t.target;if(l(n),!e)return;if(!n)return void o(null);const{isValid:r,errorMessage:a}=e(n,"inputChange");o(r?null:a)},onBlur:()=>{l(""),o(null)}}}}(i),{open:g,openDropdown:v,closeDropdown:b}=function(e=!1){const[n,l]=(0,t.useState)(e);return{open:n,openDropdown:()=>l(!0),closeDropdown:()=>l(!1)}}(c.open),{createOption:_,loading:h}=function(e){const{onCreate:n,validate:l,setInputValue:r,setError:o,closeDropdown:a}=e,[i,c]=(0,t.useState)(!1);return{createOption:async e=>{if(n){if(c(!0),l){const{isValid:t,errorMessage:n}=l(e,"create");if(!t)return o(n),void c(!1)}try{r(""),a(),await n(e)}catch{}finally{c(!1)}}},loading:i}}({onCreate:a,validate:i,setInputValue:d,setError:E,closeDropdown:b}),[y,x]=(0,t.useMemo)((()=>[n,e].map((e=>function(e,t){return e.map((e=>({...e,_group:`Existing ${t??"options"}`})))}(e,l?.plural)))),[n,e,l?.plural]),w=function(e){const{options:t,onSelect:n,createOption:l,setInputValue:r,closeDropdown:o}=e;return async(e,a,i)=>{const c=a.filter((e=>"string"!=typeof e)),s=a.reduce(((e,t)=>"string"==typeof t?t:"create"===t._action?t.value:e),null),m=s&&t.find((e=>e.label===s));if(s&&function(e,n,l,r){const o="selectOption"===e&&n.some((e=>"create"===e._action)),a="createOption"===e&&!t.some((e=>e.label===l));return o||a&&!r}(i,c,s,Boolean(m)))return l(s);"createOption"===i&&m&&c.push(m),function(e){const l=[...t.filter((e=>!!e.fixed)),...e.filter((e=>!e.fixed))];n?.(function(e){return e.map((e=>{const{_group:t,_action:n,...l}=e;return l}))}(l))}(c),r(""),o()}}({options:y,onSelect:r,createOption:_,setInputValue:d,closeDropdown:b}),S=function(e){const{options:t,selected:n,onCreate:l,entityName:r}=e,o=(0,m.createFilterOptions)();return(e,a)=>{const i=n.map((e=>e.value)),c=o(e.filter((e=>!i.includes(e.value))),a),s=t.some((e=>a.inputValue===e.label));return Boolean(l)&&""!==a.inputValue&&!i.includes(a.inputValue)&&!s&&c.unshift({label:`Create "${a.inputValue}"`,value:a.inputValue,_group:`Create a new ${r?.singular??"option"}`,key:`create-${a.inputValue}`,_action:"create"}),c}}({options:n,selected:e,onCreate:a,entityName:l});return t.createElement(m.Autocomplete,{renderTags:(e,n)=>e.map(((e,l)=>t.createElement(m.Chip,{size:"tiny",...n({index:l}),key:e.key??e.value??e.label,label:e.label}))),...c,ref:s,freeSolo:!0,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:h,open:g,onOpen:v,onClose:b,disableCloseOnSelect:!0,value:x,options:y,ListboxComponent:p?t.forwardRef(((e,n)=>t.createElement(W,{ref:n,error:p}))):void 0,renderGroup:e=>t.createElement(O,{...e}),inputValue:u,renderInput:e=>t.createElement(m.TextField,{...e,placeholder:o,error:Boolean(p),...f,sx:e=>({".MuiAutocomplete-inputRoot.MuiInputBase-adornedStart":{paddingLeft:e.spacing(.25),paddingRight:e.spacing(.25)}})}),onChange:w,getOptionLabel:e=>"string"==typeof e?e:e.label,getOptionKey:e=>"string"==typeof e?e:e.key??e.value??e.label,filterOptions:S,groupBy:e=>e._group??"",renderOption:(e,n)=>{const{_group:l,label:r}=n;return t.createElement("li",{...e,style:{display:"block",textOverflow:"ellipsis"},"data-group":l},r)}})})),O=e=>{const n=`combobox-group-${(0,t.useId)().replace(/:/g,"_")}`;return t.createElement(j,{role:"group","aria-labelledby":n},t.createElement($,{id:n}," ",e.group),t.createElement(U,{role:"listbox"},e.children))},W=t.forwardRef((({error:e="error"},n)=>t.createElement(m.Box,{ref:n,sx:e=>({padding:e.spacing(2)})},t.createElement(m.Typography,{variant:"caption",sx:{color:"error.main",display:"inline-block"}},e)))),j=(0,m.styled)("li")`
	&:not( :last-of-type ) {
		border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
	}
`,$=(0,m.styled)(m.Box)((({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary,backgroundColor:e.palette.primary.contrastText}))),U=(0,m.styled)("ul")`
	padding: 0;
`,N=(0,m.styled)("div",{shouldForwardProp:e=>"variant"!==e})`
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: ${({theme:e,variant:t})=>{switch(t){case"overridden":return e.palette.warning.light;case"global":return e.palette.global.dark;case"local":return e.palette.accent.main;default:return e.palette.text.disabled}}};
`,K=["hover","focus","active"];function J({styleId:e,provider:n,popupState:l,handleRename:r,anchorEl:o}){const i=function(e){const{meta:t}=A(),n=a.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]))??[])}(e),c=!n||(0,a.isElementsStylesProvider)(n)?"local":"global";return t.createElement(m.Menu,{MenuListProps:{dense:!0,sx:{minWidth:"160px"}},...(0,m.bindMenu)(l),anchorEl:o,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{horizontal:"left",vertical:-4},onKeyDown:e=>{e.stopPropagation()},disableAutoFocusItem:!0},function({provider:e,styleId:n,handleRename:l,closeMenu:r}){if(!n||!e)return[];const o=a.stylesRepository.getProviderByKey(e),i=o?.actions,[c,s]=[i?.update,i?.delete],u=[c&&t.createElement(q,{key:"rename-class",handleRename:l,closeMenu:r}),s&&t.createElement(Y,{key:"unapply-class",styleId:n,closeMenu:r})].filter(Boolean);return u.length&&(u.unshift(t.createElement(m.MenuSubheader,{key:"provider-label",sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1,textTransform:"capitalize"}},o?.labels?.singular)),u.push(t.createElement(m.Divider,{key:"provider-actions-divider"}))),u}({provider:n,styleId:e,handleRename:r,closeMenu:l.close}),t.createElement(m.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,u.__)("States","elementor")),t.createElement(H,{key:"normal",state:null,styleId:e,closeMenu:l.close,isStyled:i.normal,indicatorVariant:c}),K.map((n=>t.createElement(H,{key:n,state:n,styleId:e,closeMenu:l.close,isStyled:i[n],indicatorVariant:c}))))}function H({state:e,styleId:n,closeMenu:l,isStyled:r=!1,indicatorVariant:o,...a}){const{id:c,setId:s,setMetaState:d,meta:p}=A(),{state:E}=p,f=n===c,g=e===E&&f;return t.createElement(i.MenuListItem,{...a,selected:g,sx:{textTransform:"capitalize"},onClick:()=>{f||s(n),d(e),l()}},t.createElement(m.Stack,{gap:.75,direction:"row",alignItems:"center"},r&&t.createElement(N,{"aria-label":(0,u.__)("Has style","elementor"),variant:o}),e??"normal"))}function Y({styleId:e,closeMenu:n,...l}){const o=(e=>{const{element:t}=P(),{setId:n}=A(),l=T(),o=(0,r.useElementSetting)(t.id,l),a=o?.value.filter((t=>t!==e))??[];return()=>{(0,r.updateElementSettings)({id:t.id,props:{[l]:{$$type:"classes",value:a}}}),n(null)}})(e);return t.createElement(i.MenuListItem,{...l,onClick:()=>{o(),n()}},(0,u.__)("Remove","elementor"))}function q({handleRename:e,closeMenu:n,...l}){return t.createElement(i.MenuListItem,{...l,onClick:()=>{n(),e()}},(0,u.__)("Rename","elementor"))}var X="tiny";function Z({id:e,provider:n,label:l,isActive:r,color:o,icon:s,chipProps:d,onClickActive:p,renameLabel:E,setError:f}){const{meta:g,setMetaState:v}=A(),b=(0,m.usePopupState)({variant:"popover"}),[_,h]=(0,t.useState)(null),{onDelete:y,...x}=d,{ref:w,isEditing:S,openEditMode:C,error:I,getProps:T}=(0,i.useEditable)({value:l,onSubmit:E,validation:Q,onError:f}),z=I?"error":o,k=n?a.stylesRepository.getProviderByKey(n)?.actions:null,P=Boolean(k?.update),G=r&&g.state;return t.createElement(t.Fragment,null,t.createElement(m.UnstableChipGroup,{ref:h,...x,"aria-label":`Edit ${l}`,role:"group",sx:e=>({"&.MuiChipGroup-root.MuiAutocomplete-tag":{margin:e.spacing(.125)}})},t.createElement(m.Chip,{size:X,label:S?t.createElement(i.EditableField,{ref:w,...T()}):t.createElement(i.EllipsisWithTooltip,{maxWidth:"10ch",title:l,as:"div"}),variant:!r||g.state||S?"standard":"filled",shape:"rounded",icon:s,color:z,onClick:()=>{G?v(null):P&&r?C():p(e)},"aria-pressed":r,sx:e=>({lineHeight:1,cursor:r&&P&&!G?"text":"pointer",borderRadius:.75*e.shape.borderRadius+"px","&.Mui-focusVisible":{boxShadow:"none !important"}})}),!S&&t.createElement(m.Chip,{icon:G?void 0:t.createElement(c.DotsVerticalIcon,{fontSize:"tiny"}),size:X,label:G?t.createElement(m.Stack,{direction:"row",gap:.5,alignItems:"center"},t.createElement(m.Typography,{variant:"inherit"},g.state),t.createElement(c.DotsVerticalIcon,{fontSize:"tiny"})):void 0,variant:"filled",shape:"rounded",color:z,...(0,m.bindTrigger)(b),"aria-label":(0,u.__)("Open CSS Class Menu","elementor"),sx:e=>({borderRadius:.75*e.shape.borderRadius+"px",paddingRight:0,...G?{}:{paddingLeft:0},".MuiChip-label":G?{paddingRight:0}:{padding:0}})})),t.createElement(J,{styleId:e,popupState:b,provider:n,handleRename:C,anchorEl:_}))}var Q=e=>{const t=(0,a.validateStyleLabel)(e,"rename");return t.isValid?null:t.errorMessage},ee="elementor-css-class-selector",te={label:(0,u.__)("local","elementor"),value:null,fixed:!0,color:"accent",icon:t.createElement(c.MapPinIcon,null),provider:null},{Slot:ne,inject:le}=(0,s.createLocation)();function re(){const e=function(){const{element:e}=P();return(0,a.useProviders)().filter((e=>!!e.actions.updateProps)).flatMap((n=>{const l=(0,a.isElementsStylesProvider)(n.getKey()),r=n.actions.all({elementId:e.id});return l&&0===r.length?[te]:r.map((e=>({label:e.label,value:e.id,fixed:l,color:l?"accent":"global",icon:l?t.createElement(c.MapPinIcon,null):null,provider:n.getKey()})))}))}(),{value:n,setValue:l,pushValue:s}=function(){const{element:e}=P(),t=T(),n=(0,r.useElementSetting)(e.id,t)?.value||[],l=n=>{(0,r.updateElementSettings)({id:e.id,props:{[t]:o.classesPropTypeUtil.create(n)}})};return{value:n,setValue:l,pushValue:n=>{const o=(0,r.getElementSetting)(e.id,t)?.value||[];l([...o,n])}}}(),{id:d,setId:p}=A(),E=(0,t.useRef)(null),[f,g]=(0,t.useState)(null),v=function(e,t){const{id:n,setId:l}=A();return r=>{const o=r.map((({value:e})=>e)).filter((e=>e!==te.value));if(o.length===e.length&&o.every((t=>e.includes(t))))return;t(o);const a=o.find((t=>!e.includes(t)));if(a)return void l(a);const i=e.find((e=>!o.includes(e)));i&&i===n&&l(o[0]??null)}}(n,l),{create:b,validate:_,entityName:h}=function({pushAppliedId:e,setActiveId:t}){const[n,l]=(0,a.useGetStylesRepositoryCreateAction)()??[null,null];if(!n||!l)return{};return{create:n=>{const r=l(n);e(r),t(r)},validate:(e,t)=>function(e){return e.actions.all().length>=e.limit}(n)?{isValid:!1,errorMessage:(0,u.__)("You’ve reached the limit of 50 classes. Please remove an existing one to create a new class.","elementor")}:(0,a.validateStyleLabel)(e,t),entityName:n.labels.singular&&n.labels.plural?n.labels:void 0}}({pushAppliedId:s,setActiveId:p}),y=function(e,t){const n=e.filter((e=>e.value&&t.includes(e.value)));return n.some((e=>e.provider&&(0,a.isElementsStylesProvider)(e.provider)))||n.unshift(te),n}(e,n),x=y.find((e=>e.value===d))??te,w=y.every((({fixed:e})=>e));return t.createElement(m.Stack,{p:2},t.createElement(m.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},t.createElement(m.FormLabel,{htmlFor:ee,size:"small"},(0,u.__)("Classes","elementor")),t.createElement(m.Stack,{direction:"row",gap:1},t.createElement(ne,null))),t.createElement(i.WarningInfotip,{open:Boolean(f),text:f??"",placement:"bottom",width:E.current?.getBoundingClientRect().width,offset:[0,-15]},t.createElement(F,{id:ee,ref:E,size:"tiny",placeholder:w?(0,u.__)("Type class name","elementor"):void 0,options:e,selected:y,entityName:h,onSelect:v,onCreate:b??void 0,validate:_??void 0,limitTags:50,getLimitTagsText:e=>t.createElement(m.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(e,n)=>e.map(((e,l)=>{const r=n({index:l}),o=e.value===x?.value;return t.createElement(Z,{key:r.key,label:e.label,provider:e.provider,id:e.value,isActive:o,color:o&&e.color?e.color:"default",icon:e.icon,chipProps:r,onClickActive:()=>p(e.value),renameLabel:t=>{if(!e.value)throw new Error("Cannot rename a class without style id");return oe(e.provider,{label:t,id:e.value})},setError:g})}))})))}var oe=(e,t)=>{if(!e)return;const n=a.stylesRepository.getProviderByKey(e);return n?n.actions.update?.(t):void 0},ae="tiny",ie=(0,f.createMenu)({components:{PopoverAction:function({title:e,visible:n=!0,icon:l,popoverContent:r}){const o=(0,t.useId)(),a=(0,m.usePopupState)({variant:"popover",popupId:`elementor-popover-action-${o}`});return n?t.createElement(t.Fragment,null,t.createElement(m.Tooltip,{placement:"top",title:e},t.createElement(m.IconButton,{"aria-label":e,key:o,size:ae,...(0,m.bindToggle)(a)},t.createElement(l,{fontSize:ae}))),t.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(a)},t.createElement(m.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},t.createElement(l,{fontSize:ae,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},e),t.createElement(m.IconButton,{sx:{ml:"auto"},size:ae,onClick:a.close},t.createElement(c.XIcon,{fontSize:ae}))),t.createElement(r,{closePopover:a.close}))):null}}});function ce(){return t.createElement(m.Box,{role:"alert",sx:{minHeight:"100%",p:2}},t.createElement(m.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},t.createElement("strong",null,"Something went wrong")))}var se=(0,t.createContext)(void 0),me=(0,m.styled)("div")`
	height: 100%;
	overflow-y: auto;
`;function ue({children:e}){const[n,l]=(0,t.useState)("up"),r=(0,t.useRef)(null),o=(0,t.useRef)(0);return(0,t.useEffect)((()=>{const e=r.current;if(!e)return;const t=()=>{const{scrollTop:t}=e;t>o.current?l("down"):t<o.current&&l("up"),o.current=t};return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}})),t.createElement(se.Provider,{value:{direction:n}},t.createElement(me,{ref:r},e))}var de=(e,n)=>{const{element:l}=P(),r=(0,g.isExperimentActive)("e_v_3_30"),o=`elementor/editor-state/${l.id}/${e}`,a=r?(0,E.getSessionStorageItem)(o):n,[i,c]=(0,t.useState)(a??n);return[i,e=>{(0,E.setSessionStorageItem)(o,e),c(e)}]},pe={image:{component:e.ImageControl,layout:"full"},"svg-media":{component:e.SvgMediaControl,layout:"full"},text:{component:e.TextControl,layout:"full"},textarea:{component:e.TextAreaControl,layout:"full"},size:{component:e.SizeControl,layout:"two-columns"},select:{component:e.SelectControl,layout:"two-columns"},link:{component:e.LinkControl,layout:"full"},url:{component:e.UrlControl,layout:"full"}},Ee=e=>pe[e]?.component,fe=({props:e,type:n})=>{const l=Ee(n),{element:r}=P();if(!l)throw new G({context:{controlType:n}});return t.createElement(l,{...e,context:{elementId:r.id}})},ge=({children:e,layout:n})=>t.createElement(ve,{layout:n},e),ve=(0,m.styled)(m.Box,{shouldForwardProp:e=>!["layout"].includes(e)})((({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...be(e)}))),be=e=>({justifyContent:"space-between",gridTemplateColumns:{full:"minmax(0, 1fr)","two-columns":"repeat(2, minmax(0, 1fr))"}[e]}),_e=({schema:e})=>({key:"",kind:"object",meta:{},settings:{},default:null,shape:e}),he=({bind:n,children:l})=>{const{element:o,elementType:a}=P(),i=(0,r.useElementSetting)(o.id,n),c={[n]:i},s=_e({schema:a.propsSchema});return t.createElement(e.PropProvider,{propType:s,value:c,setValue:e=>{(0,r.updateElementSettings)({id:o.id,props:{...e}})}},t.createElement(e.PropKeyProvider,{bind:n},l))},ye=(0,m.styled)(c.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})})));function xe({title:e,children:n,defaultExpanded:l=!1}){const[r,o]=de(e,!!l),a=(0,t.useId)(),i=`label-${a}`,c=`content-${a}`;return t.createElement(t.Fragment,null,t.createElement(m.ListItemButton,{id:i,"aria-controls":c,onClick:()=>o(!r),sx:{"&:hover":{backgroundColor:"transparent"}}},t.createElement(m.ListItemText,{secondary:e,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"}}),t.createElement(ye,{open:r,color:"secondary",fontSize:"tiny"})),t.createElement(m.Collapse,{id:c,"aria-labelledby":i,in:r,timeout:"auto",unmountOnExit:!0},t.createElement(m.Stack,{gap:2.5,p:2},n)),t.createElement(m.Divider,null))}function we(e){return t.createElement(m.List,{disablePadding:!0,component:"div",...e})}var Se=()=>{const{elementType:e,element:n}=P();return t.createElement(E.SessionStorageProvider,{prefix:n.id},t.createElement(we,null,e.controls.map((({type:e,value:n},l)=>"control"===e?t.createElement(Ce,{key:n.bind,control:n}):"section"===e?t.createElement(xe,{title:n.label,key:e+"."+l,defaultExpanded:!0},n.items?.map((e=>"control"===e.type?t.createElement(Ce,{key:e.value.bind,control:e.value}):null))):null))))},Ce=({control:n})=>{if(!Ee(n.type))return null;const l=n.meta?.layout||(r=n.type,pe[r].layout);var r;return t.createElement(he,{bind:n.bind},n.meta?.topDivider&&t.createElement(m.Divider,null),t.createElement(ge,{layout:l},n.label?t.createElement(e.ControlFormLabel,null,n.label):null,t.createElement(fe,{type:n.type,props:n.props})))},Ie=()=>{const{provider:e}=A(),[,n]=(0,t.useReducer)((e=>!e),!1);(0,t.useEffect)((()=>e?.subscribe(n)),[e])},Te="normal",ze=e=>e??Te,ke=e=>e??"desktop";function Pe(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:Ge([r.snapshot,t?.[l]?.stateSpecificSnapshot,n[Te]?.snapshot]),stateSpecificSnapshot:Ge([r.stateSpecificSnapshot,t?.[l]?.stateSpecificSnapshot])}:{snapshot:Ge([r.snapshot,t?.[Te]?.snapshot]),stateSpecificSnapshot:void 0}}function Ge(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 Re(e,t){const n=function(e){const t={};return e.forEach((e=>{const n=M(e.id)?.getKey()??null;e.variants.forEach((l=>{const{meta:r}=l,{state:o,breakpoint:a}=r,i=ke(a),c=ze(o);t[i]||(t[i]={});const s=t[i];s[c]||(s[c]=[]),s[c].push({style:e,variant:l,provider:n})}))})),t}(e);return function(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=ze(o),i=ke(r);if(l[i]?.[a])return l[i][a].snapshot;const c=[...n[i],r];return c.forEach(((t,n)=>{const r=n>0?c[n-1]:null;((t,n,r)=>{const o=ke(t),a=ze(r);l[o]||(l[o]={[Te]:Pe(e({breakpoint:t,state:null}),n,{},null)}),r&&!l[o][a]&&(l[o][a]=Pe(e({breakpoint:t,state:r}),n,l[o],r))})(t,r?l[r]:void 0,o)})),l[i]?.[a]?.snapshot}}((({breakpoint:e,state:t})=>n?.[ke(e)]?.[ze(t)]??[]),t)}var Le=(0,t.createContext)(null);function Ve({children:e}){const n=Re(De(),(0,v.getBreakpointsTree)());return t.createElement(Le.Provider,{value:{getSnapshot:n}},e)}function Be(e){return function(e){const n=(0,t.useContext)(Le),{meta:l}=A();if(!n)throw new Error("useStylesInheritanceFields must be used within a StyleInheritanceProvider");if(!l)return null;const r=n.getSnapshot(l);return e.reduce(((e,t)=>({...e,[t]:r?.[t]??[]})),{})}([e])?.[e]??[]}var De=()=>{const{element:e}=P(),t=T(),n=Ae();Ie();const l=(0,r.useElementSetting)(e.id,t),i=o.classesPropTypeUtil.extract(l);return a.stylesRepository.all().filter((e=>i?.includes(e.id))).concat(n)},Ae=()=>{const{elementType:e}=P(),t=(0,r.getWidgetsCache)(),n=t?.[e.key];return Object.values(n?.base_styles??{})};function Me(e){const{element:n}=P(),{id:l,meta:o,provider:i}=A(),c=T(),s=(0,t.useMemo)((()=>(0,g.undoable)({do:({elementId:e,styleId:t,provider:n,meta:l,props:r})=>{if(!n.actions.updateProps)throw new L({context:{providerKey:n.getKey()}});const o=function(e,t){if(!e)return{};const n=(0,b.getVariantByMeta)(e,t);return structuredClone(n?.props??{})}(n.actions.get(t,{elementId:e}),l);return n.actions.updateProps({id:t,meta:l,props:r},{elementId:e}),o},undo:({elementId:e,styleId:t,meta:n,provider:l},r)=>{l.actions.updateProps?.({id:t,meta:n,props:r},{elementId:e})}},{title:({elementId:e})=>(0,r.getElementLabel)(e),subtitle:(0,u.__)("Style edited","elementor")})),[]),m=(0,t.useMemo)((()=>(0,g.undoable)({do:e=>(0,r.createElementStyle)({...e,label:a.ELEMENTS_STYLES_RESERVED_LABEL}),undo:({elementId:e},t)=>{(0,r.deleteElementStyle)(e,t)},redo:(e,t)=>(0,r.createElementStyle)({...e,styleId:t,label:a.ELEMENTS_STYLES_RESERVED_LABEL})},{title:({elementId:e})=>(0,r.getElementLabel)(e),subtitle:(0,u.__)("Style edited","elementor")})),[]);Ie();const d=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 V({context:{styleId:e,providerKey:n.getKey()}});const a=(0,b.getVariantByMeta)(o,l);return Object.fromEntries(r.map((e=>[e,a?.props[e]??null])))}({elementId:n.id,styleId:l,provider:i,meta:o,propNames:e});return[d,e=>{null!==l?s({elementId:n.id,styleId:l,provider:i,meta:o,props:e}):m({elementId:n.id,classesProp:c,meta:o,props:e})}]}function Fe(e){const[t,n]=Me([e]);return[t?.[e]??null,t=>{n({[e]:t})}]}var Oe=async(e,t,n)=>{try{const l=await n({props:{[t]:e.value}});return Object.values(l).join(" ")}catch{return""}},We=({inheritanceChain:e,bind:n})=>{const l=(0,t.useMemo)((()=>{const e=(0,b.getStylesSchema)();return(0,_.createPropsResolver)({transformers:_.styleTransformersRegistry,schema:{[n]:e[n]}})}),[n]),r=((e,n,l)=>{const[r,o]=(0,t.useState)([]);return(0,t.useEffect)((()=>{(async()=>{const t=(await Promise.all(e.filter((e=>e.style?.label)).map(((e,t)=>(async(e,t,n,l)=>{const r=e.variant?.meta?.state||"",o=e.style?.label||"",a=r?`${o}:${r}`:o;return{id:e.style?.id?e.style?.id+r:t,breakpoint:e.variant?.meta?.breakpoint,displayLabel:a,value:await Oe(e,n,l)}})(e,t,n,l))))).filter((e=>""!==e.value)).slice(0,2);o(t)})()}),[e,n,l]),r})(e,n,l);return t.createElement(m.Card,{elevation:0,sx:{maxWidth:320}},t.createElement(m.CardContent,{sx:{p:1.5,pb:2.5}},t.createElement(m.List,null,r.map((e=>t.createElement(m.ListItem,{key:e.id},t.createElement(m.ListItemText,{primary:`${e.breakpoint} | ${e.displayLabel}. ${e.value}`})))))))},je=()=>{const[n,l]=(0,t.useState)(!1),{value:r,path:o}=(0,e.useBoundProp)(),{id:i,provider:c,meta:s}=A(),[u]=o,d=Be(u);if(!d.length)return null;const[{style:p,variant:E,provider:f}]=d;if(f===a.ELEMENTS_BASE_STYLES_PROVIDER_KEY)return null;const{breakpoint:v,state:b}=E.meta,_=p.id===i&&v===s.breakpoint&&b===s.state,h=null!=r,y=$e({isFinalValue:_,hasValue:h}),x=Ue({isFinalValue:_,hasValue:h,currentStyleProvider:c});return(0,g.isExperimentActive)("e_indications_popover")?t.createElement(m.Infotip,{placement:"top",content:t.createElement(We,{inheritanceChain:d,bind:u}),open:n,onClose:()=>l(!1),trigger:"manual"},t.createElement(m.IconButton,{onClick:()=>l((e=>!e)),"aria-label":y},t.createElement(N,{variant:x}))):t.createElement(N,{variant:x,"aria-label":y})},$e=({isFinalValue:e,hasValue:t})=>e?(0,u.__)("This is the final value","elementor"):t?(0,u.__)("This value is overridden by another style","elementor"):(0,u.__)("This has value from another style","elementor"),Ue=({isFinalValue:e,hasValue:t,currentStyleProvider:n})=>e?(0,a.isElementsStylesProvider)(n?.getKey?.())?"local":"global":t?"overridden":void 0,Ne=({bind:n,placeholder:l,children:r})=>{const[o,a]=Fe(n),i=(0,b.getStylesSchema)(),c=_e({schema:i}),s={[n]:o},m={[n]:l};return t.createElement(e.ControlAdornmentsProvider,{items:[{id:"styles-inheritance",Adornment:je}]},t.createElement(e.PropProvider,{propType:c,value:s,setValue:e=>{a(e[n])},placeholder:m},t.createElement(e.PropKeyProvider,{bind:n},r)))},Ke=()=>t.createElement(Ne,{bind:"background"},t.createElement(e.BackgroundControl,null)),Je=()=>t.createElement(m.Divider,{sx:{my:.5}}),He=({gap:e=2,sx:n,children:l})=>t.createElement(m.Stack,{gap:e,sx:{...n}},l),Ye=({children:n})=>t.createElement(m.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:1},t.createElement(e.ControlFormLabel,null,n),t.createElement(e.ControlAdornments,null)),qe="tiny",Xe=({isAdded:e,label:n,onAdd:l,onRemove:r,children:o})=>t.createElement(He,null,t.createElement(m.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},t.createElement(Ye,null,n),e?t.createElement(m.IconButton,{size:qe,onClick:r,"aria-label":"Remove"},t.createElement(c.MinusIcon,{fontSize:qe})):t.createElement(m.IconButton,{size:qe,onClick:l,"aria-label":"Add"},t.createElement(c.PlusIcon,{fontSize:qe}))),t.createElement(m.Collapse,{in:e,unmountOnExit:!0},t.createElement(He,null,o))),Ze=()=>t.createElement(Ne,{bind:"border-color"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Border color","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ColorControl,null)))),Qe=[{value:"none",label:(0,u.__)("None","elementor")},{value:"solid",label:(0,u.__)("Solid","elementor")},{value:"dashed",label:(0,u.__)("Dashed","elementor")},{value:"dotted",label:(0,u.__)("Dotted","elementor")},{value:"double",label:(0,u.__)("Double","elementor")},{value:"groove",label:(0,u.__)("Groove","elementor")},{value:"ridge",label:(0,u.__)("Ridge","elementor")},{value:"inset",label:(0,u.__)("Inset","elementor")},{value:"outset",label:(0,u.__)("Outset","elementor")}],et=()=>t.createElement(Ne,{bind:"border-style"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Border type","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},t.createElement(e.SelectControl,{options:Qe}))));function tt(){const e="rtl"===(0,m.useTheme)().direction;return{isSiteRtl:!!(()=>{const e=window;return e.elementorFrontend?.config??{}})()?.is_rtl,isUiRtl:e}}var nt=(0,m.withDirection)(c.SideRightIcon),lt=(0,m.withDirection)(c.SideLeftIcon),rt=e=>[{label:(0,u.__)("Top","elementor"),icon:t.createElement(c.SideTopIcon,{fontSize:"tiny"}),bind:"block-start"},{label:e?(0,u.__)("Left","elementor"):(0,u.__)("Right","elementor"),icon:t.createElement(nt,{fontSize:"tiny"}),bind:"inline-end"},{label:(0,u.__)("Bottom","elementor"),icon:t.createElement(c.SideBottomIcon,{fontSize:"tiny"}),bind:"block-end"},{label:e?(0,u.__)("Right","elementor"):(0,u.__)("Left","elementor"),icon:t.createElement(lt,{fontSize:"tiny"}),bind:"inline-start"}],ot=()=>{const{isSiteRtl:n}=tt();return t.createElement(Ne,{bind:"border-width"},t.createElement(e.EqualUnequalSizesControl,{items:rt(n),label:(0,u.__)("Border width","elementor"),icon:t.createElement(c.SideAllIcon,{fontSize:"tiny"}),tooltipLabel:(0,u.__)("Adjust borders","elementor"),multiSizePropTypeUtil:o.borderWidthPropTypeUtil}))},at={"border-width":{$$type:"size",value:{size:1,unit:"px"}},"border-color":{$$type:"color",value:"#000000"},"border-style":{$$type:"string",value:"solid"}},it=()=>{const[e,n]=Me(Object.keys(at)),l=Object.values(e??{}).some(Boolean);return t.createElement(Xe,{label:(0,u.__)("Border","elementor"),isAdded:l,onAdd:()=>{n(at)},onRemove:()=>{n({"border-width":null,"border-color":null,"border-style":null})}},t.createElement(ot,null),t.createElement(Ze,null),t.createElement(et,null))},ct=(0,m.withDirection)(c.RadiusTopLeftIcon),st=(0,m.withDirection)(c.RadiusTopRightIcon),mt=(0,m.withDirection)(c.RadiusBottomLeftIcon),ut=(0,m.withDirection)(c.RadiusBottomRightIcon),dt=e=>e?(0,u.__)("Top right","elementor"):(0,u.__)("Top left","elementor"),pt=e=>e?(0,u.__)("Top left","elementor"):(0,u.__)("Top right","elementor"),Et=e=>e?(0,u.__)("Bottom right","elementor"):(0,u.__)("Bottom left","elementor"),ft=e=>e?(0,u.__)("Bottom left","elementor"):(0,u.__)("Bottom right","elementor"),gt=e=>[{label:dt(e),icon:t.createElement(ct,{fontSize:"tiny"}),bind:"start-start"},{label:pt(e),icon:t.createElement(st,{fontSize:"tiny"}),bind:"start-end"},{label:Et(e),icon:t.createElement(mt,{fontSize:"tiny"}),bind:"end-start"},{label:ft(e),icon:t.createElement(ut,{fontSize:"tiny"}),bind:"end-end"}],vt=()=>{const{isSiteRtl:n}=tt();return t.createElement(Ne,{bind:"border-radius"},t.createElement(e.EqualUnequalSizesControl,{items:gt(n),label:(0,u.__)("Border radius","elementor"),icon:t.createElement(c.BorderCornersIcon,{fontSize:"tiny"}),tooltipLabel:(0,u.__)("Adjust corners","elementor"),multiSizePropTypeUtil:o.borderRadiusPropTypeUtil}))},bt=()=>t.createElement(He,null,t.createElement(vt,null),t.createElement(Je,null),t.createElement(it,null)),_t=()=>t.createElement(He,null,t.createElement(Ne,{bind:"box-shadow"},t.createElement(e.BoxShadowRepeaterControl,null))),ht={row:0,column:90,"row-reverse":180,"column-reverse":270},yt={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},xt=({icon:e,size:n,isClockwise:l=!0,offset:r=0,disableRotationForReversed:o=!1})=>{const a=(0,t.useRef)(wt(l,r,o));return a.current=wt(l,r,o,a),t.createElement(e,{fontSize:n,sx:{transition:".3s",rotate:`${a.current}deg`}})},wt=(e,t,n,l)=>{const[r]=Fe("flex-direction"),o="rtl"===(0,m.useTheme)().direction?-1:1,a=e?ht:yt,i=r?.value||"row",c=l?l.current*o:a[i]+t,s=((a[i]+t-c+360)%360+180)%360-180;return n&&["row-reverse","column-reverse"].includes(i)?0:(c+s)*o},St=(0,m.withDirection)(c.JustifyTopIcon),Ct=(0,m.withDirection)(c.JustifyBottomIcon),It={isClockwise:!1,offset:0,disableRotationForReversed:!0},Tt=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:St,size:e,...It}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifyCenterIcon,size:e,...It}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:Ct,size:e,...It}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...It}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...It}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifyDistributeVerticalIcon,size:e,...It}),showTooltip:!0}],zt=()=>{const{isSiteRtl:n}=tt();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"align-content"},t.createElement(m.Stack,{gap:1},t.createElement(Ye,null,(0,u.__)("Align content","elementor")),t.createElement(e.ToggleControl,{options:Tt,fullWidth:!0})))))},kt=(0,m.withDirection)(c.LayoutAlignLeftIcon),Pt=(0,m.withDirection)(c.LayoutAlignRightIcon),Gt={isClockwise:!1,offset:90},Rt=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:kt,size:e,...Gt}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.LayoutAlignCenterIcon,size:e,...Gt}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:Pt,size:e,...Gt}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.LayoutDistributeVerticalIcon,size:e,...Gt}),showTooltip:!0}],Lt=()=>{const{isSiteRtl:n}=tt();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"align-items"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Align items","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ToggleControl,{options:Rt}))))))},Vt={row:90,"row-reverse":90,column:0,"column-reverse":0},Bt=(0,m.withDirection)(c.LayoutAlignLeftIcon),Dt=(0,m.withDirection)(c.LayoutAlignRightIcon),At={isClockwise:!1},Mt=e=>[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:n})=>t.createElement(xt,{icon:Bt,size:n,offset:Vt[e],...At}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:n})=>t.createElement(xt,{icon:c.LayoutAlignCenterIcon,size:n,offset:Vt[e],...At}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:n})=>t.createElement(xt,{icon:Dt,size:n,offset:Vt[e],...At}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:n})=>t.createElement(xt,{icon:c.LayoutDistributeVerticalIcon,size:n,offset:Vt[e],...At}),showTooltip:!0}],Ft=({parentStyleDirection:n})=>{const{isSiteRtl:l}=tt();return t.createElement(m.DirectionProvider,{rtl:l},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"align-self"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Align self","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:Mt(n)}))))))},Ot=[{value:"block",renderContent:()=>(0,u.__)("Block","elementor"),label:(0,u.__)("Block","elementor"),showTooltip:!0},{value:"flex",renderContent:()=>(0,u.__)("Flex","elementor"),label:(0,u.__)("Flex","elementor"),showTooltip:!0},{value:"inline-block",renderContent:()=>(0,u.__)("In-blk","elementor"),label:(0,u.__)("Inline-block","elementor"),showTooltip:!0}],Wt=()=>{const n=(0,g.isExperimentActive)("e_v_3_30"),l=[...Ot];n&&l.push({value:"none",renderContent:()=>(0,u.__)("None","elementor"),label:(0,u.__)("None","elementor"),showTooltip:!0}),l.push({value:"inline-flex",renderContent:()=>(0,u.__)("In-flx","elementor"),label:(0,u.__)("Inline-flex","elementor"),showTooltip:!0});const r=jt();return t.createElement(Ne,{bind:"display",placeholder:r},t.createElement(m.Stack,{gap:.75},t.createElement(Ye,null,(0,u.__)("Display","elementor")),t.createElement(e.ToggleControl,{options:l,maxItems:4,fullWidth:!0})))},jt=()=>Be("display")[0]?.value??void 0,$t=[{value:"row",label:(0,u.__)("Row","elementor"),renderContent:({size:e})=>{const n=(0,m.withDirection)(c.ArrowRightIcon);return t.createElement(n,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,u.__)("Column","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,u.__)("Reversed row","elementor"),renderContent:({size:e})=>{const n=(0,m.withDirection)(c.ArrowLeftIcon);return t.createElement(n,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,u.__)("Reversed column","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],Ut=()=>{const{isSiteRtl:n}=tt();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"flex-direction"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Direction","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ToggleControl,{options:$t}))))))},Nt=-99999,Kt="first",Jt="last",Ht="custom",Yt={[Kt]:Nt,[Jt]:99999},qt=[{value:Kt,label:(0,u.__)("First","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:Jt,label:(0,u.__)("Last","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:Ht,label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>t.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],Xt=()=>{const{isSiteRtl:n}=tt(),[l,r]=Fe("order"),[o,a]=(0,t.useState)(Zt(l?.value||null));return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"order"},t.createElement(He,null,t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Order","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ControlToggleButtonGroup,{items:qt,value:o,onChange:e=>{a(e),r(e&&e!==Ht?{$$type:"number",value:Yt[e]}:null)},exclusive:!0}))),Ht===o&&t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Custom order","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.NumberControl,{min:-99998,max:99998,shouldForceInt:!0})))))))},Zt=e=>99999===e?Jt:Nt===e?Kt:0===e||e?Ht:null,Qt=[{value:"flex-grow",label:(0,u.__)("Grow","elementor"),renderContent:({size:e})=>t.createElement(c.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,u.__)("Shrink","elementor"),renderContent:({size:e})=>t.createElement(c.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>t.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],en=()=>{const{isSiteRtl:n}=tt(),[l,r]=Me(["flex-grow","flex-shrink","flex-basis"]),a=l?.["flex-grow"]?.value||null,i=l?.["flex-shrink"]?.value||null,c=l?.["flex-basis"]?.value||null,s=(0,t.useMemo)((()=>nn({grow:a,shrink:i,basis:c})),[a,i,c]),[d,p]=(0,t.useState)(s);return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(He,null,t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ne,{bind:d??""},t.createElement(Ye,null,(0,u.__)("Size","elementor")))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ControlToggleButtonGroup,{value:d,onChange:(e=null)=>{p(e),r(e&&"custom"!==e?"flex-grow"!==e?{"flex-basis":null,"flex-grow":null,"flex-shrink":o.numberPropTypeUtil.create(1)}:{"flex-basis":null,"flex-grow":o.numberPropTypeUtil.create(1),"flex-shrink":null}:{"flex-basis":null,"flex-grow":null,"flex-shrink":null})},items:Qt,exclusive:!0}))),"custom"===d&&t.createElement(tn,null))))},tn=()=>t.createElement(t.Fragment,null,t.createElement(Ne,{bind:"flex-grow"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Grow","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.NumberControl,{min:0,shouldForceInt:!0})))),t.createElement(Ne,{bind:"flex-shrink"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Shrink","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.NumberControl,{min:0,shouldForceInt:!0})))),t.createElement(Ne,{bind:"flex-basis"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Basis","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.SizeControl,{extendedValues:["auto"]}))))),nn=({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,ln=()=>t.createElement(m.Stack,{gap:1},t.createElement(Ne,{bind:"gap"},t.createElement(e.GapControl,{label:(0,u.__)("Gaps","elementor")}))),rn=(0,m.withDirection)(c.JustifyTopIcon),on=(0,m.withDirection)(c.JustifyBottomIcon),an={isClockwise:!0,offset:-90},cn=[{value:"flex-start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:rn,size:e,...an}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifyCenterIcon,size:e,...an}),showTooltip:!0},{value:"flex-end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:on,size:e,...an}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...an}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...an}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>t.createElement(xt,{icon:c.JustifyDistributeVerticalIcon,size:e,...an}),showTooltip:!0}],sn=()=>{const{isSiteRtl:n}=tt();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"justify-content"},t.createElement(m.Stack,{gap:.75},t.createElement(Ye,null,(0,u.__)("Justify content","elementor")),t.createElement(e.ToggleControl,{options:cn,fullWidth:!0})))))},mn=[{value:"nowrap",label:(0,u.__)("No wrap","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,u.__)("Wrap","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,u.__)("Reversed wrap","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],un=()=>{const{isSiteRtl:n}=tt();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(Ne,{bind:"flex-wrap"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Wrap","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:mn}))))))},dn=()=>{const[e]=Fe("display"),n=jt(),l=fn(e,n),{element:o}=P(),a=(0,r.useParentElement)(o.id),i=(c=a?.id||null,(0,g.__privateUseListenTo)([(0,g.windowEvent)("elementor/device-mode/change"),(0,g.commandEndEvent)("document/elements/reset-style"),(0,g.commandEndEvent)("document/elements/settings"),(0,g.commandEndEvent)("document/elements/paste-style")],(()=>{if(!c)return null;const e=window,t=e.elementor?.getContainer?.(c);return t?.view?.el?window.getComputedStyle(t.view.el):null})));var c;const s=i?.flexDirection??"row";return t.createElement(He,null,t.createElement(Wt,null),l&&t.createElement(pn,null),"flex"===i?.display&&t.createElement(En,{parentStyleDirection:s}))},pn=()=>{const[e]=Fe("flex-wrap");return t.createElement(t.Fragment,null,t.createElement(Ut,null),t.createElement(sn,null),t.createElement(Lt,null),t.createElement(Je,null),t.createElement(ln,null),t.createElement(un,null),["wrap","wrap-reverse"].includes(e?.value)&&t.createElement(zt,null))},En=({parentStyleDirection:n})=>t.createElement(t.Fragment,null,t.createElement(Je,null),t.createElement(e.ControlFormLabel,null,(0,u.__)("Flex child","elementor")),t.createElement(Ft,{parentStyleDirection:n}),t.createElement(Xt,null),t.createElement(en,null)),fn=(e,t)=>{const n=e?.value??t?.value;return!!n&&("flex"===n||"inline-flex"===n)},gn=(0,m.withDirection)(c.SideLeftIcon),vn=(0,m.withDirection)(c.SideRightIcon),bn={"inset-block-start":t.createElement(c.SideTopIcon,{fontSize:"tiny"}),"inset-block-end":t.createElement(c.SideBottomIcon,{fontSize:"tiny"}),"inset-inline-start":t.createElement(xt,{icon:gn,size:"tiny"}),"inset-inline-end":t.createElement(xt,{icon:vn,size:"tiny"})},_n=e=>e?(0,u.__)("Right","elementor"):(0,u.__)("Left","elementor"),hn=e=>e?(0,u.__)("Left","elementor"):(0,u.__)("Right","elementor"),yn=()=>{const{isSiteRtl:e}=tt();return t.createElement(t.Fragment,null,t.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},t.createElement(xn,{side:"inset-block-start",label:(0,u.__)("Top","elementor")}),t.createElement(xn,{side:"inset-inline-end",label:hn(e)})),t.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},t.createElement(xn,{side:"inset-block-end",label:(0,u.__)("Bottom","elementor")}),t.createElement(xn,{side:"inset-inline-start",label:_n(e)})))},xn=({side:n,label:l})=>t.createElement(m.Grid,{container:!0,gap:.75,alignItems:"center"},t.createElement(m.Grid,{item:!0,xs:12},t.createElement(Ye,null,l)),t.createElement(m.Grid,{item:!0,xs:12},t.createElement(Ne,{bind:n},t.createElement(e.SizeControl,{startIcon:bn[n],extendedValues:["auto"]})))),wn=()=>t.createElement(Ne,{bind:"scroll-margin-top"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Anchor offset","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,{units:["px","em","rem","vw","vh"]})))),Sn=[{label:(0,u.__)("Static","elementor"),value:"static"},{label:(0,u.__)("Relative","elementor"),value:"relative"},{label:(0,u.__)("Absolute","elementor"),value:"absolute"},{label:(0,u.__)("Fixed","elementor"),value:"fixed"},{label:(0,u.__)("Sticky","elementor"),value:"sticky"}],Cn=({onChange:n})=>t.createElement(Ne,{bind:"position"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Position","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},t.createElement(e.SelectControl,{options:Sn,onChange:n})))),In=()=>t.createElement(Ne,{bind:"z-index"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Z-index","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.NumberControl,null)))),Tn=()=>{const[e]=Fe("position"),[n,l]=Me(["inset-block-start","inset-block-end","inset-inline-start","inset-inline-end"]),[r,o,a]=zn(),i=(0,g.isExperimentActive)("e_v_3_30"),c=e&&"static"!==e?.value;return t.createElement(He,null,t.createElement(Cn,{onChange:(e,t)=>{"static"===e?n&&(o(n),l({"inset-block-start":void 0,"inset-block-end":void 0,"inset-inline-start":void 0,"inset-inline-end":void 0})):"static"===t&&r&&(l(r),a())}}),c?t.createElement(t.Fragment,null,t.createElement(yn,null),t.createElement(In,null)):null,i&&t.createElement(t.Fragment,null,t.createElement(Je,null),t.createElement(wn,null)))},zn=()=>{const{id:e,meta:t}=A(),n=`styles/${e}/${t.breakpoint||"desktop"}/${t.state||"null"}/dimensions`;return(0,E.useSessionStorage)(n)},kn=({children:e,defaultOpen:n=!1})=>{const[l,r]=(0,t.useState)(n);return t.createElement(m.Stack,null,t.createElement(m.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{r((e=>!e))},endIcon:t.createElement(ye,{open:l}),sx:{my:.5}},l?(0,u.__)("Show less","elementor"):(0,u.__)("Show more","elementor")),t.createElement(m.Collapse,{in:l,timeout:"auto",unmountOnExit:!0},e))},Pn=[{label:(0,u.__)("Fill","elementor"),value:"fill"},{label:(0,u.__)("Cover","elementor"),value:"cover"},{label:(0,u.__)("Contain","elementor"),value:"contain"},{label:(0,u.__)("None","elementor"),value:"none"},{label:(0,u.__)("Scale down","elementor"),value:"scale-down"}],Gn=({onChange:n})=>t.createElement(Ne,{bind:"object-fit"},t.createElement(m.Grid,{container:!0,pt:2,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Object fit","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},t.createElement(e.SelectControl,{options:Pn,onChange:n})))),Rn=[{label:(0,u.__)("Center center","elementor"),value:"center center"},{label:(0,u.__)("Center left","elementor"),value:"center left"},{label:(0,u.__)("Center right","elementor"),value:"center right"},{label:(0,u.__)("Top center","elementor"),value:"top center"},{label:(0,u.__)("Top left","elementor"),value:"top left"},{label:(0,u.__)("Top right","elementor"),value:"top right"},{label:(0,u.__)("Bottom center","elementor"),value:"bottom center"},{label:(0,u.__)("Bottom left","elementor"),value:"bottom left"},{label:(0,u.__)("Bottom right","elementor"),value:"bottom right"}],Ln=({onChange:n})=>t.createElement(Ne,{bind:"object-position"},t.createElement(m.Grid,{container:!0,pt:2,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Object position","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},t.createElement(e.SelectControl,{options:Rn,onChange:n})))),Vn=[{value:"visible",label:(0,u.__)("Visible","elementor"),renderContent:({size:e})=>t.createElement(c.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,u.__)("Hidden","elementor"),renderContent:({size:e})=>t.createElement(c.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,u.__)("Auto","elementor"),renderContent:({size:e})=>t.createElement(c.LetterAIcon,{fontSize:e}),showTooltip:!0}],Bn=()=>t.createElement(Ne,{bind:"overflow"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Overflow","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:Vn})))),Dn=()=>{const[e,n]=Fe("object-fit"),l=e&&"fill"!==e?.value,r=(0,g.isExperimentActive)("e_v_3_30");return t.createElement(He,null,t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(An,{bind:"width",label:(0,u.__)("Width","elementor"),extendedValues:["auto"]})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(An,{bind:"height",label:(0,u.__)("Height","elementor"),extendedValues:["auto"]}))),t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(An,{bind:"min-width",label:(0,u.__)("Min width","elementor"),extendedValues:["auto"]})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(An,{bind:"min-height",label:(0,u.__)("Min height","elementor"),extendedValues:["auto"]}))),t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(An,{bind:"max-width",label:(0,u.__)("Max width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(An,{bind:"max-height",label:(0,u.__)("Max height","elementor")}))),t.createElement(Je,null),t.createElement(m.Stack,null,t.createElement(Bn,null)),r&&t.createElement(kn,null,t.createElement(Gn,{onChange:(e,t)=>{e&&e!==t&&n({value:e,$$type:"string"})}}),t.createElement(m.Grid,{item:!0,xs:6},l&&t.createElement(Ln,null))))},An=({label:n,bind:l,extendedValues:r})=>t.createElement(Ne,{bind:l},t.createElement(m.Grid,{container:!0,gap:.75,alignItems:"center"},t.createElement(m.Grid,{item:!0,xs:12},t.createElement(Ye,null,n)),t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.SizeControl,{extendedValues:r})))),Mn=()=>{const{isSiteRtl:n}=tt();return t.createElement(He,null,t.createElement(Ne,{bind:"margin"},t.createElement(e.LinkedDimensionsControl,{label:(0,u.__)("Margin","elementor"),isSiteRtl:n,extendedValues:["auto"]})),t.createElement(Je,null),t.createElement(Ne,{bind:"padding"},t.createElement(e.LinkedDimensionsControl,{label:(0,u.__)("Padding","elementor"),isSiteRtl:n})))},Fn={system:(0,u.__)("System","elementor"),custom:(0,u.__)("Custom Fonts","elementor"),googlefonts:(0,u.__)("Google Fonts","elementor")},On=()=>{const n=(()=>{const e=(()=>{const{controls:e}=(()=>{const e=window;return e.elementor?.config??{}})(),t=e?.font?.options;return t||null})();return(0,t.useMemo)((()=>{const t=["system","custom","googlefonts"];return Object.entries(e||{}).reduce(((e,[n,l])=>{if(!Fn[l])return e;const r=t.indexOf(l);return e[r]||(e[r]={label:Fn[l],fonts:[]}),e[r].fonts.push(n),e}),[]).filter(Boolean)}),[e])})();return 0===n.length?null:t.createElement(Ne,{bind:"font-family"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Font family","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{minWidth:0}},t.createElement(e.FontFamilyControl,{fontFamilies:n}))))},Wn=()=>t.createElement(Ne,{bind:"font-size"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Font size","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),jn=[{value:"normal",label:(0,u.__)("Normal","elementor"),renderContent:({size:e})=>t.createElement(c.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"italic",label:(0,u.__)("Italic","elementor"),renderContent:({size:e})=>t.createElement(c.ItalicIcon,{fontSize:e}),showTooltip:!0}],$n=()=>t.createElement(Ne,{bind:"font-style"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlFormLabel,null,(0,u.__)("Font style","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:jn})))),Un=[{value:"100",label:(0,u.__)("100 - Thin","elementor")},{value:"200",label:(0,u.__)("200 - Extra light","elementor")},{value:"300",label:(0,u.__)("300 - Light","elementor")},{value:"400",label:(0,u.__)("400 - Normal","elementor")},{value:"500",label:(0,u.__)("500 - Medium","elementor")},{value:"600",label:(0,u.__)("600 - Semi bold","elementor")},{value:"700",label:(0,u.__)("700 - Bold","elementor")},{value:"800",label:(0,u.__)("800 - Extra bold","elementor")},{value:"900",label:(0,u.__)("900 - Black","elementor")}],Nn=()=>t.createElement(Ne,{bind:"font-weight"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Font weight","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},t.createElement(e.SelectControl,{options:Un})))),Kn=()=>t.createElement(Ne,{bind:"letter-spacing"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Letter spacing","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Jn=()=>t.createElement(Ne,{bind:"line-height"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Line height","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Hn=(0,m.withDirection)(c.AlignLeftIcon),Yn=(0,m.withDirection)(c.AlignRightIcon),qn=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Hn,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(c.AlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Yn,{fontSize:e}),showTooltip:!0},{value:"justify",label:(0,u.__)("Justify","elementor"),renderContent:({size:e})=>t.createElement(c.AlignJustifiedIcon,{fontSize:e}),showTooltip:!0}],Xn=()=>t.createElement(Ne,{bind:"text-align"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Text align","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:qn})))),Zn=()=>t.createElement(Ne,{bind:"color"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Text color","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ColorControl,null)))),Qn=[{value:"none",label:(0,u.__)("None","elementor"),renderContent:({size:e})=>t.createElement(c.MinusIcon,{fontSize:e}),showTooltip:!0,exclusive:!0},{value:"underline",label:(0,u.__)("Underline","elementor"),renderContent:({size:e})=>t.createElement(c.UnderlineIcon,{fontSize:e}),showTooltip:!0},{value:"line-through",label:(0,u.__)("Line-through","elementor"),renderContent:({size:e})=>t.createElement(c.StrikethroughIcon,{fontSize:e}),showTooltip:!0},{value:"overline",label:(0,u.__)("Overline","elementor"),renderContent:({size:e})=>t.createElement(c.OverlineIcon,{fontSize:e}),showTooltip:!0}],el=()=>t.createElement(Ne,{bind:"text-decoration"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Line decoration","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:Qn,exclusive:!1})))),tl=[{value:"ltr",label:(0,u.__)("Left to right","elementor"),renderContent:({size:e})=>t.createElement(c.TextDirectionLtrIcon,{fontSize:e}),showTooltip:!0},{value:"rtl",label:(0,u.__)("Right to left","elementor"),renderContent:({size:e})=>t.createElement(c.TextDirectionRtlIcon,{fontSize:e}),showTooltip:!0}],nl=()=>t.createElement(Ne,{bind:"direction"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Direction","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:tl})))),ll={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},rl=()=>{const[n,l]=Fe("stroke"),r=Boolean(n);return t.createElement(Ne,{bind:"stroke"},t.createElement(Xe,{label:(0,u.__)("Text stroke","elementor"),isAdded:r,onAdd:()=>{l(ll)},onRemove:()=>{l(null)}},t.createElement(e.StrokeControl,null)))},ol=[{value:"none",label:(0,u.__)("None","elementor"),renderContent:({size:e})=>t.createElement(c.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"capitalize",label:(0,u.__)("Capitalize","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseIcon,{fontSize:e}),showTooltip:!0},{value:"uppercase",label:(0,u.__)("Uppercase","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseUpperIcon,{fontSize:e}),showTooltip:!0},{value:"lowercase",label:(0,u.__)("Lowercase","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseLowerIcon,{fontSize:e}),showTooltip:!0}],al=()=>t.createElement(Ne,{bind:"text-transform"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Text transform","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:ol})))),il=()=>t.createElement(Ne,{bind:"word-spacing"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ye,null,(0,u.__)("Word spacing","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),cl=()=>t.createElement(He,null,t.createElement(On,null),t.createElement(Nn,null),t.createElement(Wn,null),t.createElement(Je,null),t.createElement(Xn,null),t.createElement(Zn,null),t.createElement(kn,null,t.createElement(He,{sx:{pt:2}},t.createElement(Jn,null),t.createElement(Kn,null),t.createElement(il,null),t.createElement(Je,null),t.createElement(el,null),t.createElement(al,null),t.createElement(nl,null),t.createElement($n,null),t.createElement(rl,null)))),sl={position:"sticky",zIndex:1,opacity:1,backgroundColor:"background.default",transition:"top 300ms ease"},ml=()=>{const e=function(){const{elementType:e}=P(),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]}(),[n,l]=function(e){const[n,l]=(0,t.useState)(null),o=function(e){const{element:t}=P();return(0,r.useElementSetting)(t.id,e)}(e)?.value||[],a=function(e){const{element:t}=P(),n=(0,r.getElementStyles)(t.id)??{};return Object.values(n).find((t=>e.includes(t.id)))}(o);return[function(e,t){return e&&t.includes(e)?e:null}(n,o)||a?.id||null,l]}(e),[a,i]=(0,t.useState)(null),c=(0,v.useActiveBreakpoint)();return t.createElement(I,{prop:e},t.createElement(D,{meta:{breakpoint:c,state:a},id:n,setId:e=>{l(e),i(null)},setMetaState:i},t.createElement(E.SessionStorageProvider,{prefix:n??""},t.createElement(Ve,null,t.createElement(ul,null,t.createElement(re,null),t.createElement(m.Divider,null)),t.createElement(we,null,t.createElement(xe,{title:(0,u.__)("Layout","elementor")},t.createElement(dn,null)),t.createElement(xe,{title:(0,u.__)("Spacing","elementor")},t.createElement(Mn,null)),t.createElement(xe,{title:(0,u.__)("Size","elementor")},t.createElement(Dn,null)),t.createElement(xe,{title:(0,u.__)("Position","elementor")},t.createElement(Tn,null)),t.createElement(xe,{title:(0,u.__)("Typography","elementor")},t.createElement(cl,null)),t.createElement(xe,{title:(0,u.__)("Background","elementor")},t.createElement(Ke,null)),t.createElement(xe,{title:(0,u.__)("Border","elementor")},t.createElement(bt,null)),t.createElement(xe,{title:(0,u.__)("Effects","elementor")},t.createElement(_t,null)))))))};function ul({children:e}){const n=(0,t.useContext)(se)?.direction??"up";return t.createElement(m.Stack,{sx:{...sl,top:"up"===n?"37px":0}},e)}var dl=()=>{const{element:e}=P();return t.createElement(t.Fragment,{key:e.id},t.createElement(pl,null))},pl=()=>{const[e,n]=de("tab","settings"),{getTabProps:l,getTabPanelProps:r,getTabsProps:o}=(0,m.useTabs)(e);return t.createElement(ue,null,t.createElement(m.Stack,{direction:"column",sx:{width:"100%"}},t.createElement(m.Stack,{sx:{...sl,top:0}},t.createElement(m.Tabs,{variant:"fullWidth",size:"small",sx:{mt:.5},...o(),onChange:(e,t)=>{o().onChange(e,t),n(t)}},t.createElement(m.Tab,{label:(0,u.__)("General","elementor"),...l("settings")}),t.createElement(m.Tab,{label:(0,u.__)("Style","elementor"),...l("style")})),t.createElement(m.Divider,null)),t.createElement(m.TabPanel,{...r("settings"),disablePadding:!0},t.createElement(Se,null)),t.createElement(m.TabPanel,{...r("style"),disablePadding:!0},t.createElement(ml,null))))},{useMenuItems:El}=ie,{panel:fl,usePanelActions:gl,usePanelStatus:vl}=(0,p.__createPanel)({id:"editing-panel",component:()=>{const{element:n,elementType:l}=(0,r.useSelectedElement)(),o=S(),a=El().default;if(!n||!l)return null;const s=(0,u.__)("Edit %s","elementor").replace("%s",l.title);return t.createElement(m.ErrorBoundary,{fallback:t.createElement(ce,null)},t.createElement(E.SessionStorageProvider,{prefix:"elementor"},t.createElement(i.ThemeProvider,null,t.createElement(p.Panel,null,t.createElement(p.PanelHeader,null,t.createElement(p.PanelHeaderTitle,null,s),t.createElement(c.AtomIcon,{fontSize:"small",sx:{color:"text.tertiary"}})),t.createElement(p.PanelBody,null,t.createElement(e.ControlActionsProvider,{items:a},t.createElement(e.ControlReplacementsProvider,{replacements:o},t.createElement(k,{element:n,elementType:l},t.createElement(dl,null)))))))))}}),bl=()=>{const e=(0,r.getSelectedElements)(),t=(0,r.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},_l=()=>((()=>{const{open:e}=gl();(0,t.useEffect)((()=>(0,g.__privateListenTo)((0,g.commandStartEvent)("panel/editor/open"),(()=>{bl()&&e()}))),[])})(),null),hl=({alignItems:e,gap:n=1.5,p:l,children:r})=>t.createElement(m.Stack,{alignItems:e,gap:n,p:l},r),yl=e=>{const{element:t}=P(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return(0,E.useSessionStorage)(n)},xl=()=>{const{atomicDynamicTags:e}=(()=>{const e=window;return e.elementor?.config??{}})();return e?{tags:e.tags,groups:e.groups}:null},wl="dynamic",Sl=e=>{const t="union"===e.kind&&e.prop_types[wl];return t&&t.key===wl?t:null},Cl=(0,o.createPropUtils)(wl,x.z.strictObject({name:x.z.string(),settings:x.z.any().optional()})),Il=()=>{let n=[];const{propType:l}=(0,e.useBoundProp)();if(l){const e=Sl(l);n=e?.settings.categories||[]}return(0,t.useMemo)((()=>Tl(n)),[n.join()])},Tl=e=>{const t=xl();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)))))},zl=e=>{const n=Il();return(0,t.useMemo)((()=>n.find((t=>t.name===e))??null),[n,e])},kl=({bind:n,children:l})=>{const{value:r,setValue:o}=(0,e.useBoundProp)(Cl),{name:a="",settings:i}=r??{},c=zl(a);if(!c)throw new Error(`Dynamic tag ${a} not found`);const s=c.props_schema[n],m=s?.default,u=i?.[n]??m,d=_e({schema:c.props_schema});return t.createElement(e.PropProvider,{propType:d,setValue:e=>{o({name:a,settings:{...i,...e}})},value:{[n]:u}},t.createElement(e.PropKeyProvider,{bind:n},l))},Pl="tiny",Gl=({onSelect:n})=>{const[l,r]=(0,t.useState)(""),{groups:o}=xl()||{},{value:a}=(0,e.useBoundProp)(),{bind:i,value:s,setValue:d}=(0,e.useBoundProp)(Cl),[,p]=yl(i),E=!!s,f=Vl(l),g=!f.length&&!l.trim();return t.createElement(m.Stack,null,g?t.createElement(Ll,null):t.createElement(t.Fragment,null,t.createElement(m.Box,{px:1.5,pb:1},t.createElement(m.TextField,{fullWidth:!0,size:Pl,value:l,onChange:e=>{r(e.target.value)},placeholder:(0,u.__)("Search dynamic tags…","elementor"),InputProps:{startAdornment:t.createElement(m.InputAdornment,{position:"start"},t.createElement(c.SearchIcon,{fontSize:Pl}))}})),t.createElement(m.Divider,null),t.createElement(m.Box,{sx:{overflowY:"auto",height:260,width:220}},f.length>0?t.createElement(m.MenuList,{role:"listbox",tabIndex:0},f.map((([e,l],r)=>t.createElement(t.Fragment,{key:r},t.createElement(m.MenuSubheader,{sx:{px:1.5,typography:"caption",color:"text.tertiary"}},o?.[e]?.title||e),l.map((({value:e,label:l})=>{const r=E&&e===s?.name;return t.createElement(m.MenuItem,{key:e,selected:r,autoFocus:r,sx:{px:3.5,typography:"caption"},onClick:()=>((e,t)=>{E||p(a),d({name:e,settings:{label:t}}),n?.()})(e,l)},l)})))))):t.createElement(Rl,{searchValue:l,onClear:()=>r("")}))))},Rl=({searchValue:e,onClear:n})=>t.createElement(m.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},t.createElement(c.DatabaseIcon,{fontSize:"large"}),t.createElement(m.Typography,{align:"center",variant:"subtitle2"},(0,u.__)("Sorry, nothing matched","elementor"),t.createElement("br",null),"“",e,"”."),t.createElement(m.Typography,{align:"center",variant:"caption"},(0,u.__)("Try something else.","elementor")," ",t.createElement(m.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:n},(0,u.__)("Clear & try again","elementor")))),Ll=()=>t.createElement(m.Box,{sx:{overflowY:"hidden",height:297,width:220}},t.createElement(m.Divider,null),t.createElement(m.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},t.createElement(c.DatabaseIcon,{fontSize:"large"}),t.createElement(m.Typography,{align:"center",variant:"subtitle2"},(0,u.__)("Streamline your workflow with dynamic tags","elementor")),t.createElement(m.Typography,{align:"center",variant:"caption"},(0,u.__)("You’ll need Elementor Pro to use this feature.","elementor")))),Vl=e=>[...Il().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)],Bl="tiny",Dl=()=>{const{setValue:n}=(0,e.useBoundProp)(),{bind:l,value:r}=(0,e.useBoundProp)(Cl),[o]=yl(l),a=(0,m.usePopupState)({variant:"popover"}),{name:i=""}=r,s=zl(i);if(!s)throw new Error(`Dynamic tag ${i} not found`);return t.createElement(m.Box,null,t.createElement(m.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:s.label,startIcon:t.createElement(c.DatabaseIcon,{fontSize:Bl}),...(0,m.bindTrigger)(a),actions:t.createElement(t.Fragment,null,t.createElement(Al,{dynamicTag:s}),t.createElement(m.IconButton,{size:Bl,onClick:()=>{n(o??null)},"aria-label":(0,u.__)("Remove dynamic value","elementor")},t.createElement(c.XIcon,{fontSize:Bl})))}),t.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,m.bindPopover)(a)},t.createElement(m.Stack,null,t.createElement(m.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},t.createElement(c.DatabaseIcon,{fontSize:Bl,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},(0,u.__)("Dynamic tags","elementor")),t.createElement(m.IconButton,{size:Bl,sx:{ml:"auto"},onClick:a.close},t.createElement(c.XIcon,{fontSize:Bl}))),t.createElement(Gl,{onSelect:a.close}))))},Al=({dynamicTag:e})=>{const n=(0,m.usePopupState)({variant:"popover"});return e.atomic_controls.length?t.createElement(t.Fragment,null,t.createElement(m.IconButton,{size:Bl,...(0,m.bindTrigger)(n),"aria-label":(0,u.__)("Settings","elementor")},t.createElement(c.SettingsIcon,{fontSize:Bl})),t.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(n)},t.createElement(m.Paper,{component:m.Stack,sx:{minHeight:"300px",width:"220px"}},t.createElement(m.Stack,{direction:"row",alignItems:"center",px:1.5,pt:2,pb:1},t.createElement(c.DatabaseIcon,{fontSize:Bl,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},e.label),t.createElement(m.IconButton,{sx:{ml:"auto"},size:Bl,onClick:n.close},t.createElement(c.XIcon,{fontSize:Bl}))),t.createElement(Ml,{controls:e.atomic_controls})))):null},Ml=({controls:e})=>{const n=e.filter((({type:e})=>"section"===e)),{getTabsProps:l,getTabProps:r,getTabPanelProps:o}=(0,m.useTabs)(0);return n.length?t.createElement(t.Fragment,null,t.createElement(m.Tabs,{size:"small",variant:"fullWidth",...l()},n.map((({value:e},n)=>t.createElement(m.Tab,{key:n,label:e.label,sx:{px:1,py:.5},...r(n)})))),t.createElement(m.Divider,null),n.map((({value:e},n)=>t.createElement(m.TabPanel,{key:n,sx:{flexGrow:1,py:0},...o(n)},t.createElement(hl,{p:2,gap:2},e.items.map((e=>"control"===e.type?t.createElement(Fl,{key:e.value.bind,control:e.value}):null))))))):null},Fl=({control:n})=>Ee(n.type)?t.createElement(kl,{bind:n.bind},t.createElement(m.Grid,{container:!0,gap:.75},n.label?t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.ControlFormLabel,null,n.label)):null,t.createElement(m.Grid,{item:!0,xs:12},t.createElement(fe,{type:n.type,props:n.props})))):null,Ol=(0,d.createError)({code:"dynamic_tags_manager_not_found",message:"Dynamic tags manager not found"}),Wl=(0,_.createTransformer)((e=>e.name?function(e,t){const n=window,{dynamicTags:l}=n.elementor??{};if(!l)throw new Ol;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)),jl=()=>{const{propType:n}=(0,e.useBoundProp)(),l=!!n&&(e=>!!Sl(e))(n);return{visible:l,icon:c.DatabaseIcon,title:(0,u.__)("Dynamic tags","elementor"),popoverContent:({closePopover:e})=>t.createElement(Gl,{onSelect:e})}},{registerPopoverAction:$l}=ie,Ul=()=>{w({component:Dl,condition:({value:e})=>{return t=e,(0,o.isTransformable)(t)&&t.$$type===wl;var t}}),$l({id:"dynamic-tags",useProps:jl}),_.styleTransformersRegistry.register("dynamic",Wl),_.settingsTransformersRegistry.register("dynamic",Wl)};function Nl(){(0,p.__registerPanel)(fl),Kl(),(0,h.injectIntoLogic)({id:"editing-panel-hooks",component:_l}),(0,h.injectIntoLogic)({id:"current-user-data",component:y.PrefetchUserData}),Ul()}var Kl=()=>{(0,g.blockCommand)({command:"panel/editor/open",condition:bl})}}(),(window.elementorV2=window.elementorV2||{}).editorEditingPanel=l}(),window.elementorV2.editorEditingPanel?.init?.();