File "editor-editing-panel.min.js"

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

!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,{controlActionsMenu:function(){return ie},init:function(){return Nl},injectIntoClassSelectorActions:function(){return le},registerControlReplacement:function(){return w},useBoundProp:function(){return n.useBoundProp},usePanelActions:function(){return gl},usePanelStatus:function(){return bl}});var n=window.elementorV2.editorControls,l=window.React,r=window.elementorV2.editorElements,o=window.elementorV2.editorProps,a=window.elementorV2.editorStylesRepository,i=window.elementorV2.editorUi,c=window.elementorV2.icons,s=window.elementorV2.locations,m=window.elementorV2.ui,u=window.wp.i18n,d=window.elementorV2.utils,p=window.elementorV2.editorPanels,E=window.elementorV2.session,f=window.elementorV2.menus,g=window.elementorV2.editorV1Adapters,b=window.elementorV2.editorResponsive,v=window.elementorV2.editorStyles,_=window.elementorV2.editorCanvas,h=window.elementorV2.editor,y=window.elementorV2.editorCurrentUser,x=window.elementorV2.schema,{registerControlReplacement:w,getControlReplacements:S}=(0,n.createControlReplacementsRegistry)(),C=(0,l.createContext)(null);function I({children:e,prop:t}){return l.createElement(C.Provider,{value:{prop:t}},e)}function T(){const e=(0,l.useContext)(C);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var z=(0,l.createContext)(null);function k({children:e,element:t,elementType:n}){return l.createElement(z.Provider,{value:{element:t,elementType:n}},e)}function P(){const e=(0,l.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,l.createContext)(null);function D({children:e,...t}){const n=null===t.id?null:M(t.id);if(t.id&&!n)throw new R({context:{styleId:t.id}});return l.createElement(B.Provider,{value:{...t,provider:n}},e)}function A(){const e=(0,l.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=l.forwardRef((function({selected:e,options:t,entityName:n,onSelect:r,placeholder:o,onCreate:a,validate:i,...c},s){const{inputValue:u,setInputValue:d,error:p,setError:E,inputHandlers:f}=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:g,openDropdown:b,closeDropdown:v}=function(e=!1){const[t,n]=(0,l.useState)(e);return{open:t,openDropdown:()=>n(!0),closeDropdown:()=>n(!1)}}(c.open),{createOption:_,loading:h}=function(e){const{onCreate:t,validate:n,setInputValue:r,setError:o,closeDropdown:a}=e,[i,c]=(0,l.useState)(!1);return{createOption:async e=>{if(t){if(c(!0),n){const{isValid:t,errorMessage:l}=n(e,"create");if(!t)return o(l),void c(!1)}try{r(""),a(),await t(e)}catch{}finally{c(!1)}}},loading:i}}({onCreate:a,validate:i,setInputValue:d,setError:E,closeDropdown:v}),[y,x]=(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]),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:v}),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:t,selected:e,onCreate:a,entityName:n});return l.createElement(m.Autocomplete,{renderTags:(e,t)=>e.map(((e,n)=>l.createElement(m.Chip,{size:"tiny",...t({index:n}),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:b,onClose:v,disableCloseOnSelect:!0,value:x,options:y,ListboxComponent:p?l.forwardRef(((e,t)=>l.createElement(W,{ref:t,error:p}))):void 0,renderGroup:e=>l.createElement(O,{...e}),inputValue:u,renderInput:e=>l.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,t)=>{const{_group:n,label:r}=t;return l.createElement("li",{...e,style:{display:"block",textOverflow:"ellipsis"},"data-group":n},r)}})})),O=e=>{const t=`combobox-group-${(0,l.useId)().replace(/:/g,"_")}`;return l.createElement(j,{role:"group","aria-labelledby":t},l.createElement($,{id:t}," ",e.group),l.createElement(U,{role:"listbox"},e.children))},W=l.forwardRef((({error:e="error"},t)=>l.createElement(m.Box,{ref:t,sx:e=>({padding:e.spacing(2)})},l.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:t,popupState:n,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=!t||(0,a.isElementsStylesProvider)(t)?"local":"global";return l.createElement(m.Menu,{MenuListProps:{dense:!0,sx:{minWidth:"160px"}},...(0,m.bindMenu)(n),anchorEl:o,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{horizontal:"left",vertical:-4},onKeyDown:e=>{e.stopPropagation()},disableAutoFocusItem:!0},function({provider:e,styleId:t,handleRename:n,closeMenu:r}){if(!t||!e)return[];const o=a.stylesRepository.getProviderByKey(e),i=o?.actions,[c,s]=[i?.update,i?.delete],u=[c&&l.createElement(q,{key:"rename-class",handleRename:n,closeMenu:r}),s&&l.createElement(Y,{key:"unapply-class",styleId:t,closeMenu:r})].filter(Boolean);return u.length&&(u.unshift(l.createElement(m.MenuSubheader,{key:"provider-label",sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1,textTransform:"capitalize"}},o?.labels?.singular)),u.push(l.createElement(m.Divider,{key:"provider-actions-divider"}))),u}({provider:t,styleId:e,handleRename:r,closeMenu:n.close}),l.createElement(m.MenuSubheader,{sx:{typography:"caption",color:"text.secondary",pb:.5,pt:1}},(0,u.__)("States","elementor")),l.createElement(H,{key:"normal",state:null,styleId:e,closeMenu:n.close,isStyled:i.normal,indicatorVariant:c}),K.map((t=>l.createElement(H,{key:t,state:t,styleId:e,closeMenu:n.close,isStyled:i[t],indicatorVariant:c}))))}function H({state:e,styleId:t,closeMenu:n,isStyled:r=!1,indicatorVariant:o,...a}){const{id:c,setId:s,setMetaState:d,meta:p}=A(),{state:E}=p,f=t===c,g=e===E&&f;return l.createElement(i.MenuListItem,{...a,selected:g,sx:{textTransform:"capitalize"},onClick:()=>{f||s(t),d(e),n()}},l.createElement(m.Stack,{gap:.75,direction:"row",alignItems:"center"},r&&l.createElement(N,{"aria-label":(0,u.__)("Has style","elementor"),variant:o}),e??"normal"))}function Y({styleId:e,closeMenu:t,...n}){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 l.createElement(i.MenuListItem,{...n,onClick:()=>{o(),t()}},(0,u.__)("Remove","elementor"))}function q({handleRename:e,closeMenu:t,...n}){return l.createElement(i.MenuListItem,{...n,onClick:()=>{t(),e()}},(0,u.__)("Rename","elementor"))}var X="tiny";function Z({id:e,provider:t,label:n,isActive:r,color:o,icon:s,chipProps:d,onClickActive:p,renameLabel:E,setError:f}){const{meta:g,setMetaState:b}=A(),v=(0,m.usePopupState)({variant:"popover"}),[_,h]=(0,l.useState)(null),{onDelete:y,...x}=d,{ref:w,isEditing:S,openEditMode:C,error:I,getProps:T}=(0,i.useEditable)({value:n,onSubmit:E,validation:Q,onError:f}),z=I?"error":o,k=t?a.stylesRepository.getProviderByKey(t)?.actions:null,P=Boolean(k?.update),G=r&&g.state;return l.createElement(l.Fragment,null,l.createElement(m.UnstableChipGroup,{ref:h,...x,"aria-label":`Edit ${n}`,role:"group",sx:e=>({"&.MuiChipGroup-root.MuiAutocomplete-tag":{margin:e.spacing(.125)}})},l.createElement(m.Chip,{size:X,label:S?l.createElement(i.EditableField,{ref:w,...T()}):l.createElement(i.EllipsisWithTooltip,{maxWidth:"10ch",title:n,as:"div"}),variant:!r||g.state||S?"standard":"filled",shape:"rounded",icon:s,color:z,onClick:()=>{G?b(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&&l.createElement(m.Chip,{icon:G?void 0:l.createElement(c.DotsVerticalIcon,{fontSize:"tiny"}),size:X,label:G?l.createElement(m.Stack,{direction:"row",gap:.5,alignItems:"center"},l.createElement(m.Typography,{variant:"inherit"},g.state),l.createElement(c.DotsVerticalIcon,{fontSize:"tiny"})):void 0,variant:"filled",shape:"rounded",color:z,...(0,m.bindTrigger)(v),"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}})})),l.createElement(J,{styleId:e,popupState:v,provider:t,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:l.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((t=>{const n=(0,a.isElementsStylesProvider)(t.getKey()),r=t.actions.all({elementId:e.id});return n&&0===r.length?[te]:r.map((e=>({label:e.label,value:e.id,fixed:n,color:n?"accent":"global",icon:n?l.createElement(c.MapPinIcon,null):null,provider:t.getKey()})))}))}(),{value:t,setValue:n,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,l.useRef)(null),[f,g]=(0,l.useState)(null),b=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)}}(t,n),{create:v,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,t),x=y.find((e=>e.value===d))??te,w=y.every((({fixed:e})=>e));return l.createElement(m.Stack,{p:2},l.createElement(m.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},l.createElement(m.FormLabel,{htmlFor:ee,size:"small"},(0,u.__)("Classes","elementor")),l.createElement(m.Stack,{direction:"row",gap:1},l.createElement(ne,null))),l.createElement(i.WarningInfotip,{open:Boolean(f),text:f??"",placement:"bottom",width:E.current?.getBoundingClientRect().width,offset:[0,-15]},l.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:b,onCreate:v??void 0,validate:_??void 0,limitTags:50,getLimitTagsText:e=>l.createElement(m.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(e,t)=>e.map(((e,n)=>{const r=t({index:n}),o=e.value===x?.value;return l.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:t=!0,icon:n,popoverContent:r}){const o=(0,l.useId)(),a=(0,m.usePopupState)({variant:"popover",popupId:`elementor-popover-action-${o}`});return t?l.createElement(l.Fragment,null,l.createElement(m.Tooltip,{placement:"top",title:e},l.createElement(m.IconButton,{"aria-label":e,key:o,size:ae,...(0,m.bindToggle)(a)},l.createElement(n,{fontSize:ae}))),l.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(a)},l.createElement(m.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},l.createElement(n,{fontSize:ae,sx:{mr:.5}}),l.createElement(m.Typography,{variant:"subtitle2"},e),l.createElement(m.IconButton,{sx:{ml:"auto"},size:ae,onClick:a.close},l.createElement(c.XIcon,{fontSize:ae}))),l.createElement(r,{closePopover:a.close}))):null}}});function ce(){return l.createElement(m.Box,{role:"alert",sx:{minHeight:"100%",p:2}},l.createElement(m.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},l.createElement("strong",null,"Something went wrong")))}var se=(0,l.createContext)(void 0),me=(0,m.styled)("div")`
	height: 100%;
	overflow-y: auto;
`;function ue({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(se.Provider,{value:{direction:t}},l.createElement(me,{ref:r},e))}var de=(e,t)=>{const{element:n}=P(),r=(0,g.isExperimentActive)("e_v_3_30"),o=`elementor/editor-state/${n.id}/${e}`,a=r?(0,E.getSessionStorageItem)(o):t,[i,c]=(0,l.useState)(a??t);return[i,e=>{(0,E.setSessionStorageItem)(o,e),c(e)}]},pe={image:{component:n.ImageControl,layout:"full"},"svg-media":{component:n.SvgMediaControl,layout:"full"},text:{component:n.TextControl,layout:"full"},textarea:{component:n.TextAreaControl,layout:"full"},size:{component:n.SizeControl,layout:"two-columns"},select:{component:n.SelectControl,layout:"two-columns"},link:{component:n.LinkControl,layout:"full"},url:{component:n.UrlControl,layout:"full"}},Ee=e=>pe[e]?.component,fe=({props:e,type:t})=>{const n=Ee(t),{element:r}=P();if(!n)throw new G({context:{controlType:t}});return l.createElement(n,{...e,context:{elementId:r.id}})},ge=({children:e,layout:t})=>l.createElement(be,{layout:t},e),be=(0,m.styled)(m.Box,{shouldForwardProp:e=>!["layout"].includes(e)})((({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...ve(e)}))),ve=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:e,children:t})=>{const{element:o,elementType:a}=P(),i=(0,r.useElementSetting)(o.id,e),c={[e]:i},s=_e({schema:a.propsSchema});return l.createElement(n.PropProvider,{propType:s,value:c,setValue:e=>{(0,r.updateElementSettings)({id:o.id,props:{...e}})}},l.createElement(n.PropKeyProvider,{bind:e},t))},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:t,defaultExpanded:n=!1}){const[r,o]=de(e,!!n),a=(0,l.useId)(),i=`label-${a}`,c=`content-${a}`;return l.createElement(l.Fragment,null,l.createElement(m.ListItemButton,{id:i,"aria-controls":c,onClick:()=>o(!r),sx:{"&:hover":{backgroundColor:"transparent"}}},l.createElement(m.ListItemText,{secondary:e,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"}}),l.createElement(ye,{open:r,color:"secondary",fontSize:"tiny"})),l.createElement(m.Collapse,{id:c,"aria-labelledby":i,in:r,timeout:"auto",unmountOnExit:!0},l.createElement(m.Stack,{gap:2.5,p:2},t)),l.createElement(m.Divider,null))}function we(e){return l.createElement(m.List,{disablePadding:!0,component:"div",...e})}var Se=()=>{const{elementType:e,element:t}=P();return l.createElement(E.SessionStorageProvider,{prefix:t.id},l.createElement(we,null,e.controls.map((({type:e,value:t},n)=>"control"===e?l.createElement(Ce,{key:t.bind,control:t}):"section"===e?l.createElement(xe,{title:t.label,key:e+"."+n,defaultExpanded:!0},t.items?.map((e=>"control"===e.type?l.createElement(Ce,{key:e.value.bind,control:e.value}):null))):null))))},Ce=({control:e})=>{if(!Ee(e.type))return null;const t=e.meta?.layout||(r=e.type,pe[r].layout);var r;return l.createElement(he,{bind:e.bind},e.meta?.topDivider&&l.createElement(m.Divider,null),l.createElement(ge,{layout:t},e.label?l.createElement(n.ControlFormLabel,null,e.label):null,l.createElement(fe,{type:e.type,props:e.props})))},Ie=()=>{const{provider:e}=A(),[,t]=(0,l.useReducer)((e=>!e),!1);(0,l.useEffect)((()=>e?.subscribe(t)),[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,l.createContext)(null);function Ve({children:e}){const t=Re(De(),(0,b.getBreakpointsTree)());return l.createElement(Le.Provider,{value:{getSnapshot:t}},e)}function Be(e){return function(e){const t=(0,l.useContext)(Le),{meta:n}=A();if(!t)throw new Error("useStylesInheritanceFields must be used within a StyleInheritanceProvider");if(!n)return null;const r=t.getSnapshot(n);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:t}=P(),{id:n,meta:o,provider:i}=A(),c=T(),s=(0,l.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,v.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,l.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,v.getVariantByMeta)(o,l);return Object.fromEntries(r.map((e=>[e,a?.props[e]??null])))}({elementId:t.id,styleId:n,provider:i,meta:o,propNames:e});return[d,e=>{null!==n?s({elementId:t.id,styleId:n,provider:i,meta:o,props:e}):m({elementId:t.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:t})=>{const n=(0,l.useMemo)((()=>{const e=(0,v.getStylesSchema)();return(0,_.createPropsResolver)({transformers:_.styleTransformersRegistry,schema:{[t]:e[t]}})}),[t]),r=((e,t,n)=>{const[r,o]=(0,l.useState)([]);return(0,l.useEffect)((()=>{(async()=>{const l=(await Promise.all(e.filter((e=>e.style?.label)).map(((e,l)=>(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,l,t,n))))).filter((e=>""!==e.value)).slice(0,2);o(l)})()}),[e,t,n]),r})(e,t,n);return l.createElement(m.Card,{elevation:0,sx:{maxWidth:320}},l.createElement(m.CardContent,{sx:{p:1.5,pb:2.5}},l.createElement(m.List,null,r.map((e=>l.createElement(m.ListItem,{key:e.id},l.createElement(m.ListItemText,{primary:`${e.breakpoint} | ${e.displayLabel}. ${e.value}`})))))))},je=()=>{const[e,t]=(0,l.useState)(!1),{value:r,path:o}=(0,n.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:b,state:v}=E.meta,_=p.id===i&&b===s.breakpoint&&v===s.state,h=null!=r,y=$e({isFinalValue:_,hasValue:h}),x=Ue({isFinalValue:_,hasValue:h,currentStyleProvider:c});return(0,g.isExperimentActive)("e_indications_popover")?l.createElement(m.Infotip,{placement:"top",content:l.createElement(We,{inheritanceChain:d,bind:u}),open:e,onClose:()=>t(!1),trigger:"manual"},l.createElement(m.IconButton,{onClick:()=>t((e=>!e)),"aria-label":y},l.createElement(N,{variant:x}))):l.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:e,placeholder:t,children:r})=>{const[o,a]=Fe(e),i=(0,v.getStylesSchema)(),c=_e({schema:i}),s={[e]:o},m={[e]:t};return l.createElement(n.ControlAdornmentsProvider,{items:[{id:"styles-inheritance",Adornment:je}]},l.createElement(n.PropProvider,{propType:c,value:s,setValue:t=>{a(t[e])},placeholder:m},l.createElement(n.PropKeyProvider,{bind:e},r)))},Ke=()=>l.createElement(Ne,{bind:"background"},l.createElement(n.BackgroundControl,null)),Je=()=>l.createElement(m.Divider,{sx:{my:.5}}),He=({gap:e=2,sx:t,children:n})=>l.createElement(m.Stack,{gap:e,sx:{...t}},n),Ye=({children:e})=>l.createElement(m.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:1},l.createElement(n.ControlFormLabel,null,e),l.createElement(n.ControlAdornments,null)),qe="tiny",Xe=({isAdded:e,label:t,onAdd:n,onRemove:r,children:o})=>l.createElement(He,null,l.createElement(m.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginInlineEnd:-.75}},l.createElement(Ye,null,t),e?l.createElement(m.IconButton,{size:qe,onClick:r,"aria-label":"Remove"},l.createElement(c.MinusIcon,{fontSize:qe})):l.createElement(m.IconButton,{size:qe,onClick:n,"aria-label":"Add"},l.createElement(c.PlusIcon,{fontSize:qe}))),l.createElement(m.Collapse,{in:e,unmountOnExit:!0},l.createElement(He,null,o))),Ze=()=>l.createElement(Ne,{bind:"border-color"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Border color","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.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=()=>l.createElement(Ne,{bind:"border-style"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Border type","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},l.createElement(n.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:l.createElement(c.SideTopIcon,{fontSize:"tiny"}),bind:"block-start"},{label:e?(0,u.__)("Left","elementor"):(0,u.__)("Right","elementor"),icon:l.createElement(nt,{fontSize:"tiny"}),bind:"inline-end"},{label:(0,u.__)("Bottom","elementor"),icon:l.createElement(c.SideBottomIcon,{fontSize:"tiny"}),bind:"block-end"},{label:e?(0,u.__)("Right","elementor"):(0,u.__)("Left","elementor"),icon:l.createElement(lt,{fontSize:"tiny"}),bind:"inline-start"}],ot=()=>{const{isSiteRtl:e}=tt();return l.createElement(Ne,{bind:"border-width"},l.createElement(n.EqualUnequalSizesControl,{items:rt(e),label:(0,u.__)("Border width","elementor"),icon:l.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,t]=Me(Object.keys(at)),n=Object.values(e??{}).some(Boolean);return l.createElement(Xe,{label:(0,u.__)("Border","elementor"),isAdded:n,onAdd:()=>{t(at)},onRemove:()=>{t({"border-width":null,"border-color":null,"border-style":null})}},l.createElement(ot,null),l.createElement(Ze,null),l.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:l.createElement(ct,{fontSize:"tiny"}),bind:"start-start"},{label:pt(e),icon:l.createElement(st,{fontSize:"tiny"}),bind:"start-end"},{label:Et(e),icon:l.createElement(mt,{fontSize:"tiny"}),bind:"end-start"},{label:ft(e),icon:l.createElement(ut,{fontSize:"tiny"}),bind:"end-end"}],bt=()=>{const{isSiteRtl:e}=tt();return l.createElement(Ne,{bind:"border-radius"},l.createElement(n.EqualUnequalSizesControl,{items:gt(e),label:(0,u.__)("Border radius","elementor"),icon:l.createElement(c.BorderCornersIcon,{fontSize:"tiny"}),tooltipLabel:(0,u.__)("Adjust corners","elementor"),multiSizePropTypeUtil:o.borderRadiusPropTypeUtil}))},vt=()=>l.createElement(He,null,l.createElement(bt,null),l.createElement(Je,null),l.createElement(it,null)),_t=()=>l.createElement(He,null,l.createElement(Ne,{bind:"box-shadow"},l.createElement(n.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:t,isClockwise:n=!0,offset:r=0,disableRotationForReversed:o=!1})=>{const a=(0,l.useRef)(wt(n,r,o));return a.current=wt(n,r,o,a),l.createElement(e,{fontSize:t,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})=>l.createElement(xt,{icon:St,size:e,...It}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifyCenterIcon,size:e,...It}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:Ct,size:e,...It}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...It}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...It}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifyDistributeVerticalIcon,size:e,...It}),showTooltip:!0}],zt=()=>{const{isSiteRtl:e}=tt();return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"align-content"},l.createElement(m.Stack,{gap:1},l.createElement(Ye,null,(0,u.__)("Align content","elementor")),l.createElement(n.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})=>l.createElement(xt,{icon:kt,size:e,...Gt}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.LayoutAlignCenterIcon,size:e,...Gt}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:Pt,size:e,...Gt}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.LayoutDistributeVerticalIcon,size:e,...Gt}),showTooltip:!0}],Lt=()=>{const{isSiteRtl:e}=tt();return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"align-items"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Align items","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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:t})=>l.createElement(xt,{icon:Bt,size:t,offset:Vt[e],...At}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:t})=>l.createElement(xt,{icon:c.LayoutAlignCenterIcon,size:t,offset:Vt[e],...At}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:t})=>l.createElement(xt,{icon:Dt,size:t,offset:Vt[e],...At}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:t})=>l.createElement(xt,{icon:c.LayoutDistributeVerticalIcon,size:t,offset:Vt[e],...At}),showTooltip:!0}],Ft=({parentStyleDirection:e})=>{const{isSiteRtl:t}=tt();return l.createElement(m.DirectionProvider,{rtl:t},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"align-self"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Align self","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},l.createElement(n.ToggleControl,{options:Mt(e)}))))))},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 e=(0,g.isExperimentActive)("e_v_3_30"),t=[...Ot];e&&t.push({value:"none",renderContent:()=>(0,u.__)("None","elementor"),label:(0,u.__)("None","elementor"),showTooltip:!0}),t.push({value:"inline-flex",renderContent:()=>(0,u.__)("In-flx","elementor"),label:(0,u.__)("Inline-flex","elementor"),showTooltip:!0});const r=jt();return l.createElement(Ne,{bind:"display",placeholder:r},l.createElement(m.Stack,{gap:.75},l.createElement(Ye,null,(0,u.__)("Display","elementor")),l.createElement(n.ToggleControl,{options:t,maxItems:4,fullWidth:!0})))},jt=()=>Be("display")[0]?.value??void 0,$t=[{value:"row",label:(0,u.__)("Row","elementor"),renderContent:({size:e})=>{const t=(0,m.withDirection)(c.ArrowRightIcon);return l.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,u.__)("Column","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,u.__)("Reversed row","elementor"),renderContent:({size:e})=>{const t=(0,m.withDirection)(c.ArrowLeftIcon);return l.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,u.__)("Reversed column","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],Ut=()=>{const{isSiteRtl:e}=tt();return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"flex-direction"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Direction","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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})=>l.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:Jt,label:(0,u.__)("Last","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:Ht,label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>l.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],Xt=()=>{const{isSiteRtl:e}=tt(),[t,r]=Fe("order"),[o,a]=(0,l.useState)(Zt(t?.value||null));return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"order"},l.createElement(He,null,l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Order","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.ControlToggleButtonGroup,{items:qt,value:o,onChange:e=>{a(e),r(e&&e!==Ht?{$$type:"number",value:Yt[e]}:null)},exclusive:!0}))),Ht===o&&l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Custom order","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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})=>l.createElement(c.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,u.__)("Shrink","elementor"),renderContent:({size:e})=>l.createElement(c.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>l.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],en=()=>{const{isSiteRtl:e}=tt(),[t,r]=Me(["flex-grow","flex-shrink","flex-basis"]),a=t?.["flex-grow"]?.value||null,i=t?.["flex-shrink"]?.value||null,c=t?.["flex-basis"]?.value||null,s=(0,l.useMemo)((()=>nn({grow:a,shrink:i,basis:c})),[a,i,c]),[d,p]=(0,l.useState)(s);return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(He,null,l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ne,{bind:d??""},l.createElement(Ye,null,(0,u.__)("Size","elementor")))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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&&l.createElement(tn,null))))},tn=()=>l.createElement(l.Fragment,null,l.createElement(Ne,{bind:"flex-grow"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Grow","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.NumberControl,{min:0,shouldForceInt:!0})))),l.createElement(Ne,{bind:"flex-shrink"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Shrink","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.NumberControl,{min:0,shouldForceInt:!0})))),l.createElement(Ne,{bind:"flex-basis"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Basis","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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=()=>l.createElement(m.Stack,{gap:1},l.createElement(Ne,{bind:"gap"},l.createElement(n.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})=>l.createElement(xt,{icon:rn,size:e,...an}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifyCenterIcon,size:e,...an}),showTooltip:!0},{value:"flex-end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:on,size:e,...an}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...an}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...an}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>l.createElement(xt,{icon:c.JustifyDistributeVerticalIcon,size:e,...an}),showTooltip:!0}],sn=()=>{const{isSiteRtl:e}=tt();return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"justify-content"},l.createElement(m.Stack,{gap:.75},l.createElement(Ye,null,(0,u.__)("Justify content","elementor")),l.createElement(n.ToggleControl,{options:cn,fullWidth:!0})))))},mn=[{value:"nowrap",label:(0,u.__)("No wrap","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,u.__)("Wrap","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,u.__)("Reversed wrap","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],un=()=>{const{isSiteRtl:e}=tt();return l.createElement(m.DirectionProvider,{rtl:e},l.createElement(m.ThemeProvider,null,l.createElement(Ne,{bind:"flex-wrap"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Wrap","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},l.createElement(n.ToggleControl,{options:mn}))))))},dn=()=>{const[e]=Fe("display"),t=jt(),n=fn(e,t),{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 l.createElement(He,null,l.createElement(Wt,null),n&&l.createElement(pn,null),"flex"===i?.display&&l.createElement(En,{parentStyleDirection:s}))},pn=()=>{const[e]=Fe("flex-wrap");return l.createElement(l.Fragment,null,l.createElement(Ut,null),l.createElement(sn,null),l.createElement(Lt,null),l.createElement(Je,null),l.createElement(ln,null),l.createElement(un,null),["wrap","wrap-reverse"].includes(e?.value)&&l.createElement(zt,null))},En=({parentStyleDirection:e})=>l.createElement(l.Fragment,null,l.createElement(Je,null),l.createElement(n.ControlFormLabel,null,(0,u.__)("Flex child","elementor")),l.createElement(Ft,{parentStyleDirection:e}),l.createElement(Xt,null),l.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),bn=(0,m.withDirection)(c.SideRightIcon),vn={"inset-block-start":l.createElement(c.SideTopIcon,{fontSize:"tiny"}),"inset-block-end":l.createElement(c.SideBottomIcon,{fontSize:"tiny"}),"inset-inline-start":l.createElement(xt,{icon:gn,size:"tiny"}),"inset-inline-end":l.createElement(xt,{icon:bn,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 l.createElement(l.Fragment,null,l.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},l.createElement(xn,{side:"inset-block-start",label:(0,u.__)("Top","elementor")}),l.createElement(xn,{side:"inset-inline-end",label:hn(e)})),l.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},l.createElement(xn,{side:"inset-block-end",label:(0,u.__)("Bottom","elementor")}),l.createElement(xn,{side:"inset-inline-start",label:_n(e)})))},xn=({side:e,label:t})=>l.createElement(m.Grid,{container:!0,gap:.75,alignItems:"center"},l.createElement(m.Grid,{item:!0,xs:12},l.createElement(Ye,null,t)),l.createElement(m.Grid,{item:!0,xs:12},l.createElement(Ne,{bind:e},l.createElement(n.SizeControl,{startIcon:vn[e],extendedValues:["auto"]})))),wn=()=>l.createElement(Ne,{bind:"scroll-margin-top"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Anchor offset","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.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:e})=>l.createElement(Ne,{bind:"position"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Position","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},l.createElement(n.SelectControl,{options:Sn,onChange:e})))),In=()=>l.createElement(Ne,{bind:"z-index"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Z-index","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.NumberControl,null)))),Tn=()=>{const[e]=Fe("position"),[t,n]=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 l.createElement(He,null,l.createElement(Cn,{onChange:(e,l)=>{"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})):"static"===l&&r&&(n(r),a())}}),c?l.createElement(l.Fragment,null,l.createElement(yn,null),l.createElement(In,null)):null,i&&l.createElement(l.Fragment,null,l.createElement(Je,null),l.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:t=!1})=>{const[n,r]=(0,l.useState)(t);return l.createElement(m.Stack,null,l.createElement(m.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{r((e=>!e))},endIcon:l.createElement(ye,{open:n}),sx:{my:.5}},n?(0,u.__)("Show less","elementor"):(0,u.__)("Show more","elementor")),l.createElement(m.Collapse,{in:n,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:e})=>l.createElement(Ne,{bind:"object-fit"},l.createElement(m.Grid,{container:!0,pt:2,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Object fit","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},l.createElement(n.SelectControl,{options:Pn,onChange:e})))),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:e})=>l.createElement(Ne,{bind:"object-position"},l.createElement(m.Grid,{container:!0,pt:2,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Object position","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},l.createElement(n.SelectControl,{options:Rn,onChange:e})))),Vn=[{value:"visible",label:(0,u.__)("Visible","elementor"),renderContent:({size:e})=>l.createElement(c.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,u.__)("Hidden","elementor"),renderContent:({size:e})=>l.createElement(c.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,u.__)("Auto","elementor"),renderContent:({size:e})=>l.createElement(c.LetterAIcon,{fontSize:e}),showTooltip:!0}],Bn=()=>l.createElement(Ne,{bind:"overflow"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Overflow","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},l.createElement(n.ToggleControl,{options:Vn})))),Dn=()=>{const[e,t]=Fe("object-fit"),n=e&&"fill"!==e?.value,r=(0,g.isExperimentActive)("e_v_3_30");return l.createElement(He,null,l.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(An,{bind:"width",label:(0,u.__)("Width","elementor"),extendedValues:["auto"]})),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(An,{bind:"height",label:(0,u.__)("Height","elementor"),extendedValues:["auto"]}))),l.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(An,{bind:"min-width",label:(0,u.__)("Min width","elementor"),extendedValues:["auto"]})),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(An,{bind:"min-height",label:(0,u.__)("Min height","elementor"),extendedValues:["auto"]}))),l.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(An,{bind:"max-width",label:(0,u.__)("Max width","elementor")})),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(An,{bind:"max-height",label:(0,u.__)("Max height","elementor")}))),l.createElement(Je,null),l.createElement(m.Stack,null,l.createElement(Bn,null)),r&&l.createElement(kn,null,l.createElement(Gn,{onChange:(e,n)=>{e&&e!==n&&t({value:e,$$type:"string"})}}),l.createElement(m.Grid,{item:!0,xs:6},n&&l.createElement(Ln,null))))},An=({label:e,bind:t,extendedValues:r})=>l.createElement(Ne,{bind:t},l.createElement(m.Grid,{container:!0,gap:.75,alignItems:"center"},l.createElement(m.Grid,{item:!0,xs:12},l.createElement(Ye,null,e)),l.createElement(m.Grid,{item:!0,xs:12},l.createElement(n.SizeControl,{extendedValues:r})))),Mn=()=>{const{isSiteRtl:e}=tt();return l.createElement(He,null,l.createElement(Ne,{bind:"margin"},l.createElement(n.LinkedDimensionsControl,{label:(0,u.__)("Margin","elementor"),isSiteRtl:e,extendedValues:["auto"]})),l.createElement(Je,null),l.createElement(Ne,{bind:"padding"},l.createElement(n.LinkedDimensionsControl,{label:(0,u.__)("Padding","elementor"),isSiteRtl:e})))},Fn={system:(0,u.__)("System","elementor"),custom:(0,u.__)("Custom Fonts","elementor"),googlefonts:(0,u.__)("Google Fonts","elementor")},On=()=>{const e=(()=>{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(!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===e.length?null:l.createElement(Ne,{bind:"font-family"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Font family","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{minWidth:0}},l.createElement(n.FontFamilyControl,{fontFamilies:e}))))},Wn=()=>l.createElement(Ne,{bind:"font-size"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Font size","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.SizeControl,null)))),jn=[{value:"normal",label:(0,u.__)("Normal","elementor"),renderContent:({size:e})=>l.createElement(c.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"italic",label:(0,u.__)("Italic","elementor"),renderContent:({size:e})=>l.createElement(c.ItalicIcon,{fontSize:e}),showTooltip:!0}],$n=()=>l.createElement(Ne,{bind:"font-style"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.ControlFormLabel,null,(0,u.__)("Font style","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.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=()=>l.createElement(Ne,{bind:"font-weight"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Font weight","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,sx:{overflow:"hidden"}},l.createElement(n.SelectControl,{options:Un})))),Kn=()=>l.createElement(Ne,{bind:"letter-spacing"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Letter spacing","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.SizeControl,null)))),Jn=()=>l.createElement(Ne,{bind:"line-height"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Line height","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.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})=>l.createElement(Hn,{fontSize:e}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(c.AlignCenterIcon,{fontSize:e}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Yn,{fontSize:e}),showTooltip:!0},{value:"justify",label:(0,u.__)("Justify","elementor"),renderContent:({size:e})=>l.createElement(c.AlignJustifiedIcon,{fontSize:e}),showTooltip:!0}],Xn=()=>l.createElement(Ne,{bind:"text-align"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Text align","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:qn})))),Zn=()=>l.createElement(Ne,{bind:"color"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Text color","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.ColorControl,null)))),Qn=[{value:"none",label:(0,u.__)("None","elementor"),renderContent:({size:e})=>l.createElement(c.MinusIcon,{fontSize:e}),showTooltip:!0,exclusive:!0},{value:"underline",label:(0,u.__)("Underline","elementor"),renderContent:({size:e})=>l.createElement(c.UnderlineIcon,{fontSize:e}),showTooltip:!0},{value:"line-through",label:(0,u.__)("Line-through","elementor"),renderContent:({size:e})=>l.createElement(c.StrikethroughIcon,{fontSize:e}),showTooltip:!0},{value:"overline",label:(0,u.__)("Overline","elementor"),renderContent:({size:e})=>l.createElement(c.OverlineIcon,{fontSize:e}),showTooltip:!0}],el=()=>l.createElement(Ne,{bind:"text-decoration"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Line decoration","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:Qn,exclusive:!1})))),tl=[{value:"ltr",label:(0,u.__)("Left to right","elementor"),renderContent:({size:e})=>l.createElement(c.TextDirectionLtrIcon,{fontSize:e}),showTooltip:!0},{value:"rtl",label:(0,u.__)("Right to left","elementor"),renderContent:({size:e})=>l.createElement(c.TextDirectionRtlIcon,{fontSize:e}),showTooltip:!0}],nl=()=>l.createElement(Ne,{bind:"direction"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Direction","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:tl})))),ll={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},rl=()=>{const[e,t]=Fe("stroke"),r=Boolean(e);return l.createElement(Ne,{bind:"stroke"},l.createElement(Xe,{label:(0,u.__)("Text stroke","elementor"),isAdded:r,onAdd:()=>{t(ll)},onRemove:()=>{t(null)}},l.createElement(n.StrokeControl,null)))},ol=[{value:"none",label:(0,u.__)("None","elementor"),renderContent:({size:e})=>l.createElement(c.MinusIcon,{fontSize:e}),showTooltip:!0},{value:"capitalize",label:(0,u.__)("Capitalize","elementor"),renderContent:({size:e})=>l.createElement(c.LetterCaseIcon,{fontSize:e}),showTooltip:!0},{value:"uppercase",label:(0,u.__)("Uppercase","elementor"),renderContent:({size:e})=>l.createElement(c.LetterCaseUpperIcon,{fontSize:e}),showTooltip:!0},{value:"lowercase",label:(0,u.__)("Lowercase","elementor"),renderContent:({size:e})=>l.createElement(c.LetterCaseLowerIcon,{fontSize:e}),showTooltip:!0}],al=()=>l.createElement(Ne,{bind:"text-transform"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Text transform","elementor"))),l.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:ol})))),il=()=>l.createElement(Ne,{bind:"word-spacing"},l.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(m.Grid,{item:!0,xs:6},l.createElement(Ye,null,(0,u.__)("Word spacing","elementor"))),l.createElement(m.Grid,{item:!0,xs:6},l.createElement(n.SizeControl,null)))),cl=()=>l.createElement(He,null,l.createElement(On,null),l.createElement(Nn,null),l.createElement(Wn,null),l.createElement(Je,null),l.createElement(Xn,null),l.createElement(Zn,null),l.createElement(kn,null,l.createElement(He,{sx:{pt:2}},l.createElement(Jn,null),l.createElement(Kn,null),l.createElement(il,null),l.createElement(Je,null),l.createElement(el,null),l.createElement(al,null),l.createElement(nl,null),l.createElement($n,null),l.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]}(),[t,n]=function(e){const[t,n]=(0,l.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}(t,o)||a?.id||null,n]}(e),[a,i]=(0,l.useState)(null),c=(0,b.useActiveBreakpoint)();return l.createElement(I,{prop:e},l.createElement(D,{meta:{breakpoint:c,state:a},id:t,setId:e=>{n(e),i(null)},setMetaState:i},l.createElement(E.SessionStorageProvider,{prefix:t??""},l.createElement(Ve,null,l.createElement(ul,null,l.createElement(re,null),l.createElement(m.Divider,null)),l.createElement(we,null,l.createElement(xe,{title:(0,u.__)("Layout","elementor")},l.createElement(dn,null)),l.createElement(xe,{title:(0,u.__)("Spacing","elementor")},l.createElement(Mn,null)),l.createElement(xe,{title:(0,u.__)("Size","elementor")},l.createElement(Dn,null)),l.createElement(xe,{title:(0,u.__)("Position","elementor")},l.createElement(Tn,null)),l.createElement(xe,{title:(0,u.__)("Typography","elementor")},l.createElement(cl,null)),l.createElement(xe,{title:(0,u.__)("Background","elementor")},l.createElement(Ke,null)),l.createElement(xe,{title:(0,u.__)("Border","elementor")},l.createElement(vt,null)),l.createElement(xe,{title:(0,u.__)("Effects","elementor")},l.createElement(_t,null)))))))};function ul({children:e}){const t=(0,l.useContext)(se)?.direction??"up";return l.createElement(m.Stack,{sx:{...sl,top:"up"===t?"37px":0}},e)}var dl=()=>{const{element:e}=P();return l.createElement(l.Fragment,{key:e.id},l.createElement(pl,null))},pl=()=>{const[e,t]=de("tab","settings"),{getTabProps:n,getTabPanelProps:r,getTabsProps:o}=(0,m.useTabs)(e);return l.createElement(ue,null,l.createElement(m.Stack,{direction:"column",sx:{width:"100%"}},l.createElement(m.Stack,{sx:{...sl,top:0}},l.createElement(m.Tabs,{variant:"fullWidth",size:"small",sx:{mt:.5},...o(),onChange:(e,n)=>{o().onChange(e,n),t(n)}},l.createElement(m.Tab,{label:(0,u.__)("General","elementor"),...n("settings")}),l.createElement(m.Tab,{label:(0,u.__)("Style","elementor"),...n("style")})),l.createElement(m.Divider,null)),l.createElement(m.TabPanel,{...r("settings"),disablePadding:!0},l.createElement(Se,null)),l.createElement(m.TabPanel,{...r("style"),disablePadding:!0},l.createElement(ml,null))))},{useMenuItems:El}=ie,{panel:fl,usePanelActions:gl,usePanelStatus:bl}=(0,p.__createPanel)({id:"editing-panel",component:()=>{const{element:e,elementType:t}=(0,r.useSelectedElement)(),o=S(),a=El().default;if(!e||!t)return null;const s=(0,u.__)("Edit %s","elementor").replace("%s",t.title);return l.createElement(m.ErrorBoundary,{fallback:l.createElement(ce,null)},l.createElement(E.SessionStorageProvider,{prefix:"elementor"},l.createElement(i.ThemeProvider,null,l.createElement(p.Panel,null,l.createElement(p.PanelHeader,null,l.createElement(p.PanelHeaderTitle,null,s),l.createElement(c.AtomIcon,{fontSize:"small",sx:{color:"text.tertiary"}})),l.createElement(p.PanelBody,null,l.createElement(n.ControlActionsProvider,{items:a},l.createElement(n.ControlReplacementsProvider,{replacements:o},l.createElement(k,{element:e,elementType:t},l.createElement(dl,null)))))))))}}),vl=()=>{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,l.useEffect)((()=>(0,g.__privateListenTo)((0,g.commandStartEvent)("panel/editor/open"),(()=>{vl()&&e()}))),[])})(),null),hl=({alignItems:e,gap:t=1.5,p:n,children:r})=>l.createElement(m.Stack,{alignItems:e,gap:t,p:n},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 e=[];const{propType:t}=(0,n.useBoundProp)();if(t){const n=Sl(t);e=n?.settings.categories||[]}return(0,l.useMemo)((()=>Tl(e)),[e.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 t=Il();return(0,l.useMemo)((()=>t.find((t=>t.name===e))??null),[t,e])},kl=({bind:e,children:t})=>{const{value:r,setValue:o}=(0,n.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[e],m=s?.default,u=i?.[e]??m,d=_e({schema:c.props_schema});return l.createElement(n.PropProvider,{propType:d,setValue:e=>{o({name:a,settings:{...i,...e}})},value:{[e]:u}},l.createElement(n.PropKeyProvider,{bind:e},t))},Pl="tiny",Gl=({onSelect:e})=>{const[t,r]=(0,l.useState)(""),{groups:o}=xl()||{},{value:a}=(0,n.useBoundProp)(),{bind:i,value:s,setValue:d}=(0,n.useBoundProp)(Cl),[,p]=yl(i),E=!!s,f=Vl(t),g=!f.length&&!t.trim();return l.createElement(m.Stack,null,g?l.createElement(Ll,null):l.createElement(l.Fragment,null,l.createElement(m.Box,{px:1.5,pb:1},l.createElement(m.TextField,{fullWidth:!0,size:Pl,value:t,onChange:e=>{r(e.target.value)},placeholder:(0,u.__)("Search dynamic tags…","elementor"),InputProps:{startAdornment:l.createElement(m.InputAdornment,{position:"start"},l.createElement(c.SearchIcon,{fontSize:Pl}))}})),l.createElement(m.Divider,null),l.createElement(m.Box,{sx:{overflowY:"auto",height:260,width:220}},f.length>0?l.createElement(m.MenuList,{role:"listbox",tabIndex:0},f.map((([t,n],r)=>l.createElement(l.Fragment,{key:r},l.createElement(m.MenuSubheader,{sx:{px:1.5,typography:"caption",color:"text.tertiary"}},o?.[t]?.title||t),n.map((({value:t,label:n})=>{const r=E&&t===s?.name;return l.createElement(m.MenuItem,{key:t,selected:r,autoFocus:r,sx:{px:3.5,typography:"caption"},onClick:()=>((t,n)=>{E||p(a),d({name:t,settings:{label:n}}),e?.()})(t,n)},n)})))))):l.createElement(Rl,{searchValue:t,onClear:()=>r("")}))))},Rl=({searchValue:e,onClear:t})=>l.createElement(m.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},l.createElement(c.DatabaseIcon,{fontSize:"large"}),l.createElement(m.Typography,{align:"center",variant:"subtitle2"},(0,u.__)("Sorry, nothing matched","elementor"),l.createElement("br",null),"“",e,"”."),l.createElement(m.Typography,{align:"center",variant:"caption"},(0,u.__)("Try something else.","elementor")," ",l.createElement(m.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,u.__)("Clear & try again","elementor")))),Ll=()=>l.createElement(m.Box,{sx:{overflowY:"hidden",height:297,width:220}},l.createElement(m.Divider,null),l.createElement(m.Stack,{gap:1,alignItems:"center",justifyContent:"center",height:"100%",p:2.5,color:"text.secondary",sx:{pb:3.5}},l.createElement(c.DatabaseIcon,{fontSize:"large"}),l.createElement(m.Typography,{align:"center",variant:"subtitle2"},(0,u.__)("Streamline your workflow with dynamic tags","elementor")),l.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:e}=(0,n.useBoundProp)(),{bind:t,value:r}=(0,n.useBoundProp)(Cl),[o]=yl(t),a=(0,m.usePopupState)({variant:"popover"}),{name:i=""}=r,s=zl(i);if(!s)throw new Error(`Dynamic tag ${i} not found`);return l.createElement(m.Box,null,l.createElement(m.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:s.label,startIcon:l.createElement(c.DatabaseIcon,{fontSize:Bl}),...(0,m.bindTrigger)(a),actions:l.createElement(l.Fragment,null,l.createElement(Al,{dynamicTag:s}),l.createElement(m.IconButton,{size:Bl,onClick:()=>{e(o??null)},"aria-label":(0,u.__)("Remove dynamic value","elementor")},l.createElement(c.XIcon,{fontSize:Bl})))}),l.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,m.bindPopover)(a)},l.createElement(m.Stack,null,l.createElement(m.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},l.createElement(c.DatabaseIcon,{fontSize:Bl,sx:{mr:.5}}),l.createElement(m.Typography,{variant:"subtitle2"},(0,u.__)("Dynamic tags","elementor")),l.createElement(m.IconButton,{size:Bl,sx:{ml:"auto"},onClick:a.close},l.createElement(c.XIcon,{fontSize:Bl}))),l.createElement(Gl,{onSelect:a.close}))))},Al=({dynamicTag:e})=>{const t=(0,m.usePopupState)({variant:"popover"});return e.atomic_controls.length?l.createElement(l.Fragment,null,l.createElement(m.IconButton,{size:Bl,...(0,m.bindTrigger)(t),"aria-label":(0,u.__)("Settings","elementor")},l.createElement(c.SettingsIcon,{fontSize:Bl})),l.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(t)},l.createElement(m.Paper,{component:m.Stack,sx:{minHeight:"300px",width:"220px"}},l.createElement(m.Stack,{direction:"row",alignItems:"center",px:1.5,pt:2,pb:1},l.createElement(c.DatabaseIcon,{fontSize:Bl,sx:{mr:.5}}),l.createElement(m.Typography,{variant:"subtitle2"},e.label),l.createElement(m.IconButton,{sx:{ml:"auto"},size:Bl,onClick:t.close},l.createElement(c.XIcon,{fontSize:Bl}))),l.createElement(Ml,{controls:e.atomic_controls})))):null},Ml=({controls:e})=>{const t=e.filter((({type:e})=>"section"===e)),{getTabsProps:n,getTabProps:r,getTabPanelProps:o}=(0,m.useTabs)(0);return t.length?l.createElement(l.Fragment,null,l.createElement(m.Tabs,{size:"small",variant:"fullWidth",...n()},t.map((({value:e},t)=>l.createElement(m.Tab,{key:t,label:e.label,sx:{px:1,py:.5},...r(t)})))),l.createElement(m.Divider,null),t.map((({value:e},t)=>l.createElement(m.TabPanel,{key:t,sx:{flexGrow:1,py:0},...o(t)},l.createElement(hl,{p:2,gap:2},e.items.map((e=>"control"===e.type?l.createElement(Fl,{key:e.value.bind,control:e.value}):null))))))):null},Fl=({control:e})=>Ee(e.type)?l.createElement(kl,{bind:e.bind},l.createElement(m.Grid,{container:!0,gap:.75},e.label?l.createElement(m.Grid,{item:!0,xs:12},l.createElement(n.ControlFormLabel,null,e.label)):null,l.createElement(m.Grid,{item:!0,xs:12},l.createElement(fe,{type:e.type,props:e.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:e}=(0,n.useBoundProp)(),t=!!e&&(e=>!!Sl(e))(e);return{visible:t,icon:c.DatabaseIcon,title:(0,u.__)("Dynamic tags","elementor"),popoverContent:({closePopover:e})=>l.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:vl})};(window.elementorV2=window.elementorV2||{}).editorEditingPanel=t}(),window.elementorV2.editorEditingPanel?.init?.();