File "editor-editing-panel.js"

Full Path: /home/amervokv/ecomlive.net/wp-content/plugins/elementor/assets/js/packages/editor-editing-panel/editor-editing-panel.js
File size: 50.09 KB
MIME-type: text/plain
Charset: utf-8

/*! For license information please see editor-editing-panel.js.LICENSE.txt */
!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/editor-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-repository":function(e){e.exports=window.elementorV2.editorStylesRepository},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/menus":function(e){e.exports=window.elementorV2.menus},"@elementor/schema":function(e){e.exports=window.elementorV2.schema},"@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,{replaceControl:function(){return f},useBoundProp:function(){return e.useBoundProp}});var e=n("@elementor/editor-controls"),t=n("@elementor/editor"),r=n("@elementor/editor-panels"),o=n("@elementor/editor-v1-adapters"),a=n("react"),i=n("@elementor/editor-elements"),c=n("@elementor/ui"),m=n("@wordpress/i18n"),s=n("@elementor/menus"),u=n("@elementor/icons"),d=n("@elementor/utils"),p=n("@elementor/editor-responsive"),E=n("@elementor/editor-props"),b=n("@elementor/editor-styles-repository"),g=n("@elementor/schema"),{replaceControl:f,getControlReplacement:_}=(0,e.createControlReplacement)(),v=(0,a.createContext)(null);function y({children:e,element:t,elementType:n}){return a.createElement(v.Provider,{value:{element:t,elementType:n}},e)}function x(){const e=(0,a.useContext)(v);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}var h="tiny",S=(0,s.createMenu)({components:{PopoverAction:function({title:e,visible:t=!0,icon:n,popoverContent:l}){const r=(0,a.useId)(),o=(0,c.usePopupState)({variant:"popover",popupId:`elementor-popover-action-${r}`});return t?a.createElement(a.Fragment,null,a.createElement(c.Tooltip,{placement:"top",title:e},a.createElement(c.IconButton,{"aria-label":e,key:r,size:h,...(0,c.bindToggle)(o)},a.createElement(n,{fontSize:h}))),a.createElement(c.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,c.bindPopover)(o)},a.createElement(c.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},a.createElement(n,{fontSize:h,sx:{mr:.5}}),a.createElement(c.Typography,{variant:"subtitle2"},e),a.createElement(c.IconButton,{sx:{ml:"auto"},size:h,onClick:o.close},a.createElement(u.XIcon,{fontSize:h}))),a.createElement(l,{closePopover:o.close}))):null}}});function C(){return a.createElement(c.Box,{role:"alert",sx:{minHeight:"100%",p:2}},a.createElement(c.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},a.createElement("strong",null,"Something went wrong")))}var w={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"}},I=e=>w[e]?.component,z=(0,d.createError)({code:"CONTROL_TYPE_NOT_FOUND",message:"Control type not found."}),T=({props:e,type:t})=>{const n=I(t);if(!n)throw new z({context:{type:t}});return a.createElement(n,{...e})},P=({controlType:e,children:t})=>{const n=w[e].layout;return a.createElement(k,{layout:n},t)},k=(0,c.styled)(c.Box,{shouldForwardProp:e=>!["layout"].includes(e)})((({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...G(e)}))),G=e=>({justifyContent:"space-between",gridTemplateColumns:{full:"1fr","two-columns":"repeat(2, 1fr)"}[e]}),L=({bind:t,children:n})=>{const{element:l,elementType:r}=x(),o=r.propsSchema[t]?.default,c=(0,i.useElementSetting)(l.id,t)??o??null;return a.createElement(e.BoundPropProvider,{setValue:e=>{(0,i.updateSettings)({id:l.id,props:{[t]:e}})},value:c,bind:t},n)},B=(0,c.styled)(u.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 D({title:e,children:t,defaultExpanded:n=!1}){const[l,r]=(0,a.useState)(!!n),o=(0,a.useId)(),i=`label-${o}`,m=`content-${o}`;return a.createElement(a.Fragment,null,a.createElement(c.ListItemButton,{id:i,"aria-controls":m,onClick:()=>r((e=>!e))},a.createElement(c.ListItemText,{secondary:e}),a.createElement(B,{open:l,color:"secondary"})),a.createElement(c.Collapse,{id:m,"aria-labelledby":i,in:l,timeout:"auto",unmountOnExit:!0},a.createElement(c.Stack,{gap:2.5,p:2},t)),a.createElement(c.Divider,null))}function R(e){return a.createElement(c.List,{disablePadding:!0,component:"div",...e})}var W=()=>{const{elementType:e}=x();return a.createElement(R,null,e.controls.map((({type:e,value:t},n)=>"control"===e?a.createElement(A,{key:t.bind,control:t}):"section"===e?a.createElement(D,{title:t.label,key:e+"."+n,defaultExpanded:!0},t.items?.map((e=>"control"===e.type?a.createElement(A,{key:e.value.bind,control:e.value}):null))):null)))},A=({control:t})=>I(t.type)?a.createElement(L,{bind:t.bind},a.createElement(P,{controlType:t.type},t.label?a.createElement(e.ControlLabel,null,t.label):null,a.createElement(T,{type:t.type,props:t.props}))):null,V=(0,a.createContext)(null);function F({children:e,prop:t}){return a.createElement(V.Provider,{value:{prop:t}},e)}function O(){const e=(0,a.useContext)(V);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var $=(0,a.createContext)(null);function j({children:e,id:t,setId:n,meta:l}){return a.createElement($.Provider,{value:{id:t,setId:n,meta:l}},e)}function M(){const e=(0,a.useContext)($);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}var U=({maxWidth:e,title:t})=>{const n=(0,a.useRef)(null),[l,r]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=()=>{const e=n.current;e&&r(e.scrollWidth>e.clientWidth)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),l?a.createElement(c.Tooltip,{title:t,placement:"top"},a.createElement(H,{maxWidth:e,ref:n,title:t})):a.createElement(H,{maxWidth:e,ref:n,title:t})},H=a.forwardRef((({maxWidth:e,title:t,...n},l)=>a.createElement(c.Box,{ref:l,position:"relative",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:e},...n},t))),N=(0,c.createFilterOptions)(),J=({actions:e={},selected:t,options:n,optionsLabel:l,onSelect:r,onCreate:o,...i})=>{const{action:m,option:s}=((e,t,n,l)=>({action:{is:e=>"string"!=typeof e&&"action"in e,getLabel:e=>e.action.getLabel(e.label),groupBy:e=>e.action.groupLabel,onChange:({action:e,label:t})=>e?.apply(t),getFilteredActions:(e,n)=>Object.values(t).reduce(((t,l)=>[...t,...l.actions.reduce(((t,r)=>{if(r.condition(e,n.inputValue)){const e=((e,t,n)=>({value:"",label:n,action:{groupLabel:e,apply:t.apply,getLabel:t.getLabel}}))(l.label,r,n.inputValue);t.unshift(e)}return t}),[])]),[])},option:{is:e=>"string"!=typeof e&&!("action"in e),getLabel:e=>e.label,groupBy:()=>n??"",onChange:e=>l?.(e),getFilteredOptions:(t,n)=>{const l=e.map((e=>e.value)),r=t.filter((e=>!l.includes(e.value)));return N(r,n)}}}))(t,e,l,r);return a.createElement(c.Autocomplete,{...i,freeSolo:!0,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,value:t,options:n,renderGroup:Y,renderInput:e=>a.createElement(c.TextField,{...e}),getLimitTagsText:e=>a.createElement(c.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),onChange:(e,t,l)=>{if("createOption"===l){const e=t.find((e=>"string"==typeof e));return e&&o?.(e)}const r=t.find((e=>m.is(e)));if("selectOption"===l&&r)return m.onChange(r);const a=t.filter((e=>"string"!=typeof e)),i=n.filter((e=>e.fixed));s.onChange([...new Set([...i,...a])])},getOptionLabel:e=>s.is(e)?s.getLabel(e):m.is(e)?m.getLabel(e):"",filterOptions:(e,t)=>{const n=s.getFilteredOptions(e,t);return[...m.getFilteredActions(e,t),...n]},groupBy:e=>(s.is(e)?s.groupBy():m.groupBy(e))??""})},Y=e=>a.createElement(q,{key:e.key},a.createElement(K,null,e.group),a.createElement(X,null,e.children)),q=(0,c.styled)("li")`
	&:not( :last-of-type ) {
		border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
	}
`,K=(0,c.styled)(c.Box)((({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary}))),X=(0,c.styled)("ul")`
	padding: 0;
`,Z="elementor-css-class-selector",Q={label:(0,m.__)("local","elementor"),value:"",fixed:!0,color:"primary",provider:b.ELEMENTS_STYLES_PROVIDER_KEY};function ee(){const e=function(){const{element:e}=x();return(0,b.useAllStylesByProvider)({elementId:e.id}).flatMap((([e,t])=>{const n=e===b.ELEMENTS_STYLES_PROVIDER_KEY;return n&&0===t.length?[Q]:t.map((t=>({label:t.label,value:t.id,fixed:n,color:n?"primary":"global",provider:e})))}))}(),[t,n]=function(){const{element:e}=x(),t=O();return[(0,i.useElementSetting)(e.id,t)?.value||[],n=>{(0,i.updateSettings)({id:e.id,props:{[t]:E.classesPropTypeUtil.create(n)}})}]}(),{id:l,setId:r}=M(),o=function(e,t){const{id:n,setId:l}=M();return r=>{const o=r.map((({value:e})=>e)).filter((e=>e!==Q.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),s=function(e,t){const n=t.map((t=>e.find((e=>e.value===t)))).filter((e=>!!e));return n.some((e=>e.provider===b.ELEMENTS_STYLES_PROVIDER_KEY))||n.unshift(Q),n}(e,t),u=s.find((e=>e.value===l))??Q;return a.createElement(c.Stack,{gap:1,p:2},a.createElement(c.Typography,{component:"label",variant:"caption",htmlFor:Z},(0,m.__)("CSS Classes","elementor")),a.createElement(J,{id:Z,size:"tiny",options:e,selected:s,onSelect:o,limitTags:8,optionsLabel:(0,m.__)("Global CSS Classes","elementor"),renderTags:(e,t)=>e.map(((e,n)=>{const l=t({index:n}),o=e.value===u?.value;return a.createElement(c.Chip,{...l,key:l.key,size:"small",label:a.createElement(U,{maxWidth:"10ch",title:e.label}),variant:o?"filled":"standard",color:o&&e.color?e.color:"default",onClick:()=>(({value:e})=>r(e))(e),onDelete:null,"aria-pressed":o})}))}))}var te=e=>{const{element:t}=x(),{id:n,meta:l}=M(),r=O(),o=(0,a.useRef)(null),c=(0,a.useRef)(new Set),s=(0,i.useElementStyleProp)({elementID:t.id,styleDefID:n,meta:l,propName:e});return(0,a.useEffect)((()=>{c.current.forEach((e=>{e(s,o.current)})),o.current=s}),[s]),[s,o=>{(0,i.updateStyle)({elementID:t.id,styleDefID:n,props:{[e]:o},meta:l,bind:r,label:(0,m.__)("local","elementor")})},e=>{c.current.add(e)}]},ne=({bind:t,children:n})=>{const[l,r]=te(t);return a.createElement(e.BoundPropProvider,{setValue:r,value:l,bind:t},n)},le=()=>a.createElement(ne,{bind:"background-color"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Color","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ColorControl,null)))),re=()=>a.createElement(c.Stack,{gap:1.5},a.createElement(ne,{bind:"background-image"},a.createElement(e.BackgroundOverlayRepeaterControl,null)),a.createElement(le,null)),oe="tiny",ae=({isAdded:t,label:n,onAdd:l,onRemove:r,children:o})=>a.createElement(c.Stack,{gap:1.5},a.createElement(c.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"}},a.createElement(e.ControlLabel,null,n),t?a.createElement(c.IconButton,{size:oe,onClick:r},a.createElement(u.MinusIcon,{fontSize:oe})):a.createElement(c.IconButton,{size:oe,onClick:l},a.createElement(u.PlusIcon,{fontSize:oe}))),a.createElement(c.Collapse,{in:t,unmountOnExit:!0},a.createElement(c.Stack,{gap:1.5},o))),ie=()=>a.createElement(ne,{bind:"border-color"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Border Color","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ColorControl,null)))),ce=[{value:"none",label:(0,m.__)("None","elementor")},{value:"solid",label:(0,m.__)("Solid","elementor")},{value:"dashed",label:(0,m.__)("Dashed","elementor")},{value:"dotted",label:(0,m.__)("Dotted","elementor")},{value:"double",label:(0,m.__)("Double","elementor")},{value:"groove",label:(0,m.__)("Groove","elementor")},{value:"ridge",label:(0,m.__)("Ridge","elementor")},{value:"inset",label:(0,m.__)("Inset","elementor")},{value:"outset",label:(0,m.__)("Outset","elementor")}],me=()=>a.createElement(ne,{bind:"border-style"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Border Type","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SelectControl,{options:ce})))),se=[{label:(0,m.__)("Top","elementor"),icon:a.createElement(u.SideTopIcon,{fontSize:"tiny"}),bind:"top"},{label:(0,m.__)("Right","elementor"),icon:a.createElement(u.SideRightIcon,{fontSize:"tiny"}),bind:"right"},{label:(0,m.__)("Bottom","elementor"),icon:a.createElement(u.SideBottomIcon,{fontSize:"tiny"}),bind:"bottom"},{label:(0,m.__)("Left","elementor"),icon:a.createElement(u.SideLeftIcon,{fontSize:"tiny"}),bind:"left"}],ue=()=>a.createElement(ne,{bind:"border-width"},a.createElement(e.EqualUnequalSizesControl,{items:se,label:(0,m.__)("Border Width","elementor"),icon:a.createElement(u.SideAllIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:E.borderWidthPropTypeUtil})),de={$$type:"size",value:{size:1,unit:"px"}},pe={$$type:"border-width",value:{top:de,right:de,bottom:de,left:de}},Ee={$$type:"color",value:"#000000"},be=()=>{const[e,t]=te("border-width"),[n,l]=te("border-color"),[r,o]=te("border-style"),i=Boolean(e||n||r);return a.createElement(ae,{label:(0,m.__)("Border","elementor"),isAdded:i,onAdd:()=>{t(pe),l(Ee),o("solid")},onRemove:()=>{t(null),l(null),o(null)}},a.createElement(ue,null),a.createElement(ie,null),a.createElement(me,null))},ge=[{label:(0,m.__)("Top Left","elementor"),icon:a.createElement(u.RadiusTopLeftIcon,{fontSize:"tiny"}),bind:"top-left"},{label:(0,m.__)("Top Right","elementor"),icon:a.createElement(u.RadiusTopRightIcon,{fontSize:"tiny"}),bind:"top-right"},{label:(0,m.__)("Bottom Right","elementor"),icon:a.createElement(u.RadiusBottomRightIcon,{fontSize:"tiny"}),bind:"bottom-right"},{label:(0,m.__)("Bottom Left","elementor"),icon:a.createElement(u.RadiusBottomLeftIcon,{fontSize:"tiny"}),bind:"bottom-left"}],fe=()=>a.createElement(ne,{bind:"border-radius"},a.createElement(e.EqualUnequalSizesControl,{items:ge,label:(0,m.__)("Border Radius","elementor"),icon:a.createElement(u.BorderCornersIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:E.borderRadiusPropTypeUtil})),_e=()=>a.createElement(c.Stack,{gap:1.5},a.createElement(fe,null),a.createElement(c.Divider,null),a.createElement(be,null)),ve=()=>a.createElement(c.Stack,{gap:1.5},a.createElement(ne,{bind:"box-shadow"},a.createElement(e.BoxShadowRepeaterControl,null)));function ye(){const e=(0,c.useTheme)(),t=window,n="rtl"===e.direction;return{isSiteRtl:!!t.elementorFrontend?.config?.is_rtl,isUiRtl:n}}var xe={row:0,column:90,"row-reverse":180,"column-reverse":270},he={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},Se=({icon:e,size:t,isClockwise:n=!0,offset:l=0})=>{const r=(0,a.useRef)(Ce(n,l));return r.current=Ce(n,l,r),a.createElement(e,{fontSize:t,sx:{transition:".3s",rotate:`${r.current}deg`}})},Ce=(e,t,n)=>{const[l]=te("flex-direction"),r="rtl"===(0,c.useTheme)().direction?-1:1,o=e?xe:he,a=n?n.current*r:o[l?.value||"row"]+t;return(a+(((o[l?.value||"row"]+t-a+360)%360+180)%360-180))*r},we=(0,c.withDirection)(u.LayoutAlignLeftIcon),Ie=(0,c.withDirection)(u.LayoutAlignRightIcon),ze={isClockwise:!1,offset:90},Te=[{value:"start",label:(0,m.__)("Start","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:we,size:e,...ze}),showTooltip:!0},{value:"center",label:(0,m.__)("Center","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.LayoutAlignCenterIcon,size:e,...ze}),showTooltip:!0},{value:"end",label:(0,m.__)("End","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:Ie,size:e,...ze}),showTooltip:!0},{value:"stretch",label:(0,m.__)("Stretch","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.LayoutDistributeVerticalIcon,size:e,...ze}),showTooltip:!0}],Pe=()=>{const{isSiteRtl:t}=ye();return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(ne,{bind:"align-items"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Align items","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.ToggleControl,{options:Te}))))))},ke=(0,c.withDirection)(u.LayoutAlignLeftIcon),Ge=(0,c.withDirection)(u.LayoutAlignRightIcon),Le={isClockwise:!1,offset:90},Be=[{value:"start",label:(0,m.__)("Start","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:ke,size:e,...Le}),showTooltip:!0},{value:"center",label:(0,m.__)("Center","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.LayoutAlignCenterIcon,size:e,...Le}),showTooltip:!0},{value:"end",label:(0,m.__)("End","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:Ge,size:e,...Le}),showTooltip:!0},{value:"stretch",label:(0,m.__)("Stretch","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.LayoutDistributeVerticalIcon,size:e,...Le}),showTooltip:!0}],De=()=>{const{isSiteRtl:t}=ye();return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(ne,{bind:"align-self"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Align self","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},a.createElement(e.ToggleControl,{options:Be}))))))},Re=()=>{const t=[{value:"block",renderContent:()=>(0,m.__)("Block","elementor"),label:(0,m.__)("Block","elementor")},{value:"flex",renderContent:()=>(0,m.__)("Flex","elementor"),label:(0,m.__)("Flex","elementor")}];return a.createElement(ne,{bind:"display"},a.createElement(c.Stack,{gap:1},a.createElement(e.ControlLabel,null,(0,m.__)("Display","elementor")),a.createElement(e.ToggleControl,{options:t,fullWidth:!0})))},We=[{value:"row",label:(0,m.__)("Row","elementor"),renderContent:({size:e})=>{const t=(0,c.withDirection)(u.ArrowRightIcon);return a.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,m.__)("Column","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,m.__)("Reversed row","elementor"),renderContent:({size:e})=>{const t=(0,c.withDirection)(u.ArrowLeftIcon);return a.createElement(t,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,m.__)("Reversed column","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],Ae=()=>{const{isSiteRtl:t}=ye();return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(ne,{bind:"flex-direction"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Direction","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.ToggleControl,{options:We}))))))},Ve=-99999,Fe="first",Oe="last",$e="custom",je={[Fe]:Ve,[Oe]:99999},Me=[{value:Fe,label:(0,m.__)("First","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:Oe,label:(0,m.__)("Last","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:$e,label:(0,m.__)("Custom","elementor"),renderContent:({size:e})=>a.createElement(u.PencilIcon,{fontSize:e}),showTooltip:!0}],Ue=()=>{const{isSiteRtl:t}=ye(),[n,l]=te("order"),[r,o]=(0,a.useState)(He(n?.value||null));return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(c.Stack,{gap:2},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Order","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.ControlToggleButtonGroup,{items:Me,value:r,onChange:e=>{o(e),l(e&&e!==$e?{$$type:"number",value:je[e]}:null)},exclusive:!0}))),$e===r&&a.createElement(ne,{bind:"order"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Custom order","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.NumberControl,{min:-99998,max:99998,shouldForceInt:!0})))))))},He=e=>99999===e?Oe:Ve===e?Fe:0===e||e?$e:null,Ne=[{value:"flex-grow",label:(0,m.__)("Grow","elementor"),renderContent:({size:e})=>a.createElement(u.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,m.__)("Shrink","elementor"),renderContent:({size:e})=>a.createElement(u.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,m.__)("Custom","elementor"),renderContent:({size:e})=>a.createElement(u.PencilIcon,{fontSize:e}),showTooltip:!0}],Je=()=>{const{isSiteRtl:t}=ye(),[n,l]=te("flex-grow"),[r,o]=te("flex-shrink"),[i,s]=te("flex-basis"),u=n?.value||null,d=r?.value||null,p=i?.value||null,E=a.useMemo((()=>qe({grow:u,shrink:d,basis:p})),[u,d,p]),[b,g]=a.useState(E);return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(c.Stack,{gap:2},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Size","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.ControlToggleButtonGroup,{value:b,onChange:(e=null)=>(g(e),s(null),e&&"custom"!==e?"flex-grow"===e?(l({$$type:"number",value:1}),void o(null)):(l(null),void o({$$type:"number",value:1})):(l(null),void o(null))),items:Ne,exclusive:!0}))),"custom"===b&&a.createElement(Ye,null))))},Ye=()=>a.createElement(a.Fragment,null,a.createElement(ne,{bind:"flex-grow"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Grow","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.NumberControl,{min:0,shouldForceInt:!0})))),a.createElement(ne,{bind:"flex-shrink"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Shrink","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.NumberControl,{min:0,shouldForceInt:!0})))),a.createElement(ne,{bind:"flex-basis"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Basis","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},a.createElement(e.SizeControl,null))))),qe=({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,Ke=()=>a.createElement(c.Stack,{gap:1},a.createElement(ne,{bind:"gap"},a.createElement(e.GapControl,{label:(0,m.__)("Gaps","elementor")}))),Xe=(0,c.withDirection)(u.JustifyTopIcon),Ze=(0,c.withDirection)(u.JustifyBottomIcon),Qe={isClockwise:!0,offset:-90},et=[{value:"start",label:(0,m.__)("Start","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:Xe,size:e,...Qe}),showTooltip:!0},{value:"center",label:(0,m.__)("Center","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.JustifyCenterIcon,size:e,...Qe}),showTooltip:!0},{value:"end",label:(0,m.__)("End","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:Ze,size:e,...Qe}),showTooltip:!0},{value:"space-between",label:(0,m.__)("Space between","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.JustifySpaceBetweenVerticalIcon,size:e,...Qe}),showTooltip:!0},{value:"space-around",label:(0,m.__)("Space around","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.JustifySpaceAroundVerticalIcon,size:e,...Qe}),showTooltip:!0},{value:"space-evenly",label:(0,m.__)("Space evenly","elementor"),renderContent:({size:e})=>a.createElement(Se,{icon:u.JustifyDistributeVerticalIcon,size:e,...Qe}),showTooltip:!0}],tt=()=>{const{isSiteRtl:t}=ye();return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(ne,{bind:"justify-content"},a.createElement(c.Stack,{gap:1},a.createElement(e.ControlLabel,null,(0,m.__)("Justify content","elementor")),a.createElement(e.ToggleControl,{options:et,fullWidth:!0})))))},nt=[{value:"nowrap",label:(0,m.__)("No wrap","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,m.__)("Wrap","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,m.__)("Reversed wrap","elementor"),renderContent:({size:e})=>a.createElement(u.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],lt=()=>{const{isSiteRtl:t}=ye();return a.createElement(c.DirectionProvider,{rtl:t},a.createElement(c.ThemeProvider,null,a.createElement(ne,{bind:"flex-wrap"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Wrap","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},a.createElement(e.ToggleControl,{options:nt}))))))},rt=()=>{const[e]=te("display");return a.createElement(c.Stack,{gap:2},a.createElement(Re,null),"flex"===e?.value&&a.createElement(ot,null))},ot=()=>a.createElement(a.Fragment,null,a.createElement(Ae,null),a.createElement(tt,null),a.createElement(Pe,null),a.createElement(c.Divider,null),a.createElement(Ke,null),a.createElement(lt,null),a.createElement(c.Divider,null),a.createElement(e.ControlLabel,null,(0,m.__)("Flex child","elementor")),a.createElement(De,null),a.createElement(Ue,null),a.createElement(Je,null)),at=()=>{const{element:e}=x(),t=`elementor/editor-editing-panel/prop-value-history/${e.id}`,n=(0,a.useCallback)((()=>(0,d.getSessionStorageItem)(t)),[t]),l=(0,a.useCallback)((e=>{const t=n();return t?.[e]??null}),[n]),r=(0,a.useCallback)(((e,l)=>{const r={...n(),[e]:l};(0,d.setSessionStorageItem)(t,r)}),[n,t]),o=(0,a.useCallback)((e=>{const l=n(),r=Object.fromEntries(Object.entries(l||{}).filter((([t])=>t!==e)));(0,d.setSessionStorageItem)(t,r)}),[n,t]);return(0,a.useMemo)((()=>({getPropValue:l,setPropValue:r,removeProp:o})),[l,o,r])},it={left:a.createElement(u.SideLeftIcon,{fontSize:"tiny"}),right:a.createElement(u.SideRightIcon,{fontSize:"tiny"}),top:a.createElement(u.SideTopIcon,{fontSize:"tiny"}),bottom:a.createElement(u.SideBottomIcon,{fontSize:"tiny"})},ct=()=>a.createElement(a.Fragment,null,a.createElement(c.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},a.createElement(mt,{side:"top",label:(0,m.__)("Top","elementor")}),a.createElement(mt,{side:"right",label:(0,m.__)("Right","elementor")})),a.createElement(c.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},a.createElement(mt,{side:"bottom",label:(0,m.__)("Bottom","elementor")}),a.createElement(mt,{side:"left",label:(0,m.__)("Left","elementor")}))),mt=({side:t,label:n})=>a.createElement(c.Grid,{container:!0,gap:1,alignItems:"center"},a.createElement(c.Grid,{item:!0,xs:12},a.createElement(e.ControlLabel,null,n)),a.createElement(c.Grid,{item:!0,xs:12},a.createElement(ne,{bind:t},a.createElement(e.SizeControl,{startIcon:it[t]})))),st=[{label:(0,m.__)("Static","elementor"),value:"static"},{label:(0,m.__)("Relative","elementor"),value:"relative"},{label:(0,m.__)("Absolute","elementor"),value:"absolute"},{label:(0,m.__)("Fixed","elementor"),value:"fixed"}],ut=()=>a.createElement(ne,{bind:"position"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Position","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SelectControl,{options:st})))),dt=()=>a.createElement(ne,{bind:"z-index"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Z-Index","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.NumberControl,null)))),pt=["top","bottom","left","right"],Et=()=>{const[e]=te("position");bt();const t=e&&"static"!==e?.value;return a.createElement(c.Stack,{gap:1.5},a.createElement(ut,null),t?a.createElement(a.Fragment,null,a.createElement(ct,null),a.createElement(dt,null)):null)},bt=()=>{const e=(e=>{const{element:t}=x(),{id:n,meta:l}=M(),{getPropValue:r,setPropValue:o,removeProp:c}=at(),m=n?(0,i.getElementStyles)(t.id)?.[n]:null,s=m?(0,i.getVariantByMeta)(m,l):null,u=`${n}-${s?.meta.breakpoint}-${s?.meta.state}`,d=(0,a.useCallback)((()=>{e.forEach((e=>{const t=s?.props[e];t&&o(`${u}-${e}`,t)}))}),[e,o,s?.props,u]),p=(0,a.useCallback)((()=>{const o=e.reduce(((e,t)=>{const n=`${u}-${t}`,l=r(n);return l?(c(n),{...e,[t]:l}):e}),{});Object.keys(o).length&&(0,i.updateStyle)({elementID:t.id,styleDefID:n,meta:l,props:o,bind:"classes"})}),[t.id,r,l,e,c,n,u]),E=(0,a.useCallback)((()=>{const r=e.reduce(((e,t)=>({...e,[t]:void 0})),{});(0,i.updateStyle)({elementID:t.id,styleDefID:n,meta:l,props:r,bind:"classes"})}),[t.id,l,e,n]);return(0,a.useMemo)((()=>({saveStylePropsHistory:d,updateStylePropsFromHistory:p,clearCurrentStyleProps:E})),[d,p,E])})(pt),t=(0,a.useCallback)(((t,n)=>{if(!e)return;const{saveStylePropsHistory:l,updateStylePropsFromHistory:r,clearCurrentStyleProps:o}=e;"static"===t?(l(),o()):"static"===n&&r(),n=t}),[e]),[,,n]=te("position");n?.(t)},gt=[{value:"visible",label:(0,m.__)("Visible","elementor"),renderContent:({size:e})=>a.createElement(u.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,m.__)("Hidden","elementor"),renderContent:({size:e})=>a.createElement(u.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,m.__)("Auto","elementor"),renderContent:({size:e})=>a.createElement(u.ExpandBottomIcon,{fontSize:e}),showTooltip:!0}],ft=()=>a.createElement(ne,{bind:"overflow"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Overflow","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},a.createElement(e.ToggleControl,{options:gt})))),_t=()=>a.createElement(c.Stack,{gap:1.5},a.createElement(c.Grid,{container:!0,gap:2,flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(vt,{bind:"width",label:(0,m.__)("Width","elementor")})),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(vt,{bind:"height",label:(0,m.__)("Height","elementor")}))),a.createElement(c.Grid,{container:!0,gap:2,flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(vt,{bind:"min-width",label:(0,m.__)("Min. Width","elementor")})),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(vt,{bind:"min-height",label:(0,m.__)("Min. Height","elementor")}))),a.createElement(c.Grid,{container:!0,gap:2,flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(vt,{bind:"max-width",label:(0,m.__)("Max. Width","elementor")})),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(vt,{bind:"max-height",label:(0,m.__)("Max. Height","elementor")}))),a.createElement(c.Divider,null),a.createElement(c.Stack,null,a.createElement(ft,null))),vt=({label:t,bind:n})=>a.createElement(ne,{bind:n},a.createElement(c.Grid,{container:!0,gap:1,alignItems:"center"},a.createElement(c.Grid,{item:!0,xs:12},a.createElement(e.ControlLabel,null,t)),a.createElement(c.Grid,{item:!0,xs:12},a.createElement(e.SizeControl,null)))),yt=()=>a.createElement(c.Stack,{gap:1.5},a.createElement(ne,{bind:"padding"},a.createElement(e.LinkedDimensionsControl,{label:(0,m.__)("Padding","elementor")})),a.createElement(c.Divider,null),a.createElement(ne,{bind:"margin"},a.createElement(e.LinkedDimensionsControl,{label:(0,m.__)("Margin","elementor")}))),xt=({children:e,defaultOpen:t=!1})=>{const[n,l]=(0,a.useState)(t);return a.createElement(c.Stack,{sx:{py:.5}},a.createElement(c.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{l((e=>!e))},endIcon:a.createElement(B,{open:n})},n?(0,m.__)("Show less","elementor"):(0,m.__)("Show more","elementor")),a.createElement(c.Collapse,{in:n,timeout:"auto",unmountOnExit:!0},e))},ht=()=>{const t=St();return t?a.createElement(ne,{bind:"font-family"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Font Family","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.FontFamilyControl,{fontFamilies:t})))):null},St=()=>{const{controls:e}=(()=>{const e=window;return e.elementor?.config??{}})(),t=e?.font?.options;return t||null},Ct=()=>a.createElement(ne,{bind:"font-size"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Font Size","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SizeControl,null)))),wt=[{label:(0,m.__)("Light - 400","elementor"),value:"400"},{label:(0,m.__)("Regular - 500","elementor"),value:"500"},{label:(0,m.__)("Semi Bold - 600","elementor"),value:"600"},{label:(0,m.__)("Bold - 700","elementor"),value:"700"},{label:(0,m.__)("Black - 900","elementor"),value:"900"}],It=()=>a.createElement(ne,{bind:"font-weight"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Font Weight","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SelectControl,{options:wt})))),zt=()=>a.createElement(ne,{bind:"letter-spacing"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Letter Spacing","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SizeControl,null)))),Tt=()=>a.createElement(ne,{bind:"line-height"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Line Height","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SizeControl,null)))),Pt=[{value:"left",label:(0,m.__)("Left","elementor"),renderContent:({size:e})=>a.createElement(u.AlignLeftIcon,{fontSize:e})},{value:"center",label:(0,m.__)("Center","elementor"),renderContent:({size:e})=>a.createElement(u.AlignCenterIcon,{fontSize:e})},{value:"right",label:(0,m.__)("Right","elementor"),renderContent:({size:e})=>a.createElement(u.AlignRightIcon,{fontSize:e})},{value:"justify",label:(0,m.__)("Justify","elementor"),renderContent:({size:e})=>a.createElement(u.AlignJustifiedIcon,{fontSize:e})}],kt=()=>a.createElement(ne,{bind:"text-align"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Alignment","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},a.createElement(e.ToggleControl,{options:Pt})))),Gt=()=>a.createElement(ne,{bind:"color"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Text Color","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ColorControl,null)))),Lt=[{value:"ltr",label:(0,m.__)("Left to Right","elementor"),renderContent:({size:e})=>a.createElement(u.TextDirectionLtrIcon,{fontSize:e})},{value:"rtl",label:(0,m.__)("Right to Left","elementor"),renderContent:({size:e})=>a.createElement(u.TextDirectionRtlIcon,{fontSize:e})}],Bt=()=>a.createElement(ne,{bind:"direction"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Direction","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},a.createElement(e.ToggleControl,{options:Lt})))),Dt={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},Rt=()=>{const[t,n]=te("-webkit-text-stroke"),l=Boolean(t);return a.createElement(ae,{label:(0,m.__)("Text Stroke","elementor"),isAdded:l,onAdd:()=>{n(Dt)},onRemove:()=>{n(null)}},a.createElement(ne,{bind:"-webkit-text-stroke"},a.createElement(e.StrokeControl,null)))},Wt="tiny",At=()=>{const[t,n]=te("font-style"),[l,r]=te("text-decoration"),o=[t?.value,...(l?.value||"").split(" ")],i=e=>{if(null===e)return r(null);r({$$type:"string",value:e})};return a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Style","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},a.createElement(c.ToggleButtonGroup,{value:o},a.createElement(Ft,{value:"italic",onChange:e=>(e=>{if(null===e)return n(null);n({$$type:"string",value:e})})(t?.value===e?null:e),"aria-label":"italic",sx:{marginLeft:"auto"}},a.createElement(u.ItalicIcon,{fontSize:Wt})),a.createElement(Vt,{value:"line-through",currentValues:l?.value||"",updateValues:i,"aria-label":"line-through"},a.createElement(u.StrikethroughIcon,{fontSize:Wt})),a.createElement(Vt,{value:"underline",currentValues:l?.value||"",updateValues:i,"aria-label":"underline"},a.createElement(u.UnderlineIcon,{fontSize:Wt})))))},Vt=({children:e,value:t,currentValues:n,updateValues:l,"aria-label":r})=>{const o=n.split(" ").filter(Boolean),i=o.includes(t);return a.createElement(Ft,{value:t,onChange:e=>{l(i?o.filter((t=>t!==e)).join(" ")||null:[...o,e].join(" "))},selected:i,"aria-label":r},e)},Ft=({onChange:e,...t})=>a.createElement(c.ToggleButton,{...t,onChange:(t,n)=>{e(n)},size:Wt}),Ot=[{value:"capitalize",label:(0,m.__)("Capitalize","elementor"),renderContent:({size:e})=>a.createElement(u.LetterCaseIcon,{fontSize:e})},{value:"uppercase",label:(0,m.__)("Uppercase","elementor"),renderContent:({size:e})=>a.createElement(u.LetterCaseUpperIcon,{fontSize:e})},{value:"lowercase",label:(0,m.__)("Lowercase","elementor"),renderContent:({size:e})=>a.createElement(u.LetterCaseLowerIcon,{fontSize:e})}],$t=()=>a.createElement(ne,{bind:"text-transform"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Transform","elementor"))),a.createElement(c.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},a.createElement(e.ToggleControl,{options:Ot})))),jt=()=>a.createElement(ne,{bind:"word-spacing"},a.createElement(c.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.ControlLabel,null,(0,m.__)("Word Spacing","elementor"))),a.createElement(c.Grid,{item:!0,xs:6},a.createElement(e.SizeControl,null)))),Mt=()=>a.createElement(c.Stack,{gap:1.5},a.createElement(ht,null),a.createElement(It,null),a.createElement(Ct,null),a.createElement(c.Divider,null),a.createElement(kt,null),a.createElement(Gt,null),a.createElement(xt,null,a.createElement(c.Stack,{gap:1.5,sx:{pt:1.5}},a.createElement(Tt,null),a.createElement(zt,null),a.createElement(jt,null),a.createElement(c.Divider,null),a.createElement(At,null),a.createElement($t,null),a.createElement(Bt,null),a.createElement(Rt,null)))),Ut=()=>{const e=function(){const{elementType:e}=x(),t=Object.entries(e.propsSchema).find((([,e])=>"array"===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,a.useState)(null),l=function(e){const{element:t}=x(),n=(0,i.useElementSetting)(t.id,e)?.value||[],l=(0,i.useElementStyles)(t.id);return Object.values(l).find((e=>n.includes(e.id)))}(e);return[t||l?.id||null,n]}(e),l=(0,p.useActiveBreakpoint)();return a.createElement(F,{prop:e},a.createElement(j,{meta:{breakpoint:l,state:null},id:t,setId:n},a.createElement(ee,null),a.createElement(c.Divider,null),a.createElement(R,null,a.createElement(D,{title:(0,m.__)("Layout","elementor")},a.createElement(rt,null)),a.createElement(D,{title:(0,m.__)("Spacing","elementor")},a.createElement(yt,null)),a.createElement(D,{title:(0,m.__)("Size","elementor")},a.createElement(_t,null)),a.createElement(D,{title:(0,m.__)("Position","elementor")},a.createElement(Et,null)),a.createElement(D,{title:(0,m.__)("Typography","elementor")},a.createElement(Mt,null)),a.createElement(D,{title:(0,m.__)("Background","elementor")},a.createElement(re,null)),a.createElement(D,{title:(0,m.__)("Border","elementor")},a.createElement(_e,null)),a.createElement(D,{title:(0,m.__)("Effects","elementor")},a.createElement(ve,null)))))},Ht=()=>{const{element:e}=x(),{getTabProps:t,getTabPanelProps:n,getTabsProps:l}=(0,c.useTabs)("settings");return a.createElement(a.Fragment,{key:e.id},a.createElement(c.Stack,{direction:"column",sx:{width:"100%"}},a.createElement(c.Tabs,{variant:"fullWidth",indicatorColor:"secondary",textColor:"inherit",...l()},a.createElement(c.Tab,{label:(0,m.__)("General","elementor"),...t("settings")}),a.createElement(c.Tab,{label:(0,m.__)("Style","elementor"),...t("style")})),a.createElement(c.Divider,null),a.createElement(c.TabPanel,{...n("settings"),disablePadding:!0},a.createElement(W,null)),a.createElement(c.TabPanel,{...n("style"),disablePadding:!0},a.createElement(Ut,null))))},{useMenuItems:Nt}=S,{panel:Jt,usePanelActions:Yt,usePanelStatus:qt}=(0,r.__createPanel)({id:"editing-panel",component:()=>{const{element:t,elementType:n}=(0,i.useSelectedElement)(),l=_(),o=Nt().default;if(!t||!n)return null;const s=(0,m.__)("Edit %s","elementor").replace("%s",n.title);return a.createElement(c.ErrorBoundary,{fallback:a.createElement(C,null)},a.createElement(r.Panel,null,a.createElement(r.PanelHeader,null,a.createElement(r.PanelHeaderTitle,null,s)),a.createElement(r.PanelBody,null,a.createElement(e.ControlActionsProvider,{items:o},a.createElement(e.ControlReplacementProvider,{...l},a.createElement(y,{element:t,elementType:n},a.createElement(Ht,null)))))))}}),Kt=()=>{const e=(0,i.getSelectedElements)(),t=(0,i.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},Xt=()=>{const{atomicDynamicTags:e}=(()=>{const e=window;return e.elementor?.config??{}})();return e?{tags:e.tags,groups:e.groups}:null},Zt="dynamic",Qt=e=>{const t="union"===e.kind&&e.prop_types[Zt];return t&&t.key===Zt?t:null},en=(0,E.createPropUtils)(Zt,g.z.strictObject({name:g.z.string(),settings:g.z.record(g.z.any()).optional()})),tn=e=>{let t=[];const{elementType:n}=x(),l=n.propsSchema?.[e];if(l){const e=Qt(l);t=e?.settings.categories||[]}return(0,a.useMemo)((()=>nn(t)),[t.join()])},nn=e=>{const t=Xt();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)))))},ln=(e,t)=>{const n=tn(e);return(0,a.useMemo)((()=>n.find((e=>e.name===t))??null),[n,t])},rn=({bind:t,children:n})=>{const{value:l,setValue:r,bind:o}=(0,e.useBoundProp)(en),{name:i="",settings:c}=l??{},m=ln(o,i);if(!m)throw new Error(`Dynamic tag ${i} not found`);const s=m.props_schema[t]?.default,u=c?.[t]??s;return a.createElement(e.BoundPropProvider,{setValue:e=>{r({name:i,settings:{...c,[t]:(0,E.isTransformable)(e)?e.value:e}})},value:u,bind:t},n)},on="tiny",an=({onSelect:t})=>{const[n,l]=(0,a.useState)(""),{groups:r}=Xt()||{},{value:o}=(0,e.useBoundProp)(),{bind:i,value:s,setValue:d}=(0,e.useBoundProp)(en),{setPropValue:p}=at(),E=!!s,b=cn(i,n);return a.createElement(c.Stack,null,a.createElement(c.Box,{px:1.5,pb:1},a.createElement(c.TextField,{fullWidth:!0,size:on,value:n,onChange:e=>{l(e.target.value)},placeholder:(0,m.__)("Search dynamic tag","elementor"),InputProps:{startAdornment:a.createElement(c.InputAdornment,{position:"start"},a.createElement(u.SearchIcon,{fontSize:on}))}})),a.createElement(c.Divider,null),a.createElement(c.Box,{sx:{overflowY:"auto",height:260,width:220}},b.length>0?a.createElement(c.MenuList,{role:"listbox",tabIndex:0},b.map((([e,n],l)=>a.createElement(a.Fragment,{key:l},a.createElement(c.ListSubheader,{sx:{typography:"caption",color:"text.tertiary"}},r?.[e]?.title||e),n.map((({value:e,label:n})=>{const l=E&&e===s?.name;return a.createElement(c.MenuItem,{key:e,selected:l,autoFocus:l,sx:{typography:"caption"},onClick:()=>(e=>{E||p(i,o),d({name:e,settings:{}}),t?.()})(e)},n)})))))):a.createElement(c.Stack,{alignItems:"center",p:2.5,gap:1.5},a.createElement(u.PhotoIcon,{fontSize:"large"}),a.createElement(c.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,m.__)("Sorry, nothing matched","elementor"),a.createElement("br",null),"“",n,"”."),a.createElement(c.Typography,{align:"center",variant:"caption",color:"text.secondary"},a.createElement(c.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>l("")},(0,m.__)("Clear the filters","elementor"))," ",(0,m.__)("and try again.","elementor")))))},cn=(e,t)=>[...tn(e).reduce(((e,{name:n,label:l,group:r})=>l.toLowerCase().includes(t.trim().toLowerCase())?(e.has(r)||e.set(r,[]),e.get(r)?.push({label:l,value:n}),e):e),new Map)],mn="tiny",sn=()=>{const{setValue:t}=(0,e.useBoundProp)(),{bind:n,value:l}=(0,e.useBoundProp)(en),{getPropValue:r}=at(),{name:o=""}=l,i=(0,a.useId)(),s=(0,c.usePopupState)({variant:"popover",popupId:i}),d=ln(n,o);if(!d)throw new Error(`Dynamic tag ${o} not found`);return a.createElement(c.Box,null,a.createElement(c.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:d.label,startIcon:a.createElement(u.DatabaseIcon,{fontSize:mn}),...(0,c.bindTrigger)(s),actions:a.createElement(a.Fragment,null,a.createElement(un,{dynamicTag:d}),a.createElement(c.IconButton,{size:mn,onClick:()=>{const e=r(n);t(e??null)},"aria-label":(0,m.__)("Remove dynamic value","elementor")},a.createElement(u.XIcon,{fontSize:mn})))}),a.createElement(c.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,c.bindPopover)(s)},a.createElement(c.Stack,null,a.createElement(c.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},a.createElement(u.DatabaseIcon,{fontSize:mn,sx:{mr:.5}}),a.createElement(c.Typography,{variant:"subtitle2"},(0,m.__)("Dynamic Tags","elementor")),a.createElement(c.IconButton,{size:mn,sx:{ml:"auto"},onClick:s.close},a.createElement(u.XIcon,{fontSize:mn}))),a.createElement(an,{onSelect:s.close}))))},un=({dynamicTag:e})=>{const t=(0,a.useId)(),n=(0,c.usePopupState)({variant:"popover",popupId:t});return e.atomic_controls.length?a.createElement(a.Fragment,null,a.createElement(c.IconButton,{size:mn,...(0,c.bindTrigger)(n),"aria-label":(0,m.__)("Settings","elementor")},a.createElement(u.SettingsIcon,{fontSize:mn})),a.createElement(c.Popover,{disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,c.bindPopover)(n)},a.createElement(c.Paper,{component:c.Stack,sx:{minHeight:"300px",width:"220px"}},a.createElement(c.Stack,{direction:"row",alignItems:"center",px:1.5,pt:2,pb:1},a.createElement(u.DatabaseIcon,{fontSize:mn,sx:{mr:.5}}),a.createElement(c.Typography,{variant:"subtitle2"},e.label),a.createElement(c.IconButton,{sx:{ml:"auto"},size:mn,onClick:n.close},a.createElement(u.XIcon,{fontSize:mn}))),a.createElement(dn,{controls:e.atomic_controls})))):null},dn=({controls:e})=>{const t=e.filter((({type:e})=>"section"===e)),{getTabsProps:n,getTabProps:l,getTabPanelProps:r}=(0,c.useTabs)(0);return t.length?a.createElement(a.Fragment,null,a.createElement(c.Tabs,{indicatorColor:"secondary",textColor:"secondary",...n()},t.map((({value:e},t)=>a.createElement(c.Tab,{key:t,label:e.label,sx:{px:1,py:.5},...l(t)})))),a.createElement(c.Divider,null),t.map((({value:e},t)=>a.createElement(c.TabPanel,{key:t,sx:{flexGrow:1},...r(t)},a.createElement(c.Stack,{gap:1,px:2},e.items.map((e=>"control"===e.type?a.createElement(pn,{key:e.value.bind,control:e.value}):null))))))):null},pn=({control:t})=>I(t.type)?a.createElement(rn,{bind:t.bind},t.label?a.createElement(e.ControlLabel,null,t.label):null,a.createElement(T,{type:t.type,props:t.props})):null,En=()=>{const{bind:t}=(0,e.useBoundProp)(),{elementType:n}=x(),l=n.propsSchema[t],r=!!l&&(e=>!!Qt(e))(l);return{visible:r,icon:u.DatabaseIcon,title:(0,m.__)("Dynamic Tags","elementor"),popoverContent:({closePopover:e})=>a.createElement(an,{onSelect:e})}},{registerPopoverAction:bn}=S;(0,r.__registerPanel)(Jt),(0,o.__privateBlockDataCommand)({command:"panel/editor/open",condition:Kt}),(0,t.injectIntoLogic)({id:"editing-panel-hooks",component:()=>((()=>{const{open:e}=Yt();(0,a.useEffect)((()=>(0,o.__privateListenTo)((0,o.commandStartEvent)("panel/editor/open"),(()=>{Kt()&&e()}))),[])})(),(()=>{const{close:e}=Yt();(0,a.useEffect)((()=>(0,o.__privateListenTo)((0,o.commandStartEvent)("document/elements/delete"),(t=>{const n=(0,i.getSelectedElements)()[0],{container:l}=t?.args;l&&n&&(0,i.isElementInContainer)(n,l)&&Kt()&&e()}))),[])})(),null)}),f({component:sn,condition:({value:e})=>{return t=e,(0,E.isTransformable)(t)&&t.$$type===Zt;var t}}),bn({id:"dynamic-tags",useProps:En})}(),(window.elementorV2=window.elementorV2||{}).editorEditingPanel=l}();