/home/infinitibizsol/.trash/elementor/assets/js/packages/editor-controls/ Current File: /home/infinitibizsol/.trash/elementor/assets/js/packages/editor-controls/editor-controls.js
/*! For license information please see editor-controls.js.LICENSE.txt */
!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@elementor/wp-media":function(e){e.exports=window.elementorV2.wpMedia},"@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 a=t[l]={exports:{}};return e[l](a,a.exports,n),a.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,{BackgroundOverlayRepeaterControl:function(){return j},BoundPropProvider:function(){return u},BoxShadowRepeaterControl:function(){return $},ColorControl:function(){return T},ControlActionsProvider:function(){return f},ControlLabel:function(){return m},ControlReplacementProvider:function(){return d},ControlToggleButtonGroup:function(){return K},EqualUnequalSizesControl:function(){return ne},FontFamilyControl:function(){return ue},GapControl:function(){return ve},ImageControl:function(){return C},LinkControl:function(){return de},LinkedDimensionsControl:function(){return ae},NumberControl:function(){return ee},SelectControl:function(){return I},SizeControl:function(){return P},StrokeControl:function(){return B},TextAreaControl:function(){return w},TextControl:function(){return z},ToggleControl:function(){return Q},UrlControl:function(){return se},createControlReplacement:function(){return E},useBoundProp:function(){return s},useControlActions:function(){return b},useSyncExternalState:function(){return k}});var e=n("react"),t=n("@elementor/editor-props"),r=n("@elementor/ui"),a=n("@wordpress/i18n"),o=n("@elementor/icons"),i=n("@elementor/wp-media"),c=(0,e.createContext)(null),u=({children:t,value:n,setValue:l,bind:r})=>e.createElement(c.Provider,{value:{value:n,setValue:l,bind:r}},t);function s(t){const n=(0,e.useContext)(c);if(!n)throw new Error("useBoundProp must be used within a BoundPropProvider");if(!t)return n;const l=t.extract(n.value);return{...n,setValue:function(e,l){return null===e?n.setValue(null):n.setValue(t?.create(e,l))},value:l}}var m=({children:t})=>e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},t),p=(0,e.createContext)(void 0),d=({component:t,condition:n,children:l})=>e.createElement(p.Provider,{value:{component:t,condition:n}},l),E=()=>{let e;return{replaceControl:function({component:t,condition:n}){e={component:t,condition:n}},getControlReplacement:function(){return e}}};function v(t,{supportsReplacements:n=!0}={}){return l=>{const a=(()=>{const{value:t}=s(),n=(0,e.useContext)(p);let l=!1;try{l=!!n?.condition({value:t})&&!!n.component}catch{}return l?n?.component:void 0})();return a&&n?e.createElement(r.ErrorBoundary,{fallback:null},e.createElement(a,{...l})):e.createElement(r.ErrorBoundary,{fallback:null},e.createElement(t,{...l}))}}Symbol("control");var g=(0,e.createContext)(null),f=({children:t,items:n})=>e.createElement(g.Provider,{value:{items:n}},t),b=()=>{const t=(0,e.useContext)(g);if(!t)throw new Error("useControlActions must be used within a ControlActionsProvider");return t},h=(0,r.styled)("span")`
	display: contents;

	.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
		display: none;
	}
`;function y({children:t}){const{items:n}=b();if(0===n.length)return t;const l=n.map((({MenuItem:t,id:n})=>e.createElement(t,{key:n})));return e.createElement(h,null,e.createElement(r.UnstableFloatingActionBar,{actions:l},t))}var x=v((()=>{const{value:n,setValue:l}=s(t.imageSrcPropTypeUtil),{id:c,url:u}=n??{},{data:m,isFetching:p}=(0,i.useWpMediaAttachment)(c?.value||null),d=m?.url??u,{open:E}=(0,i.useWpMediaFrame)({types:["image"],multiple:!1,selected:c?.value||null,onSelect:e=>{l({id:{$$type:"image-attachment-id",value:e.id},url:null})}});return e.createElement(r.Card,{variant:"outlined"},e.createElement(r.CardMedia,{image:d,sx:{height:150}},p?e.createElement(r.Stack,{justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},e.createElement(r.CircularProgress,null)):null),e.createElement(r.CardOverlay,null,e.createElement(y,null,e.createElement(r.Stack,{gap:1},e.createElement(r.Button,{size:"tiny",color:"inherit",variant:"outlined",onClick:()=>E({mode:"browse"})},(0,a.__)("Select Image","elementor")),e.createElement(r.Button,{size:"tiny",variant:"text",color:"inherit",startIcon:e.createElement(o.UploadIcon,null),onClick:()=>E({mode:"upload"})},(0,a.__)("Upload Image","elementor"))))))})),I=v((({options:n})=>{const{value:l,setValue:a}=s(t.stringPropTypeUtil);return e.createElement(y,null,e.createElement(r.Select,{displayEmpty:!0,size:"tiny",value:l??"",onChange:e=>{a(e.target.value)},fullWidth:!0},n.map((({label:t,...n})=>e.createElement(r.MenuItem,{key:n.value,...n},t)))))})),C=v((n=>{const{value:l,setValue:o}=s(t.imagePropTypeUtil),{src:i,size:c}=l||{};return e.createElement(r.Stack,{gap:1.5},e.createElement(u,{value:i,setValue:e=>{o({src:e,size:c})},bind:"src"},e.createElement(x,null)),e.createElement(u,{value:c,setValue:e=>{o({src:i,size:e})},bind:"size"},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(m,null," ",(0,a.__)("Image Resolution","elementor"))),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(I,{options:n.sizes})))))})),z=v((({placeholder:n})=>{const{value:l,setValue:a}=s(t.stringPropTypeUtil);return e.createElement(y,null,e.createElement(r.TextField,{size:"tiny",fullWidth:!0,value:l,onChange:e=>a(e.target.value),placeholder:n}))})),w=v((({placeholder:n})=>{const{value:l,setValue:a}=s(t.stringPropTypeUtil);return e.createElement(y,null,e.createElement(r.TextField,{size:"tiny",multiline:!0,fullWidth:!0,rows:5,value:l,onChange:e=>{a(e.target.value)},placeholder:n}))})),S=(0,e.forwardRef)((({placeholder:t,type:n,value:l,onChange:a,endAdornment:o,startAdornment:i},c)=>e.createElement(r.TextField,{size:"tiny",fullWidth:!0,type:n,value:l,onChange:a,placeholder:t,InputProps:{endAdornment:o,startAdornment:i},ref:c}))),_=({options:t,onClick:n,value:l})=>{const a=(0,r.usePopupState)({variant:"popover",popupId:(0,e.useId)()});return e.createElement(r.InputAdornment,{position:"end"},e.createElement(r.Button,{size:"small",color:"inherit",sx:{font:"inherit",minWidth:"initial"},...(0,r.bindTrigger)(a)},l.toUpperCase()),e.createElement(r.Menu,{MenuListProps:{dense:!0},...(0,r.bindMenu)(a)},t.map(((l,o)=>e.createElement(r.MenuItem,{key:l,onClick:()=>(e=>{n(t[e]),a.close()})(o)},l.toUpperCase())))))},k=({external:t,setExternal:n,persistWhen:l,fallback:r})=>{function a(e,t){return e||r(t)}const[o,i]=(0,e.useState)(a(t,null));return(0,e.useEffect)((()=>{i((e=>a(t,e)))}),[t]),[o,e=>{const t=("function"==typeof e?e:()=>e)(o);var r;i(t),n(l(r=t)?r:null)}]},V=["px","%","em","rem","vw","vh"],P=v((({units:n=V,placeholder:l,startIcon:a})=>{const{value:o,setValue:i}=s(t.sizePropTypeUtil),[c,u]=k({external:o,setExternal:i,persistWhen:e=>!!e?.size||0===e?.size,fallback:e=>({unit:e?.unit||"px",size:NaN})});return e.createElement(y,null,e.createElement(S,{endAdornment:e.createElement(_,{options:n,onClick:e=>{u((t=>({size:t?.size??NaN,unit:e})))},value:c?.unit??"px"}),placeholder:l,startAdornment:a??e.createElement(r.InputAdornment,{position:"start"},a),type:"number",value:Number.isNaN(c?.size)?"":c?.size,onChange:e=>{const{value:t}=e.target;u((e=>({...e,size:t||"0"===t?parseFloat(t):NaN})))}}))})),T=v((n=>{const{value:l,setValue:a}=s(t.colorPropTypeUtil);return e.createElement(y,null,e.createElement(r.UnstableColorField,{size:"tiny",...n,value:l,onChange:e=>{a(e)},fullWidth:!0}))})),G=["px","em","rem"],B=v((()=>{const{value:n,setValue:l}=s(t.strokePropTypeUtil);return e.createElement(r.Stack,{gap:1.5},e.createElement(U,{bind:"width",label:(0,a.__)("Stroke Width","elementor"),value:n?.width,setValue:e=>{const t={...n,width:e};l(t)}},e.createElement(P,{units:G})),e.createElement(U,{bind:"color",label:(0,a.__)("Stroke Color","elementor"),value:n?.color,setValue:e=>{const t={...n,color:e};l(t)}},e.createElement(T,null)))})),U=({bind:t,value:n,setValue:l,label:a,children:o})=>e.createElement(u,{bind:t,value:n,setValue:l},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(m,null,a)),e.createElement(r.Grid,{item:!0,xs:6},o))),L="tiny",O=({label:t,itemSettings:n,values:l=[],setValues:i})=>e.createElement(r.Stack,null,e.createElement(r.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{pb:1}},e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},t),e.createElement(r.IconButton,{size:L,onClick:()=>{const e=structuredClone(n.initialValues);i([...l,e])},"aria-label":(0,a.__)("Add item","elementor")},e.createElement(o.PlusIcon,{fontSize:L}))),e.createElement(r.Stack,{gap:1},l.map(((t,r)=>e.createElement(W,{key:r,disabled:t.disabled,label:e.createElement(n.Label,{value:t}),startIcon:e.createElement(n.Icon,{value:t}),removeItem:()=>(e=>{i(l.filter(((t,n)=>n!==e)))})(r),duplicateItem:()=>(e=>{i([...l.slice(0,e),structuredClone(l[e]),...l.slice(e)])})(r),toggleDisableItem:()=>(e=>{i(l.map(((t,n)=>{if(n===e){const{disabled:e,...n}=t;return{...n,...e?{}:{disabled:!0}}}return t})))})(r)},(a=>e.createElement(n.Content,{...a,value:t,setValue:e=>i(l.map(((t,n)=>n===r?e:t)))}))))))),W=({label:t,disabled:n,startIcon:l,children:i,removeItem:c,duplicateItem:u,toggleDisableItem:s})=>{const m=(0,e.useId)(),p=(0,e.useRef)(null),[d,E]=(0,e.useState)(null),v=(0,r.usePopupState)({popupId:m,variant:"popover"}),g=(0,r.bindPopover)(v);return e.createElement(e.Fragment,null,e.createElement(r.UnstableTag,{label:t,showActionsOnHover:!0,ref:p,variant:"outlined","aria-label":(0,a.__)("Open item","elementor"),...(0,r.bindTrigger)(v),startIcon:l,actions:e.createElement(e.Fragment,null,e.createElement(r.IconButton,{size:L,onClick:u,"aria-label":(0,a.__)("Duplicate item","elementor")},e.createElement(o.CopyIcon,{fontSize:L})),e.createElement(r.IconButton,{size:L,onClick:s,"aria-label":n?(0,a.__)("Enable item","elementor"):(0,a.__)("Disable item","elementor")},n?e.createElement(o.EyeOffIcon,{fontSize:L}):e.createElement(o.EyeIcon,{fontSize:L})),e.createElement(r.IconButton,{size:L,onClick:c,"aria-label":(0,a.__)("Remove item","elementor")},e.createElement(o.XIcon,{fontSize:L})))}),e.createElement(r.Popover,{disablePortal:!0,slotProps:{paper:{ref:E,sx:{mt:.5,p:1,pt:1,width:p.current?.getBoundingClientRect().width}}},anchorOrigin:{vertical:"bottom",horizontal:"left"},...g},e.createElement(r.Box,{p:.5},i({anchorEl:d}))))},$=v((()=>{const{value:n,setValue:l}=s(t.boxShadowPropTypeUtil);return e.createElement(O,{values:n??[],setValues:e=>{l(e)},label:(0,a.__)("Box shadow","elementor"),itemSettings:{Icon:F,Label:N,Content:A,initialValues:R}})})),F=({value:t})=>e.createElement(r.UnstableColorIndicator,{size:"inherit",component:"span",value:t.value.color.value}),A=({value:t,setValue:n,anchorEl:l})=>{const o=e=>{n({$$type:"shadow",value:e})};return e.createElement(r.Stack,{gap:1.5},e.createElement(r.Grid,{container:!0,gap:2,flexWrap:"nowrap"},e.createElement(M,{bind:"color",value:t.value.color,label:(0,a.__)("Color","elementor"),setValue:e=>o({...t.value,color:e})},e.createElement(T,{slotProps:{colorPicker:{anchorEl:l,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-10}}}})),e.createElement(M,{bind:"position",value:t.value.position,label:(0,a.__)("Position","elementor"),setValue:e=>o({...t.value,position:e||null})},e.createElement(I,{options:[{label:(0,a.__)("Inset","elementor"),value:"inset"},{label:(0,a.__)("Outset","elementor"),value:""}]}))),e.createElement(r.Grid,{container:!0,gap:2,flexWrap:"nowrap"},e.createElement(M,{bind:"hOffset",label:(0,a.__)("Horizontal","elementor"),value:t.value.hOffset,setValue:e=>o({...t.value,hOffset:e})},e.createElement(P,null)),e.createElement(M,{bind:"vOffset",label:(0,a.__)("Vertical","elementor"),value:t.value.vOffset,setValue:e=>o({...t.value,vOffset:e})},e.createElement(P,null))),e.createElement(r.Grid,{container:!0,gap:2,flexWrap:"nowrap"},e.createElement(M,{bind:"blur",value:t.value.blur,label:(0,a.__)("Blur","elementor"),setValue:e=>o({...t.value,blur:e})},e.createElement(P,null)),e.createElement(M,{bind:"spread",label:(0,a.__)("Spread","elementor"),value:t.value.spread,setValue:e=>o({...t.value,spread:e})},e.createElement(P,null))))},M=({value:t,setValue:n,label:l,bind:a,children:o})=>e.createElement(u,{value:t,setValue:n,bind:a},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},l)),e.createElement(r.Grid,{item:!0,xs:12},o)))),N=({value:t})=>{const{position:n,hOffset:l,vOffset:r,blur:a,spread:o}=t.value,{size:i="",unit:c=""}=a?.value||{},{size:u="",unit:s=""}=o?.value||{},{size:m="unset",unit:p=""}=l?.value||{},{size:d="unset",unit:E=""}=r?.value||{},v=[m+p,d+E,i+c,u+s].join(" ");return e.createElement("span",{style:{textTransform:"capitalize"}},n??"outset",": ",v)},R={$$type:"shadow",value:{hOffset:{$$type:"size",value:{unit:"px",size:0}},vOffset:{$$type:"size",value:{unit:"px",size:0}},blur:{$$type:"size",value:{unit:"px",size:10}},spread:{$$type:"size",value:{unit:"px",size:0}},color:{$$type:"color",value:"rgba(0, 0, 0, 1)"},position:null}},j=v((()=>{const{value:n,setValue:l}=s(t.backgroundImagePropTypeUtil);return e.createElement(O,{values:n,setValues:e=>{l(e)},label:(0,a.__)("Overlay","elementor"),itemSettings:{Icon:D,Label:H,Content:q,initialValues:Y}})})),D=({value:t})=>e.createElement(r.UnstableColorIndicator,{size:"inherit",component:"span",value:t.value.color.value}),q=({value:t,setValue:n})=>e.createElement(r.Stack,{gap:1.5},e.createElement(X,{bind:"color",value:t.value.color,label:(0,a.__)("Color","elementor"),setValue:e=>{return l={...t.value,color:e},void n({$$type:"background-overlay",value:l});var l}},e.createElement(T,null))),X=({value:t,setValue:n,label:l,bind:a,children:o})=>e.createElement(u,{value:t,setValue:n,bind:a},e.createElement(r.Grid,{container:!0,spacing:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(r.Typography,{component:"label",variant:"caption",color:"text.secondary"},l)),e.createElement(r.Grid,{item:!0,xs:12},o))),H=({value:t})=>{const n=t.value.color.value;return e.createElement("span",null,n)},Y={$$type:"background-overlay",value:{color:{$$type:"color",value:"rgba(0, 0, 0, 0.2)"}}},J=(0,r.styled)(r.ToggleButtonGroup)`
	${({justify:e})=>`justify-content: ${e};`}
`,K=({justify:t="end",size:n="tiny",value:l,onChange:a,items:o,exclusive:i=!1,fullWidth:c=!1})=>{const u="rtl"===(0,r.useTheme)().direction;return e.createElement(J,{justify:t,value:l,onChange:(e,t)=>{a(t)},exclusive:i,sx:{direction:u?"rtl /* @noflip */":"ltr /* @noflip */"}},o.map((({label:t,value:l,renderContent:a,showTooltip:o})=>o?e.createElement(r.Tooltip,{key:l,title:t,disableFocusListener:!0,placement:"top"},e.createElement(r.ToggleButton,{value:l,"aria-label":t,size:n,fullWidth:c},e.createElement(a,{size:n}))):e.createElement(r.ToggleButton,{key:l,value:l,"aria-label":t,size:n,fullWidth:c},e.createElement(a,{size:n})))))},Q=v((({options:n,fullWidth:l=!1,size:r="tiny"})=>{const{value:a,setValue:o}=s(t.stringPropTypeUtil);return e.createElement(K,{items:n,value:a??null,onChange:e=>{o(e)},exclusive:!0,fullWidth:l,size:r})})),Z=e=>null==e||""===e||Number.isNaN(Number(e)),ee=v((({placeholder:n,max:l=Number.MAX_VALUE,min:a=-Number.MAX_VALUE,step:o=1,shouldForceInt:i=!1})=>{const{value:c,setValue:u}=s(t.numberPropTypeUtil);return e.createElement(y,null,e.createElement(r.TextField,{size:"tiny",type:"number",fullWidth:!0,value:Z(c)?"":c,onChange:e=>{const t=e.target.value;if(Z(t))return void u(null);const n=i?+parseInt(t):Number(t);u(Math.min(Math.max(n,a),l))},placeholder:n,inputProps:{step:o}}))})),te=(e,t)=>{if(e.length!==t.length)return!1;const[n,...l]=e;return l.every((e=>e.value?.size===n.value?.size&&e.value?.unit===n.value?.unit))};function ne({label:n,icon:l,items:a,multiSizePropTypeUtil:o}){const i=(0,e.useId)(),c=(0,e.useRef)(null),u=(0,r.usePopupState)({variant:"popover",popupId:i}),{value:p,setValue:d}=s(t.sizePropTypeUtil),{value:E,setValue:v}=s(o),g=()=>a.reduce(((e,n)=>({...e,[n.bind]:t.sizePropTypeUtil.create(p)})),{}),f=(e,t)=>{const n={...E??g(),[e.bind]:t};if(te(Object.values(n),a))return d(t?.value);v(n)};return e.createElement(e.Fragment,null,e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap",ref:c},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(m,null,n)),e.createElement(r.Grid,{item:!0,xs:6},e.createElement(re,{items:a,value:p,multiSizeValue:E,setValue:d,iconButton:e.createElement(r.ToggleButton,{size:"tiny",value:"check",sx:{marginLeft:"auto"},...(0,r.bindToggle)(u),selected:u.isOpen},l)}))),e.createElement(r.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...(0,r.bindPopover)(u),slotProps:{paper:{sx:{mt:.5,p:2,pt:1,width:c.current?.getBoundingClientRect().width}}}},e.createElement(r.Stack,{gap:1.5},e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(le,{item:a[0],value:E,setNestedProp:f,splitEqualValue:g}),e.createElement(le,{item:a[1],value:E,setNestedProp:f,splitEqualValue:g})),e.createElement(r.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},e.createElement(le,{item:a[3],value:E,setNestedProp:f,splitEqualValue:g}),e.createElement(le,{item:a[2],value:E,setNestedProp:f,splitEqualValue:g})))))}var le=({item:t,value:n,setNestedProp:l,splitEqualValue:a})=>e.createElement(u,{bind:"",setValue:e=>l(t,e),value:n?n?.[t.bind]??null:a()?.[t.bind]??null},e.createElement(r.Grid,{item:!0,xs:6},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,t.label)),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(P,{startIcon:t.icon}))))),re=({value:n,items:l,setValue:o,iconButton:i,multiSizeValue:c})=>e.createElement(u,{bind:"",setValue:e=>{o(e.value)},value:(()=>{if(n)return t.sizePropTypeUtil.create(n);const e=Object.values(c??{});return te(e,l)?t.sizePropTypeUtil.create(e[0].value):void 0})()??null},e.createElement(r.Stack,{direction:"row",alignItems:"center",gap:1},e.createElement(P,{placeholder:(0,a.__)("MIXED","elementor")}),i)),ae=v((({label:n})=>{const{value:l,setValue:i}=s(t.linkedDimensionsPropTypeUtil),{top:c,right:u,bottom:p,left:d,isLinked:E=!0}=l||{},v=(e,t)=>{i({isLinked:E,top:E?t:c,right:E?t:u,bottom:E?t:p,left:E?t:d,[e]:t})},g=E?o.LinkIcon:o.DetachIcon;return e.createElement(e.Fragment,null,e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(m,null,n),e.createElement(r.ToggleButton,{"aria-label":(0,a.__)("Link Inputs","elementor"),size:"tiny",value:"check",selected:E,sx:{marginLeft:"auto"},onChange:()=>{i({isLinked:!E,top:c,right:E?u:c,bottom:E?p:c,left:E?d:c})}},e.createElement(g,{fontSize:"tiny"}))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,(0,a.__)("Top","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(oe,{bind:"top",value:c,setValue:v,startIcon:e.createElement(o.SideTopIcon,{fontSize:"tiny"})}))),e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,(0,a.__)("Right","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(oe,{bind:"right",value:u,setValue:v,startIcon:e.createElement(o.SideRightIcon,{fontSize:"tiny"})})))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,(0,a.__)("Bottom","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(oe,{bind:"bottom",value:p,setValue:v,startIcon:e.createElement(o.SideBottomIcon,{fontSize:"tiny"})}))),e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,(0,a.__)("Left","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(oe,{bind:"left",value:d,setValue:v,startIcon:e.createElement(o.SideLeftIcon,{fontSize:"tiny"})})))))})),oe=({bind:t,startIcon:n,value:l,setValue:r})=>e.createElement(u,{setValue:e=>r(t,e),value:l,bind:t},e.createElement(P,{startIcon:n})),ie={system:(0,a.__)("System","elementor"),googlefonts:(0,a.__)("Google Fonts","elementor"),customfonts:(0,a.__)("Custom Fonts","elementor")},ce="tiny",ue=v((({fontFamilies:n})=>{const[l,i]=(0,e.useState)(""),{value:c,setValue:u}=s(t.stringPropTypeUtil),m=(0,e.useId)(),p=(0,r.usePopupState)({variant:"popover",popupId:m}),d=((e,t)=>[...Object.entries(e).reduce(((e,[n,l])=>{if(!n.toLowerCase().includes(t.trim().toLowerCase()))return e;const r=ie[l];if(r){const t=e.get(r);t?t.push(n):e.set(r,[n])}return e}),new Map)])(n,l);if(!d)return null;const E=()=>{i(""),p.close()};return e.createElement(e.Fragment,null,e.createElement(r.UnstableTag,{variant:"outlined",label:c,endIcon:e.createElement(o.ChevronDownIcon,{fontSize:"tiny"}),...(0,r.bindTrigger)(p),fullWidth:!0}),e.createElement(r.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,r.bindPopover)(p),onClose:E},e.createElement(r.Stack,null,e.createElement(r.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},e.createElement(o.EditIcon,{fontSize:ce,sx:{mr:.5}}),e.createElement(r.Typography,{variant:"subtitle2"},(0,a.__)("Font Family","elementor")),e.createElement(r.IconButton,{size:ce,sx:{ml:"auto"},onClick:E},e.createElement(o.XIcon,{fontSize:ce}))),e.createElement(r.Box,{px:1.5,pb:1},e.createElement(r.TextField,{fullWidth:!0,size:ce,value:l,placeholder:(0,a.__)("Search","elementor"),onChange:e=>{i(e.target.value)},InputProps:{startAdornment:e.createElement(r.InputAdornment,{position:"start"},e.createElement(o.SearchIcon,{fontSize:ce}))}})),e.createElement(r.Divider,null),e.createElement(r.Box,{sx:{overflowY:"auto",height:260,width:220}},d.length>0?e.createElement(r.MenuList,{role:"listbox",tabIndex:0},d.map((([t,n],l)=>e.createElement(e.Fragment,{key:l},e.createElement(r.ListSubheader,{sx:{typography:"caption",color:"text.tertiary"}},t),n.map((t=>{const n=t===c;return e.createElement(r.MenuItem,{key:t,selected:n,autoFocus:n,onClick:()=>{u(t),E()},sx:{typography:"caption"},style:{fontFamily:t}},t)})))))):e.createElement(r.Stack,{alignItems:"center",p:2.5,gap:1.5},e.createElement(o.PhotoIcon,{fontSize:"large"}),e.createElement(r.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,a.__)("Sorry, nothing matched","elementor"),e.createElement("br",null),"“",l,"”."),e.createElement(r.Typography,{align:"center",variant:"caption",color:"text.secondary"},e.createElement(r.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>i("")},(0,a.__)("Clear the filters","elementor"))," ",(0,a.__)("and try again.","elementor")))))))})),se=v((({placeholder:t})=>{const{value:n,setValue:l}=s();return e.createElement(y,null,e.createElement(r.TextField,{size:"tiny",fullWidth:!0,value:n?.value,onChange:e=>l({$$type:"url",value:e.target.value}),placeholder:t}))})),me="tiny",pe={$$type:"link",value:{enabled:!1,href:{$$type:"url",value:""},isTargetBlank:!1}},de=v((()=>{const{value:t=pe,setValue:n}=s(),{enabled:l,href:i,isTargetBlank:c}=t?.value||{},p=(e,l)=>{n({$$type:"link",value:{...t?.value??pe.value,[e]:l}})};return e.createElement(r.Stack,{gap:1.5},e.createElement(r.Divider,null),e.createElement(r.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"}},e.createElement(m,null,(0,a.__)("Link","elementor")),e.createElement(r.IconButton,{size:me,onClick:()=>p("enabled",!l)},l?e.createElement(o.MinusIcon,{fontSize:me}):e.createElement(o.PlusIcon,{fontSize:me}))),e.createElement(r.Collapse,{in:l,timeout:"auto",unmountOnExit:!0},e.createElement(r.Stack,{gap:1.5},e.createElement(u,{value:i,setValue:e=>p("href",e),bind:"href"},e.createElement(se,{placeholder:(0,a.__)("Paste URL or type","elementor")})),e.createElement(Ee,{value:c,onSwitch:()=>p("isTargetBlank",!c)}))))})),Ee=({value:t,onSwitch:n})=>e.createElement(r.Grid,{container:!0,alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},e.createElement(r.Grid,{item:!0},e.createElement(m,null,(0,a.__)("Open in new tab","elementor"))),e.createElement(r.Grid,{item:!0},e.createElement(r.Switch,{checked:t,onChange:n}))),ve=v((({label:n})=>{const{value:l,setValue:i}=s(t.gapPropTypeUtil),{column:c,row:p,isLinked:d=!0}=l||{},E=(e,t)=>{i({isLinked:d,column:d?t:c,row:d?t:p,[e]:t})},v=d?o.LinkIcon:o.DetachIcon;return e.createElement(e.Fragment,null,e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(m,null,n),e.createElement(r.ToggleButton,{"aria-label":(0,a.__)("Link Inputs","elementor"),size:"tiny",value:"check",selected:d,sx:{marginLeft:"auto"},onChange:()=>{i({isLinked:!d,column:c,row:d?p:c})}},e.createElement(v,{fontSize:"tiny"}))),e.createElement(r.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,(0,a.__)("Column","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(u,{setValue:e=>E("column",e),value:c,bind:"column"},e.createElement(P,null)))),e.createElement(r.Grid,{container:!0,gap:1,alignItems:"center"},e.createElement(r.Grid,{item:!0,xs:12},e.createElement(m,null,(0,a.__)("Row","elementor"))),e.createElement(r.Grid,{item:!0,xs:12},e.createElement(u,{setValue:e=>E("row",e),value:p,bind:"row"},e.createElement(P,null))))))}))}(),(window.elementorV2=window.elementorV2||{}).editorControls=l}();