OwlCyberSecurity - MANAGER

Edit File: editor-editing-panel.js

/*! 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-controls":function(e){e.exports=window.elementorV2.editorControls},"@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,{injectIntoClassSelectorActions:function(){return ee},replaceControl:function(){return x},useBoundProp:function(){return e.useBoundProp},usePanelActions:function(){return vn},usePanelStatus:function(){return _n}});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"),g=n("@elementor/menus"),b=n("@elementor/editor-responsive"),f=n("@elementor/editor-styles"),v=n("@elementor/editor-v1-adapters"),_=n("@elementor/editor"),y=n("@elementor/schema"),{replaceControl:x,getControlReplacement:h}=(0,e.createControlReplacement)(),S=(0,t.createContext)(null);function w({children:e,prop:n}){return t.createElement(S.Provider,{value:{prop:n}},e)}function C(){const e=(0,t.useContext)(S);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var I=(0,t.createContext)(null);function z({children:e,element:n,elementType:l}){return t.createElement(I.Provider,{value:{element:n,elementType:l}},e)}function T(){const e=(0,t.useContext)(I);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}var k=(0,d.createError)({code:"control_type_not_found",message:"Control type not found."}),P=(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."}),G=(0,d.createError)({code:"style_not_found_under_provider",message:"Style not found under the provider."}),B=(0,t.createContext)(null);function R({children:e,...n}){const l=null===n.id?null:function(e){const t=a.stylesRepository.getProviders().find((t=>t.actions.get().find((t=>t.id===e))));return t??null}(n.id);if(n.id&&!l)throw new P({context:{styleId:n.id}});return t.createElement(B.Provider,{value:{...n,provider:l}},e)}function D(){const e=(0,t.useContext)(B);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}var A=["hover","focus","active"];function V({styleId:e,isFixed:n=!1,popupState:l}){return t.createElement(m.Menu,{MenuListProps:{dense:!0},...(0,m.bindMenu)(l),anchorOrigin:{vertical:"top",horizontal:"right"},onKeyDown:e=>{e.stopPropagation()}},!n&&[t.createElement(F,{key:"unapply-class",styleId:e}),t.createElement(m.Divider,{key:"global-class-items-divider"})],t.createElement(m.ListSubheader,null,(0,u.__)("Add a pseudo selector","elementor")),t.createElement(W,{key:"normal",state:null,styleId:e}),A.map((n=>t.createElement(W,{key:n,state:n,styleId:e}))))}function W({state:e,styleId:n,...l}){const{id:r,setId:o,setMetaState:a,meta:i}=D(),{state:s}=i,u=n===r,d=e===s&&u;return t.createElement($,{...l,selected:d,onClick:()=>{u||o(n),a(e)}},d&&t.createElement(m.ListItemIcon,null,t.createElement(c.CheckIcon,null)),t.createElement(m.ListItemText,{primary:e?`:${e}`:"Normal"}))}function F({styleId:e,...n}){const l=(e=>{const{element:t}=T(),{setId:n}=D(),l=C(),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($,{...n,onClick:l},t.createElement(m.ListItemText,{primary:"Remove"}))}var $=(0,m.styled)(m.MenuItem)({"&:hover":{color:"text.primary"}}),j=(0,t.createContext)(null),O=({children:e,value:n,onSubmit:l,validation:r,editable:o})=>{const[a,i]=(0,t.useState)(!1),[c,s]=(0,t.useState)(!1),[m,u]=(0,t.useState)(null),d=()=>{u(null),i(!1)};return t.createElement(j.Provider,{value:{isEditing:a,openEditMode:()=>{i(!0)},closeEditMode:d,onChange:e=>{const{innerText:t}=e.target;r&&u(r(t))},value:n,error:m,submit:async e=>{if(!m){s(!0);try{await l(e)}finally{s(!1)}}d()},editable:o,submitting:c}},e)},M=({children:e,onClick:n,...l})=>{const r=(0,t.useRef)(null),{isEditing:o,closeEditMode:a,value:i,onChange:c,error:s,submit:u,editable:d}=U();(0,t.useEffect)((()=>{o&&(r.current?.focus(),p())}),[o]);const p=()=>{const e=getSelection();if(!e||!r.current)return;const t=document.createRange();t.selectNodeContents(r.current),e.removeAllRanges(),e.addRange(t)};return d?t.createElement(m.Tooltip,{open:!!s,title:s,placement:"top"},t.createElement("div",{onKeyDown:e=>(e.stopPropagation(),["Escape"].includes(e.key)?a():["Enter"].includes(e.key)?(e.preventDefault(),u(e.target.innerText)):void 0),onClick:e=>{o&&e.stopPropagation(),n?.(e)},...l},t.createElement("span",{ref:r,role:"textbox",onInput:c,contentEditable:o,suppressContentEditableWarning:!0,onBlur:a},o?i:e))):e},U=()=>{const e=(0,t.useContext)(j);if(!e)throw new Error("useEditableField must be used within a EditableFieldProvider");return e};function N({actions:e=[],selected:n,options:l,onSelect:r,...o}){const a=(0,t.useState)((()=>(0,m.createFilterOptions)()))[0],{run:i,loading:c}=function(){const[e,n]=(0,t.useState)(!1);return{run:async(e,t)=>{n(!0);try{await e(t)}catch{}n(!1)},loading:e}}();return t.createElement(m.Autocomplete,{...o,freeSolo:!0,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:c,value:n,options:l,renderGroup:e=>t.createElement(K,{...e}),renderInput:e=>t.createElement(m.TextField,{...e}),onChange:(t,n,o)=>{const a=n.find((e=>"string"==typeof e)),c=n.filter((e=>"string"!=typeof e));if("createOption"===o){const[t]=q(e,{options:l,inputValue:a??""});if(t)return i(t.apply,t.value)}const s=c.find((e=>{return"apply"in(t=e)&&"condition"in t;var t}));if("selectOption"===o&&s)return i(s.apply,s.value);const m=l.filter((e=>!!e.fixed));r?.([...new Set([...c,...m])])},getOptionLabel:e=>"string"==typeof e?e:e.label,getOptionKey:e=>"string"==typeof e?e:e.key??e.value,filterOptions:(t,l)=>{const r=n.map((e=>e.value));return[...q(e,{options:t,inputValue:l.inputValue}),...a(t.filter((e=>!r.includes(e.value))),l)]},groupBy:e=>e.group??""})}var K=e=>{const n=`combobox-group-${(0,t.useId)().replace(/:/g,"_")}`;return t.createElement(H,{role:"group","aria-labelledby":n},t.createElement(J,{id:n}," ",e.group),t.createElement(Y,{role:"listbox"},e.children))},H=(0,m.styled)("li")` &:not( :last-of-type ) { border-bottom: 1px solid ${({theme:e})=>e.palette.divider}; } `,J=(0,m.styled)(m.Box)((({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary}))),Y=(0,m.styled)("ul")` padding: 0; `;function q(e,{options:t,inputValue:n}){return e.filter((e=>e.condition(t,n))).map(((e,t)=>({label:e.label(n),value:n,group:e.group,apply:e.apply,condition:e.condition,key:t.toString()})))}var X="elementor-css-class-selector",Z={label:(0,u.__)("local","elementor"),value:"",fixed:!0,color:"primary",provider:a.ELEMENTS_STYLES_PROVIDER_KEY},{Slot:Q,inject:ee}=(0,s.createLocation)();function te(){const e=function(){const{element:e}=T();return(0,a.useProviders)().filter((e=>!!e.actions.updateProps)).flatMap((t=>{const n=t.key===a.ELEMENTS_STYLES_PROVIDER_KEY,l=t.actions.get({elementId:e.id});return n&&0===l.length?[Z]:l.map((e=>({label:e.label,value:e.id,fixed:n,color:n?"primary":"global",provider:t.key,group:t.labels?.plural})))}))}(),{value:n,setValue:l,pushValue:i}=function(){const{element:e}=T(),t=C(),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:c,setId:s}=D(),d=function({pushAppliedId:e,setActiveId:t}){return(0,a.useCreateActionsByProvider)().map((([n,l])=>({label:e=>(0,u.__)('Create new "%s"',"elementor").replace("%s",e),apply:async n=>{const r=await l({label:n});r&&(e(r.id),t(r.id))},condition:(e,t)=>{const n=!e.some((e=>e.label.toLowerCase()===t.toLowerCase()));return!!t&&n},group:(0,u.__)("Create New %s","elementor").replace("%s",n.labels?.singular??"")})))}({pushAppliedId:i,setActiveId:s}),p=function(e,t){const{id:n,setId:l}=D();return r=>{const o=r.map((({value:e})=>e)).filter((e=>e!==Z.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),E=function(e,t){const n=e.filter((e=>t.includes(e.value)));return n.some((e=>e.provider===a.ELEMENTS_STYLES_PROVIDER_KEY))||n.unshift(Z),n}(e,n),g=E.find((e=>e.value===c))??Z;return t.createElement(m.Stack,{gap:1,p:2},t.createElement(m.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},t.createElement(m.Typography,{component:"label",variant:"caption",htmlFor:X},(0,u.__)("CSS Classes","elementor")),t.createElement(m.Stack,{direction:"row",gap:1},t.createElement(Q,null))),t.createElement(N,{id:X,size:"tiny",options:e,selected:E,onSelect:p,limitTags:8,actions:d,getLimitTagsText:e=>t.createElement(m.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(n,l)=>n.map(((n,r)=>{const o=l({index:r}),i=n.value===g?.value,c=n.provider===a.ELEMENTS_STYLES_PROVIDER_KEY;return t.createElement(O,{key:o.key,value:n.label,onSubmit:e=>re(n.provider,{label:e,id:n.value}),editable:!n.fixed,validation:t=>ae(t,e.filter((e=>e.value!==n.value)))},t.createElement(le,{label:n.label,id:n.value,isActive:i,isFixed:n.fixed,color:i&&n.color?n.color:"default",chipProps:o,onClickActive:()=>s(c?null:n.value)}))}))}))}var ne="tiny";function le({id:e,label:n,isActive:l,isFixed:r=!1,color:o,chipProps:a,onClickActive:s}){const{meta:d}=D(),p=(0,t.useId)().replace(/:/g,"_"),E=(0,m.usePopupState)({variant:"popover",popupId:p}),g=(0,t.useRef)(null),{onDelete:b,...f}=a,{isEditing:v,openEditMode:_,error:y,submitting:x}=U(),h=y?"error":o;return t.createElement(t.Fragment,null,t.createElement(m.UnstableChipGroup,{ref:g,...f,"aria-label":`Edit ${n}`,role:"group"},t.createElement(m.Chip,{disabled:x,size:ne,label:t.createElement(M,{onDoubleClick:()=>{l||_()},onClick:()=>{l&&_()}},t.createElement(i.EllipsisWithTooltip,{maxWidth:"10ch",title:n})),variant:l&&!d.state?"filled":"standard",color:h,onClick:()=>s(e),"aria-pressed":l,sx:{"&.Mui-focusVisible":{boxShadow:"none !important"}}}),!v&&t.createElement(m.Chip,{disabled:x,size:ne,label:t.createElement(m.Stack,{direction:"row",gap:.5,alignItems:"center"},l&&d.state&&t.createElement(m.Typography,{variant:"inherit"},d.state),t.createElement(c.DotsVerticalIcon,{fontSize:"inherit"})),variant:"filled",color:h,...(0,m.bindTrigger)(E),"aria-label":(0,u.__)("Open CSS Class Menu","elementor")})),t.createElement(V,{styleId:e,popupState:E,isFixed:r}))}var re=(e,t)=>{const n=a.stylesRepository.getProviderByKey(e);if(n)return n.actions.update?.(t)},oe=/^[a-zA-Z0-9_-]+$/,ae=(e,t)=>ie(e,t)?(0,u.__)("Existing name","elementor"):ce(e)?(0,u.__)("Format is not valid","elementor"):void 0,ie=(e,t)=>!!t?.length&&t.some((t=>t.label.toLowerCase()===e.toLowerCase())),ce=e=>!oe.test(e),se="tiny",me=(0,g.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:se,...(0,m.bindToggle)(a)},t.createElement(l,{fontSize:se}))),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:se,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},e),t.createElement(m.IconButton,{sx:{ml:"auto"},size:se,onClick:a.close},t.createElement(c.XIcon,{fontSize:se}))),t.createElement(r,{closePopover:a.close}))):null}}});function ue(){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 de={image:{component:e.ImageControl,layout:"full"},text:{component:e.TextControl,layout:"two-columns"},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"}},pe=e=>de[e]?.component,Ee=({props:e,type:n})=>{const l=pe(n);if(!l)throw new k({context:{controlType:n}});return t.createElement(l,{...e})},ge=({controlType:e,children:n})=>{const l=de[e].layout;return t.createElement(be,{layout:l},n)},be=(0,m.styled)(m.Box,{shouldForwardProp:e=>!["layout"].includes(e)})((({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...fe(e)}))),fe=e=>({justifyContent:"space-between",gridTemplateColumns:{full:"1fr","two-columns":"repeat(2, 1fr)"}[e]}),ve=({schema:e})=>({key:"",kind:"object",meta:{},settings:{},default:null,shape:e}),_e=({bind:n,children:l})=>{const{element:o,elementType:a}=T(),i=(0,r.useElementSetting)(o.id,n),c={[n]:i},s=ve({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]=(0,t.useState)(!!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((e=>!e))},t.createElement(m.ListItemText,{secondary:e}),t.createElement(ye,{open:r,color:"secondary"})),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 he(e){return t.createElement(m.List,{disablePadding:!0,component:"div",...e})}var Se=()=>{const{elementType:e,element:n}=T();return t.createElement(E.SessionStorageProvider,{prefix:n.id},t.createElement(he,null,e.controls.map((({type:e,value:n},l)=>"control"===e?t.createElement(we,{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(we,{key:e.value.bind,control:e.value}):null))):null))))},we=({control:n})=>pe(n.type)?t.createElement(_e,{bind:n.bind},t.createElement(ge,{controlType:n.type},n.label?t.createElement(e.ControlLabel,null,n.label):null,t.createElement(Ee,{type:n.type,props:n.props}))):null;function Ce(e){const{element:n}=T(),{id:l,meta:o,provider:a}=D(),i=C(),[,c]=(0,t.useReducer)((e=>!e),!1);(0,t.useEffect)((()=>a?.subscribe(c)),[a]);const s=function({styleId:e,elementId:t,provider:n,meta:l,propNames:r}){if(!n||!e)return null;const o=n.actions.getById?.(e,{elementId:t});if(!o)throw new G({context:{styleId:e,providerKey:n.key}});const a=(0,f.getVariantByMeta)(o,l);return Object.fromEntries(r.map((e=>[e,a?.props[e]??null])))}({elementId:n.id,styleId:l,provider:a,meta:o,propNames:e});return[s,e=>{if(null!==l){if(!a.actions.updateProps)throw new L({context:{providerKey:a.key}});a.actions.updateProps({id:l,meta:o,props:e},{elementId:n.id})}else(0,r.createElementStyle)({elementId:n.id,classesProp:i,meta:o,props:e,label:(0,u.__)("local","elementor")})}]}function Ie(e){const[t,n]=Ce([e]);return[t?.[e]??null,t=>{n({[e]:t})}]}var ze=({bind:n,children:l})=>{const[r,o]=Ie(n),a=(0,f.getStylesSchema)(),i=ve({schema:a}),c={[n]:r};return t.createElement(e.PropProvider,{propType:i,value:c,setValue:e=>{o(e[n])}},t.createElement(e.PropKeyProvider,{bind:n},l))},Te=()=>t.createElement(ze,{bind:"background"},t.createElement(e.BackgroundControl,null)),ke="tiny",Pe=({isAdded:n,label:l,onAdd:r,onRemove:o,children:a})=>t.createElement(m.Stack,{gap:1.5},t.createElement(m.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"}},t.createElement(e.ControlLabel,null,l),n?t.createElement(m.IconButton,{size:ke,onClick:o,"aria-label":"Remove"},t.createElement(c.MinusIcon,{fontSize:ke})):t.createElement(m.IconButton,{size:ke,onClick:r,"aria-label":"Add"},t.createElement(c.PlusIcon,{fontSize:ke}))),t.createElement(m.Collapse,{in:n,unmountOnExit:!0},t.createElement(m.Stack,{gap:1.5},a))),Le=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Border Color","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ColorControl,null)))),Ge=[{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")}],Be=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Border Type","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SelectControl,{options:Ge})))),Re=[{label:(0,u.__)("Top","elementor"),icon:t.createElement(c.SideTopIcon,{fontSize:"tiny"}),bind:"top"},{label:(0,u.__)("Right","elementor"),icon:t.createElement(c.SideRightIcon,{fontSize:"tiny"}),bind:"right"},{label:(0,u.__)("Bottom","elementor"),icon:t.createElement(c.SideBottomIcon,{fontSize:"tiny"}),bind:"bottom"},{label:(0,u.__)("Left","elementor"),icon:t.createElement(c.SideLeftIcon,{fontSize:"tiny"}),bind:"left"}],De=()=>t.createElement(ze,{bind:"border-width"},t.createElement(e.EqualUnequalSizesControl,{items:Re,label:(0,u.__)("Border Width","elementor"),icon:t.createElement(c.SideAllIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:o.borderWidthPropTypeUtil})),Ae={"border-width":{$$type:"size",value:{size:1,unit:"px"}},"border-color":{$$type:"color",value:"#000000"},"border-style":{$$type:"string",value:"solid"}},Ve=()=>{const[e,n]=Ce(Object.keys(Ae)),l=Object.values(e??{}).some(Boolean);return t.createElement(Pe,{label:(0,u.__)("Border","elementor"),isAdded:l,onAdd:()=>{n(Ae)},onRemove:()=>{n({"border-width":null,"border-color":null,"border-style":null})}},t.createElement(De,null),t.createElement(Le,null),t.createElement(Be,null))},We=[{label:(0,u.__)("Top Left","elementor"),icon:t.createElement(c.RadiusTopLeftIcon,{fontSize:"tiny"}),bind:"top-left"},{label:(0,u.__)("Top Right","elementor"),icon:t.createElement(c.RadiusTopRightIcon,{fontSize:"tiny"}),bind:"top-right"},{label:(0,u.__)("Bottom Right","elementor"),icon:t.createElement(c.RadiusBottomRightIcon,{fontSize:"tiny"}),bind:"bottom-right"},{label:(0,u.__)("Bottom Left","elementor"),icon:t.createElement(c.RadiusBottomLeftIcon,{fontSize:"tiny"}),bind:"bottom-left"}],Fe=()=>t.createElement(ze,{bind:"border-radius"},t.createElement(e.EqualUnequalSizesControl,{items:We,label:(0,u.__)("Border Radius","elementor"),icon:t.createElement(c.BorderCornersIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:o.borderRadiusPropTypeUtil})),$e=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(Fe,null),t.createElement(m.Divider,null),t.createElement(Ve,null)),je=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(ze,{bind:"box-shadow"},t.createElement(e.BoxShadowRepeaterControl,null)));function Oe(){const e=(0,m.useTheme)(),t=window,n="rtl"===e.direction;return{isSiteRtl:!!t.elementorFrontend?.config?.is_rtl,isUiRtl:n}}var Me={row:0,column:90,"row-reverse":180,"column-reverse":270},Ue={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},Ne=({icon:e,size:n,isClockwise:l=!0,offset:r=0})=>{const o=(0,t.useRef)(Ke(l,r));return o.current=Ke(l,r,o),t.createElement(e,{fontSize:n,sx:{transition:".3s",rotate:`${o.current}deg`}})},Ke=(e,t,n)=>{const[l]=Ie("flex-direction"),r="rtl"===(0,m.useTheme)().direction?-1:1,o=e?Me:Ue,a=n?n.current*r:o[l?.value||"row"]+t;return(a+(((o[l?.value||"row"]+t-a+360)%360+180)%360-180))*r},He=(0,m.withDirection)(c.LayoutAlignLeftIcon),Je=(0,m.withDirection)(c.LayoutAlignRightIcon),Ye={isClockwise:!1,offset:90},qe=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:He,size:e,...Ye}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutAlignCenterIcon,size:e,...Ye}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:Je,size:e,...Ye}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutDistributeVerticalIcon,size:e,...Ye}),showTooltip:!0}],Xe=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Align items","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ToggleControl,{options:qe}))))))},Ze=(0,m.withDirection)(c.LayoutAlignLeftIcon),Qe=(0,m.withDirection)(c.LayoutAlignRightIcon),et={isClockwise:!1,offset:90},tt=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:Ze,size:e,...et}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutAlignCenterIcon,size:e,...et}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:Qe,size:e,...et}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutDistributeVerticalIcon,size:e,...et}),showTooltip:!0}],nt=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{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(e.ControlLabel,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:tt}))))))},lt=()=>{const n=[{value:"block",renderContent:()=>(0,u.__)("Block","elementor"),label:(0,u.__)("Block","elementor")},{value:"flex",renderContent:()=>(0,u.__)("Flex","elementor"),label:(0,u.__)("Flex","elementor")}];return t.createElement(ze,{bind:"display"},t.createElement(m.Stack,{gap:1},t.createElement(e.ControlLabel,null,(0,u.__)("Display","elementor")),t.createElement(e.ToggleControl,{options:n,fullWidth:!0})))},rt=[{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}],ot=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Direction","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ToggleControl,{options:rt}))))))},at=-99999,it="first",ct="last",st="custom",mt={[it]:at,[ct]:99999},ut=[{value:it,label:(0,u.__)("First","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:ct,label:(0,u.__)("Last","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:st,label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>t.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],dt=()=>{const{isSiteRtl:n}=Oe(),[l,r]=Ie("order"),[o,a]=(0,t.useState)(pt(l?.value||null));return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(m.Stack,{gap:2},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Order","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ControlToggleButtonGroup,{items:ut,value:o,onChange:e=>{a(e),r(e&&e!==st?{$$type:"number",value:mt[e]}:null)},exclusive:!0}))),st===o&&t.createElement(ze,{bind:"order"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,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})))))))},pt=e=>99999===e?ct:at===e?it:0===e||e?st:null,Et=[{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}],gt=()=>{const{isSiteRtl:n}=Oe(),[l,r]=Ie("flex-grow"),[o,a]=Ie("flex-shrink"),[i,c]=Ie("flex-basis"),s=l?.value||null,d=o?.value||null,p=i?.value||null,E=(0,t.useMemo)((()=>ft({grow:s,shrink:d,basis:p})),[s,d,p]),[g,b]=(0,t.useState)(E);return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(m.Stack,{gap:2},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Size","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ControlToggleButtonGroup,{value:g,onChange:(e=null)=>(b(e),c(null),e&&"custom"!==e?"flex-grow"===e?(r({$$type:"number",value:1}),void a(null)):(r(null),void a({$$type:"number",value:1})):(r(null),void a(null))),items:Et,exclusive:!0}))),"custom"===g&&t.createElement(bt,null))))},bt=()=>t.createElement(t.Fragment,null,t.createElement(ze,{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(e.ControlLabel,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(ze,{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(e.ControlLabel,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(ze,{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(e.ControlLabel,null,(0,u.__)("Basis","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.SizeControl,null))))),ft=({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,vt=()=>t.createElement(m.Stack,{gap:1},t.createElement(ze,{bind:"gap"},t.createElement(e.GapControl,{label:(0,u.__)("Gaps","elementor")}))),_t=(0,m.withDirection)(c.JustifyTopIcon),yt=(0,m.withDirection)(c.JustifyBottomIcon),xt={isClockwise:!0,offset:-90},ht=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:_t,size:e,...xt}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifyCenterIcon,size:e,...xt}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:yt,size:e,...xt}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...xt}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...xt}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifyDistributeVerticalIcon,size:e,...xt}),showTooltip:!0}],St=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{bind:"justify-content"},t.createElement(m.Stack,{gap:1},t.createElement(e.ControlLabel,null,(0,u.__)("Justify content","elementor")),t.createElement(e.ToggleControl,{options:ht,fullWidth:!0})))))},wt=[{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}],Ct=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Wrap","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:wt}))))))},It=()=>{const[e]=Ie("display"),{element:n}=T(),l=(0,r.useParentElement)(n.id),o=(a=l?.id||null,(0,v.__privateUseListenTo)([(0,v.windowEvent)("elementor/device-mode/change"),(0,v.commandEndEvent)("document/elements/reset-style"),(0,v.commandEndEvent)("document/elements/settings"),(0,v.commandEndEvent)("document/elements/paste-style")],(()=>{if(!a)return null;const e=window,t=e.elementor?.getContainer?.(a);return t?.view?.el?window.getComputedStyle(t.view.el):null})));var a;return t.createElement(m.Stack,{gap:2},t.createElement(lt,null),"flex"===e?.value&&t.createElement(zt,null),"flex"===o?.display&&t.createElement(Tt,null))},zt=()=>t.createElement(t.Fragment,null,t.createElement(ot,null),t.createElement(St,null),t.createElement(Xe,null),t.createElement(m.Divider,null),t.createElement(vt,null),t.createElement(Ct,null)),Tt=()=>t.createElement(t.Fragment,null,t.createElement(m.Divider,null),t.createElement(e.ControlLabel,null,(0,u.__)("Flex child","elementor")),t.createElement(nt,null),t.createElement(dt,null),t.createElement(gt,null)),kt=e=>{const n=`elementor/${e}`,[l,r]=(0,t.useState)();return(0,t.useEffect)((()=>Pt(n,(e=>{r(e??null)}))),[n]),[l,e=>{(0,d.setSessionStorageItem)(n,e)},()=>{(0,d.removeSessionStorageItem)(n)}]},Pt=(e,t)=>{t((0,d.getSessionStorageItem)(e));const n=new AbortController;return window.addEventListener("storage",(n=>{n.key===e&&n.storageArea===sessionStorage&&t((0,d.getSessionStorageItem)(e))}),{signal:n.signal}),()=>{n.abort()}},Lt={left:t.createElement(c.SideLeftIcon,{fontSize:"tiny"}),right:t.createElement(c.SideRightIcon,{fontSize:"tiny"}),top:t.createElement(c.SideTopIcon,{fontSize:"tiny"}),bottom:t.createElement(c.SideBottomIcon,{fontSize:"tiny"})},Gt=()=>t.createElement(t.Fragment,null,t.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},t.createElement(Bt,{side:"top",label:(0,u.__)("Top","elementor")}),t.createElement(Bt,{side:"right",label:(0,u.__)("Right","elementor")})),t.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},t.createElement(Bt,{side:"bottom",label:(0,u.__)("Bottom","elementor")}),t.createElement(Bt,{side:"left",label:(0,u.__)("Left","elementor")}))),Bt=({side:n,label:l})=>t.createElement(m.Grid,{container:!0,gap:1,alignItems:"center"},t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.ControlLabel,null,l)),t.createElement(m.Grid,{item:!0,xs:12},t.createElement(ze,{bind:n},t.createElement(e.SizeControl,{startIcon:Lt[n]})))),Rt=[{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"}],Dt=({onChange:n})=>t.createElement(ze,{bind:"position"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Position","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SelectControl,{options:Rt,onChange:n})))),At=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Z-Index","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.NumberControl,null)))),Vt=()=>{const[e]=Ie("position"),[n,l]=Ce(["top","bottom","left","right"]),[r,o,a]=Wt(),i=e&&"static"!==e?.value;return t.createElement(m.Stack,{gap:1.5},t.createElement(Dt,{onChange:(e,t)=>{"static"===e?n&&(o(n),l({top:void 0,bottom:void 0,left:void 0,right:void 0})):"static"===t&&r&&(l(r),a())}}),i?t.createElement(t.Fragment,null,t.createElement(Gt,null),t.createElement(At,null)):null)},Wt=()=>{const{id:e,meta:t}=D(),n=`styles/${e}/${t.breakpoint||"desktop"}/${t.state||"null"}`;return kt(`${n}/dimensions`)},Ft=[{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.ExpandBottomIcon,{fontSize:e}),showTooltip:!0}],$t=()=>t.createElement(ze,{bind:"overflow"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Overflow","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:Ft})))),jt=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"width",label:(0,u.__)("Width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"height",label:(0,u.__)("Height","elementor")}))),t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"min-width",label:(0,u.__)("Min. Width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"min-height",label:(0,u.__)("Min. Height","elementor")}))),t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"max-width",label:(0,u.__)("Max. Width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"max-height",label:(0,u.__)("Max. Height","elementor")}))),t.createElement(m.Divider,null),t.createElement(m.Stack,null,t.createElement($t,null))),Ot=({label:n,bind:l})=>t.createElement(ze,{bind:l},t.createElement(m.Grid,{container:!0,gap:1,alignItems:"center"},t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.ControlLabel,null,n)),t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.SizeControl,null)))),Mt=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(ze,{bind:"padding"},t.createElement(e.LinkedDimensionsControl,{label:(0,u.__)("Padding","elementor")})),t.createElement(m.Divider,null),t.createElement(ze,{bind:"margin"},t.createElement(e.LinkedDimensionsControl,{label:(0,u.__)("Margin","elementor")}))),Ut=({children:e,defaultOpen:n=!1})=>{const[l,r]=(0,t.useState)(n);return t.createElement(m.Stack,{sx:{py:.5}},t.createElement(m.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{r((e=>!e))},endIcon:t.createElement(ye,{open:l})},l?(0,u.__)("Show less","elementor"):(0,u.__)("Show more","elementor")),t.createElement(m.Collapse,{in:l,timeout:"auto",unmountOnExit:!0},e))},Nt=()=>{const n=Kt();return n?t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Font Family","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.FontFamilyControl,{fontFamilies:n})))):null},Kt=()=>{const{controls:e}=(()=>{const e=window;return e.elementor?.config??{}})(),t=e?.font?.options;return t||null},Ht=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Font Size","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Jt=[{label:(0,u.__)("Light - 400","elementor"),value:"400"},{label:(0,u.__)("Regular - 500","elementor"),value:"500"},{label:(0,u.__)("Semi Bold - 600","elementor"),value:"600"},{label:(0,u.__)("Bold - 700","elementor"),value:"700"},{label:(0,u.__)("Black - 900","elementor"),value:"900"}],Yt=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Font Weight","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SelectControl,{options:Jt})))),qt=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Letter Spacing","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Xt=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Line Height","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Zt=[{value:"left",label:(0,u.__)("Left","elementor"),renderContent:({size:e})=>t.createElement(c.AlignLeftIcon,{fontSize:e})},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(c.AlignCenterIcon,{fontSize:e})},{value:"right",label:(0,u.__)("Right","elementor"),renderContent:({size:e})=>t.createElement(c.AlignRightIcon,{fontSize:e})},{value:"justify",label:(0,u.__)("Justify","elementor"),renderContent:({size:e})=>t.createElement(c.AlignJustifiedIcon,{fontSize:e})}],Qt=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Alignment","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:Zt})))),en=()=>t.createElement(ze,{bind:"color"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Text Color","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ColorControl,null)))),tn=[{value:"ltr",label:(0,u.__)("Left to Right","elementor"),renderContent:({size:e})=>t.createElement(c.TextDirectionLtrIcon,{fontSize:e})},{value:"rtl",label:(0,u.__)("Right to Left","elementor"),renderContent:({size:e})=>t.createElement(c.TextDirectionRtlIcon,{fontSize:e})}],nn=()=>t.createElement(ze,{bind:"direction"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Direction","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:tn})))),ln={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},rn=()=>{const[n,l]=Ie("-webkit-text-stroke"),r=Boolean(n);return t.createElement(Pe,{label:(0,u.__)("Text Stroke","elementor"),isAdded:r,onAdd:()=>{l(ln)},onRemove:()=>{l(null)}},t.createElement(ze,{bind:"-webkit-text-stroke"},t.createElement(e.StrokeControl,null)))},on="tiny",an=()=>{const[n,l]=Ie("font-style"),[r,o]=Ie("text-decoration"),a=[n?.value,...(r?.value||"").split(" ")],i=e=>{if(null===e)return o(null);o({$$type:"string",value:e})};return t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Style","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(m.ToggleButtonGroup,{value:a},t.createElement(sn,{value:"italic",onChange:e=>(e=>{if(null===e)return l(null);l({$$type:"string",value:e})})(n?.value===e?null:e),"aria-label":"italic",sx:{marginLeft:"auto"}},t.createElement(c.ItalicIcon,{fontSize:on})),t.createElement(cn,{value:"line-through",currentValues:r?.value||"",updateValues:i,"aria-label":"line-through"},t.createElement(c.StrikethroughIcon,{fontSize:on})),t.createElement(cn,{value:"underline",currentValues:r?.value||"",updateValues:i,"aria-label":"underline"},t.createElement(c.UnderlineIcon,{fontSize:on})))))},cn=({children:e,value:n,currentValues:l,updateValues:r,"aria-label":o})=>{const a=l.split(" ").filter(Boolean),i=a.includes(n);return t.createElement(sn,{value:n,onChange:e=>{r(i?a.filter((t=>t!==e)).join(" ")||null:[...a,e].join(" "))},selected:i,"aria-label":o},e)},sn=({onChange:e,...n})=>t.createElement(m.ToggleButton,{...n,onChange:(t,n)=>{e(n)},size:on}),mn=[{value:"capitalize",label:(0,u.__)("Capitalize","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseIcon,{fontSize:e})},{value:"uppercase",label:(0,u.__)("Uppercase","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseUpperIcon,{fontSize:e})},{value:"lowercase",label:(0,u.__)("Lowercase","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseLowerIcon,{fontSize:e})}],un=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Transform","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:mn})))),dn=()=>t.createElement(ze,{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(e.ControlLabel,null,(0,u.__)("Word Spacing","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),pn=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(Nt,null),t.createElement(Yt,null),t.createElement(Ht,null),t.createElement(m.Divider,null),t.createElement(Qt,null),t.createElement(en,null),t.createElement(Ut,null,t.createElement(m.Stack,{gap:1.5,sx:{pt:1.5}},t.createElement(Xt,null),t.createElement(qt,null),t.createElement(dn,null),t.createElement(m.Divider,null),t.createElement(an,null),t.createElement(un,null),t.createElement(nn,null),t.createElement(rn,null)))),En=()=>{const e=function(){const{elementType:e}=T(),t=Object.entries(e.propsSchema).find((([,e])=>"plain"===e.kind&&"classes"===e.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}=T(),n=(0,r.useElementSetting)(t.id,e)?.value||[],l=(0,r.useElementStyles)(t.id);return Object.values(l).find((e=>n.includes(e.id)))}(e);return[n||o?.id||null,l]}(e),[o,a]=(0,t.useState)(null),i=(0,b.useActiveBreakpoint)();return t.createElement(w,{prop:e},t.createElement(R,{meta:{breakpoint:i,state:o},id:n,setId:e=>{l(e),a(null)},setMetaState:a},t.createElement(E.SessionStorageProvider,{prefix:n??""},t.createElement(te,null),t.createElement(m.Divider,null),t.createElement(he,null,t.createElement(xe,{title:(0,u.__)("Layout","elementor")},t.createElement(It,null)),t.createElement(xe,{title:(0,u.__)("Spacing","elementor")},t.createElement(Mt,null)),t.createElement(xe,{title:(0,u.__)("Size","elementor")},t.createElement(jt,null)),t.createElement(xe,{title:(0,u.__)("Position","elementor")},t.createElement(Vt,null)),t.createElement(xe,{title:(0,u.__)("Typography","elementor")},t.createElement(pn,null)),t.createElement(xe,{title:(0,u.__)("Background","elementor")},t.createElement(Te,null)),t.createElement(xe,{title:(0,u.__)("Border","elementor")},t.createElement($e,null)),t.createElement(xe,{title:(0,u.__)("Effects","elementor")},t.createElement(je,null))))))},gn=()=>{const{element:e}=T(),{getTabProps:n,getTabPanelProps:l,getTabsProps:r}=(0,m.useTabs)("settings");return t.createElement(t.Fragment,{key:e.id},t.createElement(m.Stack,{direction:"column",sx:{width:"100%"}},t.createElement(m.Tabs,{variant:"fullWidth",indicatorColor:"secondary",textColor:"inherit",...r()},t.createElement(m.Tab,{label:(0,u.__)("General","elementor"),...n("settings")}),t.createElement(m.Tab,{label:(0,u.__)("Style","elementor"),...n("style")})),t.createElement(m.Divider,null),t.createElement(m.TabPanel,{...l("settings"),disablePadding:!0},t.createElement(Se,null)),t.createElement(m.TabPanel,{...l("style"),disablePadding:!0},t.createElement(En,null))))},{useMenuItems:bn}=me,{panel:fn,usePanelActions:vn,usePanelStatus:_n}=(0,p.__createPanel)({id:"editing-panel",component:()=>{const{element:n,elementType:l}=(0,r.useSelectedElement)(),o=h(),a=bn().default;if(!n||!l)return null;const i=(0,u.__)("Edit %s","elementor").replace("%s",l.title);return t.createElement(m.ErrorBoundary,{fallback:t.createElement(ue,null)},t.createElement(E.SessionStorageProvider,{prefix:"elementor"},t.createElement(p.Panel,null,t.createElement(p.PanelHeader,null,t.createElement(p.PanelHeaderTitle,null,i)),t.createElement(p.PanelBody,null,t.createElement(e.ControlActionsProvider,{items:a},t.createElement(e.ControlReplacementProvider,{...o},t.createElement(z,{element:n,elementType:l},t.createElement(gn,null))))))))}}),yn=()=>{const e=(0,r.getSelectedElements)(),t=(0,r.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},xn=e=>{const{element:t}=T(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return kt(n)},hn=()=>{const{atomicDynamicTags:e}=(()=>{const e=window;return e.elementor?.config??{}})();return e?{tags:e.tags,groups:e.groups}:null},Sn="dynamic",wn=e=>{const t="union"===e.kind&&e.prop_types[Sn];return t&&t.key===Sn?t:null},Cn=(0,o.createPropUtils)(Sn,y.z.strictObject({name:y.z.string(),settings:y.z.any().optional()})),In=()=>{let n=[];const{propType:l}=(0,e.useBoundProp)();if(l){const e=wn(l);n=e?.settings.categories||[]}return(0,t.useMemo)((()=>zn(n)),[n.join()])},zn=e=>{const t=hn();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)))))},Tn=e=>{const n=In();return(0,t.useMemo)((()=>n.find((t=>t.name===e))??null),[n,e])},kn=({bind:n,children:l})=>{const{value:r,setValue:o}=(0,e.useBoundProp)(Cn),{name:a="",settings:i}=r??{},c=Tn(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=ve({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))},Pn="tiny",Ln=({onSelect:n})=>{const[l,r]=(0,t.useState)(""),{groups:o}=hn()||{},{value:a}=(0,e.useBoundProp)(),{bind:i,value:s,setValue:d}=(0,e.useBoundProp)(Cn),[,p]=xn(i),E=!!s,g=Gn(l);return t.createElement(m.Stack,null,t.createElement(m.Box,{px:1.5,pb:1},t.createElement(m.TextField,{fullWidth:!0,size:Pn,value:l,onChange:e=>{r(e.target.value)},placeholder:(0,u.__)("Search dynamic tag","elementor"),InputProps:{startAdornment:t.createElement(m.InputAdornment,{position:"start"},t.createElement(c.SearchIcon,{fontSize:Pn}))}})),t.createElement(m.Divider,null),t.createElement(m.Box,{sx:{overflowY:"auto",height:260,width:220}},g.length>0?t.createElement(m.MenuList,{role:"listbox",tabIndex:0},g.map((([e,l],r)=>t.createElement(t.Fragment,{key:r},t.createElement(m.ListSubheader,{sx:{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:{typography:"caption"},onClick:()=>(e=>{E||p(a),d({name:e,settings:{}}),n?.()})(e)},l)})))))):t.createElement(m.Stack,{alignItems:"center",p:2.5,gap:1.5},t.createElement(c.PhotoIcon,{fontSize:"large"}),t.createElement(m.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,u.__)("Sorry, nothing matched","elementor"),t.createElement("br",null),"“",l,"”."),t.createElement(m.Typography,{align:"center",variant:"caption",color:"text.secondary"},t.createElement(m.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>r("")},(0,u.__)("Clear the filters","elementor"))," ",(0,u.__)("and try again.","elementor")))))},Gn=e=>[...In().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)],Bn="tiny",Rn=()=>{const{setValue:n}=(0,e.useBoundProp)(),{bind:l,value:r}=(0,e.useBoundProp)(Cn),[o]=xn(l),{name:a=""}=r,i=(0,t.useId)(),s=(0,m.usePopupState)({variant:"popover",popupId:i}),d=Tn(a);if(!d)throw new Error(`Dynamic tag ${a} not found`);return t.createElement(m.Box,null,t.createElement(m.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:d.label,startIcon:t.createElement(c.DatabaseIcon,{fontSize:Bn}),...(0,m.bindTrigger)(s),actions:t.createElement(t.Fragment,null,t.createElement(Dn,{dynamicTag:d}),t.createElement(m.IconButton,{size:Bn,onClick:()=>{n(o??null)},"aria-label":(0,u.__)("Remove dynamic value","elementor")},t.createElement(c.XIcon,{fontSize:Bn})))}),t.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,m.bindPopover)(s)},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:Bn,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},(0,u.__)("Dynamic Tags","elementor")),t.createElement(m.IconButton,{size:Bn,sx:{ml:"auto"},onClick:s.close},t.createElement(c.XIcon,{fontSize:Bn}))),t.createElement(Ln,{onSelect:s.close}))))},Dn=({dynamicTag:e})=>{const n=(0,t.useId)(),l=(0,m.usePopupState)({variant:"popover",popupId:n});return e.atomic_controls.length?t.createElement(t.Fragment,null,t.createElement(m.IconButton,{size:Bn,...(0,m.bindTrigger)(l),"aria-label":(0,u.__)("Settings","elementor")},t.createElement(c.SettingsIcon,{fontSize:Bn})),t.createElement(m.Popover,{disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(l)},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:Bn,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},e.label),t.createElement(m.IconButton,{sx:{ml:"auto"},size:Bn,onClick:l.close},t.createElement(c.XIcon,{fontSize:Bn}))),t.createElement(An,{controls:e.atomic_controls})))):null},An=({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,{indicatorColor:"secondary",textColor:"secondary",...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},...o(n)},t.createElement(m.Stack,{gap:1,px:2},e.items.map((e=>"control"===e.type?t.createElement(Vn,{key:e.value.bind,control:e.value}):null))))))):null},Vn=({control:n})=>pe(n.type)?t.createElement(kn,{bind:n.bind},n.label?t.createElement(e.ControlLabel,null,n.label):null,t.createElement(Ee,{type:n.type,props:n.props})):null,Wn=()=>{const{propType:n}=(0,e.useBoundProp)(),l=!!n&&(e=>!!wn(e))(n);return{visible:l,icon:c.DatabaseIcon,title:(0,u.__)("Dynamic Tags","elementor"),popoverContent:({closePopover:e})=>t.createElement(Ln,{onSelect:e})}},{registerPopoverAction:Fn}=me;(0,p.__registerPanel)(fn),(0,v.__privateBlockDataCommand)({command:"panel/editor/open",condition:yn}),(0,_.injectIntoLogic)({id:"editing-panel-hooks",component:()=>((()=>{const{open:e}=vn();(0,t.useEffect)((()=>(0,v.__privateListenTo)((0,v.commandStartEvent)("panel/editor/open"),(()=>{yn()&&e()}))),[])})(),(()=>{const{close:e}=vn();(0,t.useEffect)((()=>(0,v.__privateListenTo)((0,v.commandStartEvent)("document/elements/delete"),(t=>{const n=(0,r.getSelectedElements)()[0],{container:l}=t?.args;l&&n&&(0,r.isElementInContainer)(n,l)&&yn()&&e()}))),[])})(),null)}),x({component:Rn,condition:({value:e})=>{return t=e,(0,o.isTransformable)(t)&&t.$$type===Sn;var t}}),Fn({id:"dynamic-tags",useProps:Wn})}(),(window.elementorV2=window.elementorV2||{}).editorEditingPanel=l}();