OwlCyberSecurity - MANAGER

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

!function(){"use strict";var e={d:function(t,n){for(var l in n)e.o(n,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:n[l]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{injectIntoClassSelectorActions:function(){return ee},replaceControl:function(){return h},useBoundProp:function(){return n.useBoundProp},usePanelActions:function(){return vn},usePanelStatus:function(){return _n}});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,m=window.elementorV2.locations,s=window.elementorV2.ui,u=window.wp.i18n,d=window.elementorV2.utils,p=window.elementorV2.editorPanels,E=window.elementorV2.session,g=window.elementorV2.menus,b=window.elementorV2.editorResponsive,f=window.elementorV2.editorStyles,v=window.elementorV2.editorV1Adapters,_=window.elementorV2.editor,y=window.elementorV2.schema,{replaceControl:h,getControlReplacement:S}=(0,n.createControlReplacement)(),w=(0,l.createContext)(null);function x({children:e,prop:t}){return l.createElement(w.Provider,{value:{prop:t}},e)}function C(){const e=(0,l.useContext)(w);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var I=(0,l.createContext)(null);function z({children:e,element:t,elementType:n}){return l.createElement(I.Provider,{value:{element:t,elementType:n}},e)}function T(){const e=(0,l.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,l.createContext)(null);function R({children:e,...t}){const n=null===t.id?null:function(e){const t=a.stylesRepository.getProviders().find((t=>t.actions.get().find((t=>t.id===e))));return t??null}(t.id);if(t.id&&!n)throw new P({context:{styleId:t.id}});return l.createElement(B.Provider,{value:{...t,provider:n}},e)}function D(){const e=(0,l.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:t=!1,popupState:n}){return l.createElement(s.Menu,{MenuListProps:{dense:!0},...(0,s.bindMenu)(n),anchorOrigin:{vertical:"top",horizontal:"right"},onKeyDown:e=>{e.stopPropagation()}},!t&&[l.createElement(F,{key:"unapply-class",styleId:e}),l.createElement(s.Divider,{key:"global-class-items-divider"})],l.createElement(s.ListSubheader,null,(0,u.__)("Add a pseudo selector","elementor")),l.createElement(W,{key:"normal",state:null,styleId:e}),A.map((t=>l.createElement(W,{key:t,state:t,styleId:e}))))}function W({state:e,styleId:t,...n}){const{id:r,setId:o,setMetaState:a,meta:i}=D(),{state:m}=i,u=t===r,d=e===m&&u;return l.createElement($,{...n,selected:d,onClick:()=>{u||o(t),a(e)}},d&&l.createElement(s.ListItemIcon,null,l.createElement(c.CheckIcon,null)),l.createElement(s.ListItemText,{primary:e?`:${e}`:"Normal"}))}function F({styleId:e,...t}){const n=(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 l.createElement($,{...t,onClick:n},l.createElement(s.ListItemText,{primary:"Remove"}))}var $=(0,s.styled)(s.MenuItem)({"&:hover":{color:"text.primary"}}),j=(0,l.createContext)(null),O=({children:e,value:t,onSubmit:n,validation:r,editable:o})=>{const[a,i]=(0,l.useState)(!1),[c,m]=(0,l.useState)(!1),[s,u]=(0,l.useState)(null),d=()=>{u(null),i(!1)};return l.createElement(j.Provider,{value:{isEditing:a,openEditMode:()=>{i(!0)},closeEditMode:d,onChange:e=>{const{innerText:t}=e.target;r&&u(r(t))},value:t,error:s,submit:async e=>{if(!s){m(!0);try{await n(e)}finally{m(!1)}}d()},editable:o,submitting:c}},e)},M=({children:e,onClick:t,...n})=>{const r=(0,l.useRef)(null),{isEditing:o,closeEditMode:a,value:i,onChange:c,error:m,submit:u,editable:d}=U();(0,l.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?l.createElement(s.Tooltip,{open:!!m,title:m,placement:"top"},l.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(),t?.(e)},...n},l.createElement("span",{ref:r,role:"textbox",onInput:c,contentEditable:o,suppressContentEditableWarning:!0,onBlur:a},o?i:e))):e},U=()=>{const e=(0,l.useContext)(j);if(!e)throw new Error("useEditableField must be used within a EditableFieldProvider");return e};function N({actions:e=[],selected:t,options:n,onSelect:r,...o}){const a=(0,l.useState)((()=>(0,s.createFilterOptions)()))[0],{run:i,loading:c}=function(){const[e,t]=(0,l.useState)(!1);return{run:async(e,n)=>{t(!0);try{await e(n)}catch{}t(!1)},loading:e}}();return l.createElement(s.Autocomplete,{...o,freeSolo:!0,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:c,value:t,options:n,renderGroup:e=>l.createElement(K,{...e}),renderInput:e=>l.createElement(s.TextField,{...e}),onChange:(t,l,o)=>{const a=l.find((e=>"string"==typeof e)),c=l.filter((e=>"string"!=typeof e));if("createOption"===o){const[t]=q(e,{options:n,inputValue:a??""});if(t)return i(t.apply,t.value)}const m=c.find((e=>{return"apply"in(t=e)&&"condition"in t;var t}));if("selectOption"===o&&m)return i(m.apply,m.value);const s=n.filter((e=>!!e.fixed));r?.([...new Set([...c,...s])])},getOptionLabel:e=>"string"==typeof e?e:e.label,getOptionKey:e=>"string"==typeof e?e:e.key??e.value,filterOptions:(n,l)=>{const r=t.map((e=>e.value));return[...q(e,{options:n,inputValue:l.inputValue}),...a(n.filter((e=>!r.includes(e.value))),l)]},groupBy:e=>e.group??""})}var K=e=>{const t=`combobox-group-${(0,l.useId)().replace(/:/g,"_")}`;return l.createElement(H,{role:"group","aria-labelledby":t},l.createElement(J,{id:t}," ",e.group),l.createElement(Y,{role:"listbox"},e.children))},H=(0,s.styled)("li")` &:not( :last-of-type ) { border-bottom: 1px solid ${({theme:e})=>e.palette.divider}; } `,J=(0,s.styled)(s.Box)((({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary}))),Y=(0,s.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,m.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:t,setValue:n,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:m}=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:m}),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)}}(t,n),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,t),g=E.find((e=>e.value===c))??Z;return l.createElement(s.Stack,{gap:1,p:2},l.createElement(s.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},l.createElement(s.Typography,{component:"label",variant:"caption",htmlFor:X},(0,u.__)("CSS Classes","elementor")),l.createElement(s.Stack,{direction:"row",gap:1},l.createElement(Q,null))),l.createElement(N,{id:X,size:"tiny",options:e,selected:E,onSelect:p,limitTags:8,actions:d,getLimitTagsText:e=>l.createElement(s.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(t,n)=>t.map(((t,r)=>{const o=n({index:r}),i=t.value===g?.value,c=t.provider===a.ELEMENTS_STYLES_PROVIDER_KEY;return l.createElement(O,{key:o.key,value:t.label,onSubmit:e=>re(t.provider,{label:e,id:t.value}),editable:!t.fixed,validation:n=>ae(n,e.filter((e=>e.value!==t.value)))},l.createElement(le,{label:t.label,id:t.value,isActive:i,isFixed:t.fixed,color:i&&t.color?t.color:"default",chipProps:o,onClickActive:()=>m(c?null:t.value)}))}))}))}var ne="tiny";function le({id:e,label:t,isActive:n,isFixed:r=!1,color:o,chipProps:a,onClickActive:m}){const{meta:d}=D(),p=(0,l.useId)().replace(/:/g,"_"),E=(0,s.usePopupState)({variant:"popover",popupId:p}),g=(0,l.useRef)(null),{onDelete:b,...f}=a,{isEditing:v,openEditMode:_,error:y,submitting:h}=U(),S=y?"error":o;return l.createElement(l.Fragment,null,l.createElement(s.UnstableChipGroup,{ref:g,...f,"aria-label":`Edit ${t}`,role:"group"},l.createElement(s.Chip,{disabled:h,size:ne,label:l.createElement(M,{onDoubleClick:()=>{n||_()},onClick:()=>{n&&_()}},l.createElement(i.EllipsisWithTooltip,{maxWidth:"10ch",title:t})),variant:n&&!d.state?"filled":"standard",color:S,onClick:()=>m(e),"aria-pressed":n,sx:{"&.Mui-focusVisible":{boxShadow:"none !important"}}}),!v&&l.createElement(s.Chip,{disabled:h,size:ne,label:l.createElement(s.Stack,{direction:"row",gap:.5,alignItems:"center"},n&&d.state&&l.createElement(s.Typography,{variant:"inherit"},d.state),l.createElement(c.DotsVerticalIcon,{fontSize:"inherit"})),variant:"filled",color:S,...(0,s.bindTrigger)(E),"aria-label":(0,u.__)("Open CSS Class Menu","elementor")})),l.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),me="tiny",se=(0,g.createMenu)({components:{PopoverAction:function({title:e,visible:t=!0,icon:n,popoverContent:r}){const o=(0,l.useId)(),a=(0,s.usePopupState)({variant:"popover",popupId:`elementor-popover-action-${o}`});return t?l.createElement(l.Fragment,null,l.createElement(s.Tooltip,{placement:"top",title:e},l.createElement(s.IconButton,{"aria-label":e,key:o,size:me,...(0,s.bindToggle)(a)},l.createElement(n,{fontSize:me}))),l.createElement(s.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,s.bindPopover)(a)},l.createElement(s.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},l.createElement(n,{fontSize:me,sx:{mr:.5}}),l.createElement(s.Typography,{variant:"subtitle2"},e),l.createElement(s.IconButton,{sx:{ml:"auto"},size:me,onClick:a.close},l.createElement(c.XIcon,{fontSize:me}))),l.createElement(r,{closePopover:a.close}))):null}}});function ue(){return l.createElement(s.Box,{role:"alert",sx:{minHeight:"100%",p:2}},l.createElement(s.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},l.createElement("strong",null,"Something went wrong")))}var de={image:{component:n.ImageControl,layout:"full"},text:{component:n.TextControl,layout:"two-columns"},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"}},pe=e=>de[e]?.component,Ee=({props:e,type:t})=>{const n=pe(t);if(!n)throw new k({context:{controlType:t}});return l.createElement(n,{...e})},ge=({controlType:e,children:t})=>{const n=de[e].layout;return l.createElement(be,{layout:n},t)},be=(0,s.styled)(s.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:e,children:t})=>{const{element:o,elementType:a}=T(),i=(0,r.useElementSetting)(o.id,e),c={[e]:i},m=ve({schema:a.propsSchema});return l.createElement(n.PropProvider,{propType:m,value:c,setValue:e=>{(0,r.updateElementSettings)({id:o.id,props:{...e}})}},l.createElement(n.PropKeyProvider,{bind:e},t))},ye=(0,s.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 he({title:e,children:t,defaultExpanded:n=!1}){const[r,o]=(0,l.useState)(!!n),a=(0,l.useId)(),i=`label-${a}`,c=`content-${a}`;return l.createElement(l.Fragment,null,l.createElement(s.ListItemButton,{id:i,"aria-controls":c,onClick:()=>o((e=>!e))},l.createElement(s.ListItemText,{secondary:e}),l.createElement(ye,{open:r,color:"secondary"})),l.createElement(s.Collapse,{id:c,"aria-labelledby":i,in:r,timeout:"auto",unmountOnExit:!0},l.createElement(s.Stack,{gap:2.5,p:2},t)),l.createElement(s.Divider,null))}function Se(e){return l.createElement(s.List,{disablePadding:!0,component:"div",...e})}var we=()=>{const{elementType:e,element:t}=T();return l.createElement(E.SessionStorageProvider,{prefix:t.id},l.createElement(Se,null,e.controls.map((({type:e,value:t},n)=>"control"===e?l.createElement(xe,{key:t.bind,control:t}):"section"===e?l.createElement(he,{title:t.label,key:e+"."+n,defaultExpanded:!0},t.items?.map((e=>"control"===e.type?l.createElement(xe,{key:e.value.bind,control:e.value}):null))):null))))},xe=({control:e})=>pe(e.type)?l.createElement(_e,{bind:e.bind},l.createElement(ge,{controlType:e.type},e.label?l.createElement(n.ControlLabel,null,e.label):null,l.createElement(Ee,{type:e.type,props:e.props}))):null;function Ce(e){const{element:t}=T(),{id:n,meta:o,provider:a}=D(),i=C(),[,c]=(0,l.useReducer)((e=>!e),!1);(0,l.useEffect)((()=>a?.subscribe(c)),[a]);const m=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:t.id,styleId:n,provider:a,meta:o,propNames:e});return[m,e=>{if(null!==n){if(!a.actions.updateProps)throw new L({context:{providerKey:a.key}});a.actions.updateProps({id:n,meta:o,props:e},{elementId:t.id})}else(0,r.createElementStyle)({elementId:t.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:e,children:t})=>{const[r,o]=Ie(e),a=(0,f.getStylesSchema)(),i=ve({schema:a}),c={[e]:r};return l.createElement(n.PropProvider,{propType:i,value:c,setValue:t=>{o(t[e])}},l.createElement(n.PropKeyProvider,{bind:e},t))},Te=()=>l.createElement(ze,{bind:"background"},l.createElement(n.BackgroundControl,null)),ke="tiny",Pe=({isAdded:e,label:t,onAdd:r,onRemove:o,children:a})=>l.createElement(s.Stack,{gap:1.5},l.createElement(s.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"}},l.createElement(n.ControlLabel,null,t),e?l.createElement(s.IconButton,{size:ke,onClick:o,"aria-label":"Remove"},l.createElement(c.MinusIcon,{fontSize:ke})):l.createElement(s.IconButton,{size:ke,onClick:r,"aria-label":"Add"},l.createElement(c.PlusIcon,{fontSize:ke}))),l.createElement(s.Collapse,{in:e,unmountOnExit:!0},l.createElement(s.Stack,{gap:1.5},a))),Le=()=>l.createElement(ze,{bind:"border-color"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Border Color","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.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=()=>l.createElement(ze,{bind:"border-style"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Border Type","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.SelectControl,{options:Ge})))),Re=[{label:(0,u.__)("Top","elementor"),icon:l.createElement(c.SideTopIcon,{fontSize:"tiny"}),bind:"top"},{label:(0,u.__)("Right","elementor"),icon:l.createElement(c.SideRightIcon,{fontSize:"tiny"}),bind:"right"},{label:(0,u.__)("Bottom","elementor"),icon:l.createElement(c.SideBottomIcon,{fontSize:"tiny"}),bind:"bottom"},{label:(0,u.__)("Left","elementor"),icon:l.createElement(c.SideLeftIcon,{fontSize:"tiny"}),bind:"left"}],De=()=>l.createElement(ze,{bind:"border-width"},l.createElement(n.EqualUnequalSizesControl,{items:Re,label:(0,u.__)("Border Width","elementor"),icon:l.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,t]=Ce(Object.keys(Ae)),n=Object.values(e??{}).some(Boolean);return l.createElement(Pe,{label:(0,u.__)("Border","elementor"),isAdded:n,onAdd:()=>{t(Ae)},onRemove:()=>{t({"border-width":null,"border-color":null,"border-style":null})}},l.createElement(De,null),l.createElement(Le,null),l.createElement(Be,null))},We=[{label:(0,u.__)("Top Left","elementor"),icon:l.createElement(c.RadiusTopLeftIcon,{fontSize:"tiny"}),bind:"top-left"},{label:(0,u.__)("Top Right","elementor"),icon:l.createElement(c.RadiusTopRightIcon,{fontSize:"tiny"}),bind:"top-right"},{label:(0,u.__)("Bottom Right","elementor"),icon:l.createElement(c.RadiusBottomRightIcon,{fontSize:"tiny"}),bind:"bottom-right"},{label:(0,u.__)("Bottom Left","elementor"),icon:l.createElement(c.RadiusBottomLeftIcon,{fontSize:"tiny"}),bind:"bottom-left"}],Fe=()=>l.createElement(ze,{bind:"border-radius"},l.createElement(n.EqualUnequalSizesControl,{items:We,label:(0,u.__)("Border Radius","elementor"),icon:l.createElement(c.BorderCornersIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:o.borderRadiusPropTypeUtil})),$e=()=>l.createElement(s.Stack,{gap:1.5},l.createElement(Fe,null),l.createElement(s.Divider,null),l.createElement(Ve,null)),je=()=>l.createElement(s.Stack,{gap:1.5},l.createElement(ze,{bind:"box-shadow"},l.createElement(n.BoxShadowRepeaterControl,null)));function Oe(){const e=(0,s.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:t,isClockwise:n=!0,offset:r=0})=>{const o=(0,l.useRef)(Ke(n,r));return o.current=Ke(n,r,o),l.createElement(e,{fontSize:t,sx:{transition:".3s",rotate:`${o.current}deg`}})},Ke=(e,t,n)=>{const[l]=Ie("flex-direction"),r="rtl"===(0,s.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,s.withDirection)(c.LayoutAlignLeftIcon),Je=(0,s.withDirection)(c.LayoutAlignRightIcon),Ye={isClockwise:!1,offset:90},qe=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:He,size:e,...Ye}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.LayoutAlignCenterIcon,size:e,...Ye}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:Je,size:e,...Ye}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.LayoutDistributeVerticalIcon,size:e,...Ye}),showTooltip:!0}],Xe=()=>{const{isSiteRtl:e}=Oe();return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(ze,{bind:"align-items"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Align items","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.ToggleControl,{options:qe}))))))},Ze=(0,s.withDirection)(c.LayoutAlignLeftIcon),Qe=(0,s.withDirection)(c.LayoutAlignRightIcon),et={isClockwise:!1,offset:90},tt=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:Ze,size:e,...et}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.LayoutAlignCenterIcon,size:e,...et}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:Qe,size:e,...et}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.LayoutDistributeVerticalIcon,size:e,...et}),showTooltip:!0}],nt=()=>{const{isSiteRtl:e}=Oe();return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(ze,{bind:"align-self"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Align self","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},l.createElement(n.ToggleControl,{options:tt}))))))},lt=()=>{const e=[{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 l.createElement(ze,{bind:"display"},l.createElement(s.Stack,{gap:1},l.createElement(n.ControlLabel,null,(0,u.__)("Display","elementor")),l.createElement(n.ToggleControl,{options:e,fullWidth:!0})))},rt=[{value:"row",label:(0,u.__)("Row","elementor"),renderContent:({size:e})=>{const t=(0,s.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,s.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}],ot=()=>{const{isSiteRtl:e}=Oe();return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(ze,{bind:"flex-direction"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Direction","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.ToggleControl,{options:rt}))))))},at=-99999,it="first",ct="last",mt="custom",st={[it]:at,[ct]:99999},ut=[{value:it,label:(0,u.__)("First","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:ct,label:(0,u.__)("Last","elementor"),renderContent:({size:e})=>l.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:mt,label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>l.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],dt=()=>{const{isSiteRtl:e}=Oe(),[t,r]=Ie("order"),[o,a]=(0,l.useState)(pt(t?.value||null));return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(s.Stack,{gap:2},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Order","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.ControlToggleButtonGroup,{items:ut,value:o,onChange:e=>{a(e),r(e&&e!==mt?{$$type:"number",value:st[e]}:null)},exclusive:!0}))),mt===o&&l.createElement(ze,{bind:"order"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Custom order","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.NumberControl,{min:-99998,max:99998,shouldForceInt:!0})))))))},pt=e=>99999===e?ct:at===e?it:0===e||e?mt:null,Et=[{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}],gt=()=>{const{isSiteRtl:e}=Oe(),[t,r]=Ie("flex-grow"),[o,a]=Ie("flex-shrink"),[i,c]=Ie("flex-basis"),m=t?.value||null,d=o?.value||null,p=i?.value||null,E=(0,l.useMemo)((()=>ft({grow:m,shrink:d,basis:p})),[m,d,p]),[g,b]=(0,l.useState)(E);return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(s.Stack,{gap:2},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Size","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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&&l.createElement(bt,null))))},bt=()=>l.createElement(l.Fragment,null,l.createElement(ze,{bind:"flex-grow"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Grow","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.NumberControl,{min:0,shouldForceInt:!0})))),l.createElement(ze,{bind:"flex-shrink"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Shrink","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.NumberControl,{min:0,shouldForceInt:!0})))),l.createElement(ze,{bind:"flex-basis"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Basis","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},l.createElement(n.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=()=>l.createElement(s.Stack,{gap:1},l.createElement(ze,{bind:"gap"},l.createElement(n.GapControl,{label:(0,u.__)("Gaps","elementor")}))),_t=(0,s.withDirection)(c.JustifyTopIcon),yt=(0,s.withDirection)(c.JustifyBottomIcon),ht={isClockwise:!0,offset:-90},St=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:_t,size:e,...ht}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.JustifyCenterIcon,size:e,...ht}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:yt,size:e,...ht}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...ht}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...ht}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>l.createElement(Ne,{icon:c.JustifyDistributeVerticalIcon,size:e,...ht}),showTooltip:!0}],wt=()=>{const{isSiteRtl:e}=Oe();return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(ze,{bind:"justify-content"},l.createElement(s.Stack,{gap:1},l.createElement(n.ControlLabel,null,(0,u.__)("Justify content","elementor")),l.createElement(n.ToggleControl,{options:St,fullWidth:!0})))))},xt=[{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}],Ct=()=>{const{isSiteRtl:e}=Oe();return l.createElement(s.DirectionProvider,{rtl:e},l.createElement(s.ThemeProvider,null,l.createElement(ze,{bind:"flex-wrap"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Wrap","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},l.createElement(n.ToggleControl,{options:xt}))))))},It=()=>{const[e]=Ie("display"),{element:t}=T(),n=(0,r.useParentElement)(t.id),o=(a=n?.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 l.createElement(s.Stack,{gap:2},l.createElement(lt,null),"flex"===e?.value&&l.createElement(zt,null),"flex"===o?.display&&l.createElement(Tt,null))},zt=()=>l.createElement(l.Fragment,null,l.createElement(ot,null),l.createElement(wt,null),l.createElement(Xe,null),l.createElement(s.Divider,null),l.createElement(vt,null),l.createElement(Ct,null)),Tt=()=>l.createElement(l.Fragment,null,l.createElement(s.Divider,null),l.createElement(n.ControlLabel,null,(0,u.__)("Flex child","elementor")),l.createElement(nt,null),l.createElement(dt,null),l.createElement(gt,null)),kt=e=>{const t=`elementor/${e}`,[n,r]=(0,l.useState)();return(0,l.useEffect)((()=>Pt(t,(e=>{r(e??null)}))),[t]),[n,e=>{(0,d.setSessionStorageItem)(t,e)},()=>{(0,d.removeSessionStorageItem)(t)}]},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:l.createElement(c.SideLeftIcon,{fontSize:"tiny"}),right:l.createElement(c.SideRightIcon,{fontSize:"tiny"}),top:l.createElement(c.SideTopIcon,{fontSize:"tiny"}),bottom:l.createElement(c.SideBottomIcon,{fontSize:"tiny"})},Gt=()=>l.createElement(l.Fragment,null,l.createElement(s.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},l.createElement(Bt,{side:"top",label:(0,u.__)("Top","elementor")}),l.createElement(Bt,{side:"right",label:(0,u.__)("Right","elementor")})),l.createElement(s.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},l.createElement(Bt,{side:"bottom",label:(0,u.__)("Bottom","elementor")}),l.createElement(Bt,{side:"left",label:(0,u.__)("Left","elementor")}))),Bt=({side:e,label:t})=>l.createElement(s.Grid,{container:!0,gap:1,alignItems:"center"},l.createElement(s.Grid,{item:!0,xs:12},l.createElement(n.ControlLabel,null,t)),l.createElement(s.Grid,{item:!0,xs:12},l.createElement(ze,{bind:e},l.createElement(n.SizeControl,{startIcon:Lt[e]})))),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:e})=>l.createElement(ze,{bind:"position"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Position","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.SelectControl,{options:Rt,onChange:e})))),At=()=>l.createElement(ze,{bind:"z-index"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Z-Index","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.NumberControl,null)))),Vt=()=>{const[e]=Ie("position"),[t,n]=Ce(["top","bottom","left","right"]),[r,o,a]=Wt(),i=e&&"static"!==e?.value;return l.createElement(s.Stack,{gap:1.5},l.createElement(Dt,{onChange:(e,l)=>{"static"===e?t&&(o(t),n({top:void 0,bottom:void 0,left:void 0,right:void 0})):"static"===l&&r&&(n(r),a())}}),i?l.createElement(l.Fragment,null,l.createElement(Gt,null),l.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})=>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.ExpandBottomIcon,{fontSize:e}),showTooltip:!0}],$t=()=>l.createElement(ze,{bind:"overflow"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Overflow","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},l.createElement(n.ToggleControl,{options:Ft})))),jt=()=>l.createElement(s.Stack,{gap:1.5},l.createElement(s.Grid,{container:!0,gap:2,flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(Ot,{bind:"width",label:(0,u.__)("Width","elementor")})),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(Ot,{bind:"height",label:(0,u.__)("Height","elementor")}))),l.createElement(s.Grid,{container:!0,gap:2,flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(Ot,{bind:"min-width",label:(0,u.__)("Min. Width","elementor")})),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(Ot,{bind:"min-height",label:(0,u.__)("Min. Height","elementor")}))),l.createElement(s.Grid,{container:!0,gap:2,flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(Ot,{bind:"max-width",label:(0,u.__)("Max. Width","elementor")})),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(Ot,{bind:"max-height",label:(0,u.__)("Max. Height","elementor")}))),l.createElement(s.Divider,null),l.createElement(s.Stack,null,l.createElement($t,null))),Ot=({label:e,bind:t})=>l.createElement(ze,{bind:t},l.createElement(s.Grid,{container:!0,gap:1,alignItems:"center"},l.createElement(s.Grid,{item:!0,xs:12},l.createElement(n.ControlLabel,null,e)),l.createElement(s.Grid,{item:!0,xs:12},l.createElement(n.SizeControl,null)))),Mt=()=>l.createElement(s.Stack,{gap:1.5},l.createElement(ze,{bind:"padding"},l.createElement(n.LinkedDimensionsControl,{label:(0,u.__)("Padding","elementor")})),l.createElement(s.Divider,null),l.createElement(ze,{bind:"margin"},l.createElement(n.LinkedDimensionsControl,{label:(0,u.__)("Margin","elementor")}))),Ut=({children:e,defaultOpen:t=!1})=>{const[n,r]=(0,l.useState)(t);return l.createElement(s.Stack,{sx:{py:.5}},l.createElement(s.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{r((e=>!e))},endIcon:l.createElement(ye,{open:n})},n?(0,u.__)("Show less","elementor"):(0,u.__)("Show more","elementor")),l.createElement(s.Collapse,{in:n,timeout:"auto",unmountOnExit:!0},e))},Nt=()=>{const e=Kt();return e?l.createElement(ze,{bind:"font-family"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Font Family","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.FontFamilyControl,{fontFamilies:e})))):null},Kt=()=>{const{controls:e}=(()=>{const e=window;return e.elementor?.config??{}})(),t=e?.font?.options;return t||null},Ht=()=>l.createElement(ze,{bind:"font-size"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Font Size","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.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=()=>l.createElement(ze,{bind:"font-weight"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Font Weight","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.SelectControl,{options:Jt})))),qt=()=>l.createElement(ze,{bind:"letter-spacing"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Letter Spacing","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.SizeControl,null)))),Xt=()=>l.createElement(ze,{bind:"line-height"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Line Height","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.SizeControl,null)))),Zt=[{value:"left",label:(0,u.__)("Left","elementor"),renderContent:({size:e})=>l.createElement(c.AlignLeftIcon,{fontSize:e})},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>l.createElement(c.AlignCenterIcon,{fontSize:e})},{value:"right",label:(0,u.__)("Right","elementor"),renderContent:({size:e})=>l.createElement(c.AlignRightIcon,{fontSize:e})},{value:"justify",label:(0,u.__)("Justify","elementor"),renderContent:({size:e})=>l.createElement(c.AlignJustifiedIcon,{fontSize:e})}],Qt=()=>l.createElement(ze,{bind:"text-align"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Alignment","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:Zt})))),en=()=>l.createElement(ze,{bind:"color"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Text Color","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ColorControl,null)))),tn=[{value:"ltr",label:(0,u.__)("Left to Right","elementor"),renderContent:({size:e})=>l.createElement(c.TextDirectionLtrIcon,{fontSize:e})},{value:"rtl",label:(0,u.__)("Right to Left","elementor"),renderContent:({size:e})=>l.createElement(c.TextDirectionRtlIcon,{fontSize:e})}],nn=()=>l.createElement(ze,{bind:"direction"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Direction","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:tn})))),ln={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},rn=()=>{const[e,t]=Ie("-webkit-text-stroke"),r=Boolean(e);return l.createElement(Pe,{label:(0,u.__)("Text Stroke","elementor"),isAdded:r,onAdd:()=>{t(ln)},onRemove:()=>{t(null)}},l.createElement(ze,{bind:"-webkit-text-stroke"},l.createElement(n.StrokeControl,null)))},on="tiny",an=()=>{const[e,t]=Ie("font-style"),[r,o]=Ie("text-decoration"),a=[e?.value,...(r?.value||"").split(" ")],i=e=>{if(null===e)return o(null);o({$$type:"string",value:e})};return l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Style","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(s.ToggleButtonGroup,{value:a},l.createElement(mn,{value:"italic",onChange:n=>(e=>{if(null===e)return t(null);t({$$type:"string",value:e})})(e?.value===n?null:n),"aria-label":"italic",sx:{marginLeft:"auto"}},l.createElement(c.ItalicIcon,{fontSize:on})),l.createElement(cn,{value:"line-through",currentValues:r?.value||"",updateValues:i,"aria-label":"line-through"},l.createElement(c.StrikethroughIcon,{fontSize:on})),l.createElement(cn,{value:"underline",currentValues:r?.value||"",updateValues:i,"aria-label":"underline"},l.createElement(c.UnderlineIcon,{fontSize:on})))))},cn=({children:e,value:t,currentValues:n,updateValues:r,"aria-label":o})=>{const a=n.split(" ").filter(Boolean),i=a.includes(t);return l.createElement(mn,{value:t,onChange:e=>{r(i?a.filter((t=>t!==e)).join(" ")||null:[...a,e].join(" "))},selected:i,"aria-label":o},e)},mn=({onChange:e,...t})=>l.createElement(s.ToggleButton,{...t,onChange:(t,n)=>{e(n)},size:on}),sn=[{value:"capitalize",label:(0,u.__)("Capitalize","elementor"),renderContent:({size:e})=>l.createElement(c.LetterCaseIcon,{fontSize:e})},{value:"uppercase",label:(0,u.__)("Uppercase","elementor"),renderContent:({size:e})=>l.createElement(c.LetterCaseUpperIcon,{fontSize:e})},{value:"lowercase",label:(0,u.__)("Lowercase","elementor"),renderContent:({size:e})=>l.createElement(c.LetterCaseLowerIcon,{fontSize:e})}],un=()=>l.createElement(ze,{bind:"text-transform"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Transform","elementor"))),l.createElement(s.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},l.createElement(n.ToggleControl,{options:sn})))),dn=()=>l.createElement(ze,{bind:"word-spacing"},l.createElement(s.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.ControlLabel,null,(0,u.__)("Word Spacing","elementor"))),l.createElement(s.Grid,{item:!0,xs:6},l.createElement(n.SizeControl,null)))),pn=()=>l.createElement(s.Stack,{gap:1.5},l.createElement(Nt,null),l.createElement(Yt,null),l.createElement(Ht,null),l.createElement(s.Divider,null),l.createElement(Qt,null),l.createElement(en,null),l.createElement(Ut,null,l.createElement(s.Stack,{gap:1.5,sx:{pt:1.5}},l.createElement(Xt,null),l.createElement(qt,null),l.createElement(dn,null),l.createElement(s.Divider,null),l.createElement(an,null),l.createElement(un,null),l.createElement(nn,null),l.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]}(),[t,n]=function(e){const[t,n]=(0,l.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[t||o?.id||null,n]}(e),[o,a]=(0,l.useState)(null),i=(0,b.useActiveBreakpoint)();return l.createElement(x,{prop:e},l.createElement(R,{meta:{breakpoint:i,state:o},id:t,setId:e=>{n(e),a(null)},setMetaState:a},l.createElement(E.SessionStorageProvider,{prefix:t??""},l.createElement(te,null),l.createElement(s.Divider,null),l.createElement(Se,null,l.createElement(he,{title:(0,u.__)("Layout","elementor")},l.createElement(It,null)),l.createElement(he,{title:(0,u.__)("Spacing","elementor")},l.createElement(Mt,null)),l.createElement(he,{title:(0,u.__)("Size","elementor")},l.createElement(jt,null)),l.createElement(he,{title:(0,u.__)("Position","elementor")},l.createElement(Vt,null)),l.createElement(he,{title:(0,u.__)("Typography","elementor")},l.createElement(pn,null)),l.createElement(he,{title:(0,u.__)("Background","elementor")},l.createElement(Te,null)),l.createElement(he,{title:(0,u.__)("Border","elementor")},l.createElement($e,null)),l.createElement(he,{title:(0,u.__)("Effects","elementor")},l.createElement(je,null))))))},gn=()=>{const{element:e}=T(),{getTabProps:t,getTabPanelProps:n,getTabsProps:r}=(0,s.useTabs)("settings");return l.createElement(l.Fragment,{key:e.id},l.createElement(s.Stack,{direction:"column",sx:{width:"100%"}},l.createElement(s.Tabs,{variant:"fullWidth",indicatorColor:"secondary",textColor:"inherit",...r()},l.createElement(s.Tab,{label:(0,u.__)("General","elementor"),...t("settings")}),l.createElement(s.Tab,{label:(0,u.__)("Style","elementor"),...t("style")})),l.createElement(s.Divider,null),l.createElement(s.TabPanel,{...n("settings"),disablePadding:!0},l.createElement(we,null)),l.createElement(s.TabPanel,{...n("style"),disablePadding:!0},l.createElement(En,null))))},{useMenuItems:bn}=se,{panel:fn,usePanelActions:vn,usePanelStatus:_n}=(0,p.__createPanel)({id:"editing-panel",component:()=>{const{element:e,elementType:t}=(0,r.useSelectedElement)(),o=S(),a=bn().default;if(!e||!t)return null;const i=(0,u.__)("Edit %s","elementor").replace("%s",t.title);return l.createElement(s.ErrorBoundary,{fallback:l.createElement(ue,null)},l.createElement(E.SessionStorageProvider,{prefix:"elementor"},l.createElement(p.Panel,null,l.createElement(p.PanelHeader,null,l.createElement(p.PanelHeaderTitle,null,i)),l.createElement(p.PanelBody,null,l.createElement(n.ControlActionsProvider,{items:a},l.createElement(n.ControlReplacementProvider,{...o},l.createElement(z,{element:e,elementType:t},l.createElement(gn,null))))))))}}),yn=()=>{const e=(0,r.getSelectedElements)(),t=(0,r.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},hn=e=>{const{element:t}=T(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return kt(n)},Sn=()=>{const{atomicDynamicTags:e}=(()=>{const e=window;return e.elementor?.config??{}})();return e?{tags:e.tags,groups:e.groups}:null},wn="dynamic",xn=e=>{const t="union"===e.kind&&e.prop_types[wn];return t&&t.key===wn?t:null},Cn=(0,o.createPropUtils)(wn,y.z.strictObject({name:y.z.string(),settings:y.z.any().optional()})),In=()=>{let e=[];const{propType:t}=(0,n.useBoundProp)();if(t){const n=xn(t);e=n?.settings.categories||[]}return(0,l.useMemo)((()=>zn(e)),[e.join()])},zn=e=>{const t=Sn();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 t=In();return(0,l.useMemo)((()=>t.find((t=>t.name===e))??null),[t,e])},kn=({bind:e,children:t})=>{const{value:r,setValue:o}=(0,n.useBoundProp)(Cn),{name:a="",settings:i}=r??{},c=Tn(a);if(!c)throw new Error(`Dynamic tag ${a} not found`);const m=c.props_schema[e],s=m?.default,u=i?.[e]??s,d=ve({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))},Pn="tiny",Ln=({onSelect:e})=>{const[t,r]=(0,l.useState)(""),{groups:o}=Sn()||{},{value:a}=(0,n.useBoundProp)(),{bind:i,value:m,setValue:d}=(0,n.useBoundProp)(Cn),[,p]=hn(i),E=!!m,g=Gn(t);return l.createElement(s.Stack,null,l.createElement(s.Box,{px:1.5,pb:1},l.createElement(s.TextField,{fullWidth:!0,size:Pn,value:t,onChange:e=>{r(e.target.value)},placeholder:(0,u.__)("Search dynamic tag","elementor"),InputProps:{startAdornment:l.createElement(s.InputAdornment,{position:"start"},l.createElement(c.SearchIcon,{fontSize:Pn}))}})),l.createElement(s.Divider,null),l.createElement(s.Box,{sx:{overflowY:"auto",height:260,width:220}},g.length>0?l.createElement(s.MenuList,{role:"listbox",tabIndex:0},g.map((([t,n],r)=>l.createElement(l.Fragment,{key:r},l.createElement(s.ListSubheader,{sx:{typography:"caption",color:"text.tertiary"}},o?.[t]?.title||t),n.map((({value:t,label:n})=>{const r=E&&t===m?.name;return l.createElement(s.MenuItem,{key:t,selected:r,autoFocus:r,sx:{typography:"caption"},onClick:()=>(t=>{E||p(a),d({name:t,settings:{}}),e?.()})(t)},n)})))))):l.createElement(s.Stack,{alignItems:"center",p:2.5,gap:1.5},l.createElement(c.PhotoIcon,{fontSize:"large"}),l.createElement(s.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,u.__)("Sorry, nothing matched","elementor"),l.createElement("br",null),"“",t,"”."),l.createElement(s.Typography,{align:"center",variant:"caption",color:"text.secondary"},l.createElement(s.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:e}=(0,n.useBoundProp)(),{bind:t,value:r}=(0,n.useBoundProp)(Cn),[o]=hn(t),{name:a=""}=r,i=(0,l.useId)(),m=(0,s.usePopupState)({variant:"popover",popupId:i}),d=Tn(a);if(!d)throw new Error(`Dynamic tag ${a} not found`);return l.createElement(s.Box,null,l.createElement(s.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:d.label,startIcon:l.createElement(c.DatabaseIcon,{fontSize:Bn}),...(0,s.bindTrigger)(m),actions:l.createElement(l.Fragment,null,l.createElement(Dn,{dynamicTag:d}),l.createElement(s.IconButton,{size:Bn,onClick:()=>{e(o??null)},"aria-label":(0,u.__)("Remove dynamic value","elementor")},l.createElement(c.XIcon,{fontSize:Bn})))}),l.createElement(s.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,s.bindPopover)(m)},l.createElement(s.Stack,null,l.createElement(s.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},l.createElement(c.DatabaseIcon,{fontSize:Bn,sx:{mr:.5}}),l.createElement(s.Typography,{variant:"subtitle2"},(0,u.__)("Dynamic Tags","elementor")),l.createElement(s.IconButton,{size:Bn,sx:{ml:"auto"},onClick:m.close},l.createElement(c.XIcon,{fontSize:Bn}))),l.createElement(Ln,{onSelect:m.close}))))},Dn=({dynamicTag:e})=>{const t=(0,l.useId)(),n=(0,s.usePopupState)({variant:"popover",popupId:t});return e.atomic_controls.length?l.createElement(l.Fragment,null,l.createElement(s.IconButton,{size:Bn,...(0,s.bindTrigger)(n),"aria-label":(0,u.__)("Settings","elementor")},l.createElement(c.SettingsIcon,{fontSize:Bn})),l.createElement(s.Popover,{disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,s.bindPopover)(n)},l.createElement(s.Paper,{component:s.Stack,sx:{minHeight:"300px",width:"220px"}},l.createElement(s.Stack,{direction:"row",alignItems:"center",px:1.5,pt:2,pb:1},l.createElement(c.DatabaseIcon,{fontSize:Bn,sx:{mr:.5}}),l.createElement(s.Typography,{variant:"subtitle2"},e.label),l.createElement(s.IconButton,{sx:{ml:"auto"},size:Bn,onClick:n.close},l.createElement(c.XIcon,{fontSize:Bn}))),l.createElement(An,{controls:e.atomic_controls})))):null},An=({controls:e})=>{const t=e.filter((({type:e})=>"section"===e)),{getTabsProps:n,getTabProps:r,getTabPanelProps:o}=(0,s.useTabs)(0);return t.length?l.createElement(l.Fragment,null,l.createElement(s.Tabs,{indicatorColor:"secondary",textColor:"secondary",...n()},t.map((({value:e},t)=>l.createElement(s.Tab,{key:t,label:e.label,sx:{px:1,py:.5},...r(t)})))),l.createElement(s.Divider,null),t.map((({value:e},t)=>l.createElement(s.TabPanel,{key:t,sx:{flexGrow:1},...o(t)},l.createElement(s.Stack,{gap:1,px:2},e.items.map((e=>"control"===e.type?l.createElement(Vn,{key:e.value.bind,control:e.value}):null))))))):null},Vn=({control:e})=>pe(e.type)?l.createElement(kn,{bind:e.bind},e.label?l.createElement(n.ControlLabel,null,e.label):null,l.createElement(Ee,{type:e.type,props:e.props})):null,Wn=()=>{const{propType:e}=(0,n.useBoundProp)(),t=!!e&&(e=>!!xn(e))(e);return{visible:t,icon:c.DatabaseIcon,title:(0,u.__)("Dynamic Tags","elementor"),popoverContent:({closePopover:e})=>l.createElement(Ln,{onSelect:e})}},{registerPopoverAction:Fn}=se;(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,l.useEffect)((()=>(0,v.__privateListenTo)((0,v.commandStartEvent)("panel/editor/open"),(()=>{yn()&&e()}))),[])})(),(()=>{const{close:e}=vn();(0,l.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)}),h({component:Rn,condition:({value:e})=>{return t=e,(0,o.isTransformable)(t)&&t.$$type===wn;var t}}),Fn({id:"dynamic-tags",useProps:Wn}),(window.elementorV2=window.elementorV2||{}).editorEditingPanel=t}();