Sid Gifari File Manager Pro v10.0.3

📂 / (Root) / home / orkouolp / web / orkofarms.com / wp-content / plugins / elementor / assets / js / packages / editor-variables

📍 /home/orkouolp/web/orkofarms.com/wp-content/plugins/elementor/assets/js/packages/editor-variables

✏️ Editing: editor-variables.min.js Writable

!function(){"use strict";var e={d:function(t,a){for(var n in a)e.o(a,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:a[n]})},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,{GLOBAL_VARIABLES_URI:function(){return Zt},Utils:function(){return za},VariablesManagerPanelEmbedded:function(){return Ne},getMenuActionsForVariable:function(){return G},hasVariable:function(){return oe},init:function(){return Aa},registerVariableType:function(){return M},registerVariableTypes:function(){return da},service:function(){return R},sizeVariablePropTypeUtil:function(){return ua}});var a=window.React,n=window.elementorV2.editorCurrentUser,r=window.elementorV2.editorPanels,l=window.elementorV2.editorUi,o=window.elementorV2.editorV1Adapters,i=window.elementorV2.icons,s=window.elementorV2.ui,c=window.wp.i18n,u=window.elementorV2.events;const p=({varType:e,controlPath:t,action:a})=>{const{dispatchEvent:n,config:r}=(0,u.getMixpanel)();if(!r?.names?.variables?.[a])return;const l=r.names.variables[a];n?.(l,{location:r?.locations?.variables||"",secondaryLocation:r?.secondaryLocations?.variablesPopover||"",trigger:r?.triggers?.click||"",var_type:e,control_path:t,action_type:l})},d=({action:e,varType:t,controlPath:a})=>{const{dispatchEvent:n,config:r}=(0,u.getMixpanel)();if(!r?.names?.variables?.[e])return;const l=r.names.variables[e],o={location:r?.locations?.variablesManager||"",trigger:r?.triggers?.click||"",action_type:l};t&&(o.var_type=t),a&&(o.style_control_path=a),n?.(l,o)},m=({variableLabel:e,action:t})=>{try{const{dispatchEvent:a,config:n}=(0,u.getMixpanel)();if(!n?.names?.variables?.variableSyncToV3)return;const r=n.names.variables.variableSyncToV3,l="sync"===t;a?.(r,{interaction_type:"click",target_type:e,target_name:l?"sync_to_v3":"unsync_to_v3",interaction_result:l?"var_is_synced_to_V3":"var_is_unsynced_from_V3",target_location:"widget_panel",location_l1:"var_manager",interaction_description:l?`user_synced_${e}_to_v3`:`user_unsync_${e}_from_v3`})}catch{}},b={MISSING_VARIABLE_NAME:(0,c.__)("Give your variable a name.","elementor"),MISSING_VARIABLE_VALUE:(0,c.__)("Add a value to complete your variable.","elementor"),INVALID_CHARACTERS:(0,c.__)("Use letters, numbers, dashes (-), or underscores (_) for the name.","elementor"),NO_NON_SPECIAL_CHARACTER:(0,c.__)("Names have to include at least one non-special character.","elementor"),VARIABLE_LABEL_MAX_LENGTH:(0,c.__)("Keep names up to 50 characters.","elementor"),DUPLICATED_LABEL:(0,c.__)("This variable name already exists. Please choose a unique name.","elementor"),UNEXPECTED_ERROR:(0,c.__)("There was a glitch. Try saving your variable again.","elementor"),BATCH:{DUPLICATED_LABELS:(e,t)=>(0,c.sprintf)((0,c.__)("We found %1$d duplicated %2$s.","elementor"),e,t),UNEXPECTED_ERROR:(0,c.__)("There was a glitch.","elementor"),DUPLICATED_LABEL_ACTION:(0,c.__)("Take me there","elementor"),DUPLICATED_LABEL_ACTION_MESSAGE:(0,c.__)("Please rename the variables.","elementor"),UNEXPECTED_ERROR_ACTION_MESSAGE:(0,c.__)("Try saving your variables again.","elementor")}},v=e=>{if("duplicated_label"===e?.response?.data?.code)return{field:"label",message:b.DUPLICATED_LABEL};if("batch_duplicated_label"===e?.response?.data?.code){const t=e?.response?.data?.data??{},a=Object.keys(t).length,n=1===a?"name":"names",r=Object.keys(t);return{field:"label",message:b.BATCH.DUPLICATED_LABELS(a,n),severity:"error",IconComponent:i.AlertTriangleFilledIcon,action:{label:b.BATCH.DUPLICATED_LABEL_ACTION,message:b.BATCH.DUPLICATED_LABEL_ACTION_MESSAGE,data:{duplicatedIds:r}}}}return"batch_operation_failed"===e?.response?.data?.code?{field:"label",message:b.BATCH.UNEXPECTED_ERROR,severity:"secondary",IconComponent:i.InfoCircleFilledIcon,action:{message:b.BATCH.UNEXPECTED_ERROR_ACTION_MESSAGE}}:void 0},g=(e,t)=>e.trim()?/^[a-zA-Z0-9_-]+$/.test(e)?/[a-zA-Z0-9]/.test(e)?50<e.length?b.VARIABLE_LABEL_MAX_LENGTH:Object.values(t??{}).some(t=>t.label===e)?b.DUPLICATED_LABEL:"":b.NO_NON_SPECIAL_CHARACTER:b.INVALID_CHARACTERS:b.MISSING_VARIABLE_NAME,y=e=>39<e.length?b.VARIABLE_LABEL_MAX_LENGTH:"",h=e=>e.trim()?"":b.MISSING_VARIABLE_VALUE;var f=window.elementorV2.editorCanvas;const E=(0,s.styled)(s.UnstableColorIndicator)(({theme:e})=>({borderRadius:e.shape.borderRadius/2+"px",marginRight:e.spacing(.25)}));var C=window.elementorV2.editorProps,_=window.elementorV2.schema;const w=(0,C.createPropUtils)("global-color-variable",_.z.string());var T=window.elementorV2.httpClient;const S="elementor/v1/variables",k=()=>`tmp-${Date.now().toString(36)}-${Math.random().toString(36).substring(2,8)}`,x=e=>e.startsWith("tmp-"),P="elementor-global-variables",I="elementor-global-variables-watermark",A="variables:updated",V="RW",O=(0,C.createPropUtils)("global-font-variable",_.z.string()),z=(()=>{const e={};let t;const a=(t,a)=>!(t in e)||e[t].label!==a.label||e[t].value!==a.value||!(e[t]?.deleted||!a?.deleted)||!(!e[t]?.deleted||a?.deleted),n=e=>{if(e)try{(0,o.enqueueFont)(e)}catch{}};return{subscribe:e=>(t=e,()=>{t=()=>{}}),update:r=>{(t=>{let r=!1;for(const[l,o]of Object.entries(t))a(l,o)&&(e[l]=o,o.type===O.key&&n(o.value),r=!0);return r})(r)&&"function"==typeof t&&t({...e})}}})(),L=new class{notifyChange(){window.dispatchEvent(new Event(A))}constructor(){this.state={watermark:-1,variables:{}}}load(){return this.state.watermark=parseInt(localStorage.getItem(I)||"-1"),this.state.variables=JSON.parse(localStorage.getItem(P)||"{}"),this.state.variables}fill(e,t){this.state.variables={},e&&Object.keys(e).length&&(this.state.variables=e),this.state.watermark=t,localStorage.setItem(I,this.state.watermark.toString()),localStorage.setItem(P,JSON.stringify(this.state.variables)),this.notifyChange()}add(e,t){this.load(),this.state.variables[e]=t,localStorage.setItem(P,JSON.stringify(this.state.variables)),this.notifyChange()}update(e,t){this.load(),this.state.variables[e]=t,localStorage.setItem(P,JSON.stringify(this.state.variables)),this.notifyChange()}watermark(e){this.state.watermark=e,localStorage.setItem(I,this.state.watermark.toString())}watermarkDiff(e,t){const a=t-this.state.watermark;return V===e?1!==a:"RO"===e&&0!==a}},R={variables:()=>L.load(),findIdByLabel(e){const t=Object.entries(this.variables()).find(([,t])=>t.label===e);if(!t)throw new Error(`Variable with label ${e} not found`);return t[0]},findVariableByLabel(e){return Object.values(this.variables()).find(t=>t.label===e)||null},getWatermark:()=>L.state.watermark,init:()=>R.load(),load:()=>(0,T.httpService)().get(S+"/list").then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{variables:t,watermark:a}=e;return L.fill(t,a),z.update(t),t}),create:({type:e,label:t,value:a})=>((e,t,a)=>(0,T.httpService)().post(S+"/create",{type:e,label:t,value:a}))(e,t,a).then(e=>{const{success:t,data:a}=e.data;if(!t){const e=a?.message||(0,c.__)("Unexpected response from server","elementor");throw new Error(e)}return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.add(n,r),z.update({[n]:r}),{id:n,variable:r}}),update:(e,{label:t,value:a,type:n})=>((e,t,a,n)=>(0,T.httpService)().put(S+"/update",{id:e,label:t,value:a,type:n}))(e,t,a,n).then(e=>{const{success:t,data:a}=e.data;if(!t){const e=a?.message||(0,c.__)("Unexpected response from server","elementor");throw new Error(e)}return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.update(n,r),z.update({[n]:r}),{id:n,variable:r}}),delete:e=>(e=>(0,T.httpService)().post(S+"/delete",{id:e}))(e).then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.update(n,r),z.update({[n]:r}),{id:n,variable:r}}),restore:(e,t,a,n)=>((e,t,a,n)=>{const r={id:e};return t&&(r.label=t),a&&(r.value=a),n&&(r.type=n),(0,T.httpService)().post(S+"/restore",r)})(e,t,a,n).then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.update(n,r),z.update({[n]:r}),{id:n,variable:r}}),batchSave:(e,t,a)=>{const n=((e,t,a)=>{const n=[];return Object.entries(t).forEach(([t,a])=>{if(x(t))n.push({type:"create",variable:{...a,id:t}});else if(e[t]){const r=e[t],l=r.sync_to_v3!==a.sync_to_v3;r.deleted&&!a.deleted?n.push({type:"restore",id:t,...r.label!==a.label&&{label:a.label},...r.value!==a.value&&{value:a.value}}):a.deleted||r.label===a.label&&r.value===a.value&&r.order===a.order&&r.type===a.type&&!l||n.push({type:"update",id:t,variable:{...r.label!==a.label&&{label:a.label},...r.value!==a.value&&{value:a.value},...r.order!==a.order&&{order:a.order},...r.type!==a.type&&{type:a.type},...l&&{sync_to_v3:a.sync_to_v3}}})}}),a.forEach(e=>{n.push({type:"delete",id:e})}),n.filter(e=>{const a=e.id||e.variable?.id;return a&&!(x(a)&&t[a]?.deleted)})})(e,t,a),r={operations:n,watermark:L.state.watermark};return 0===n.length?Promise.resolve({success:!0,watermark:L.state.watermark,operations:0}):(l=r,(0,T.httpService)().post(S+"/batch",l)).then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{results:t,watermark:a}=e;return D(V,a),t&&t.forEach(e=>{const t=e.id;e.variable&&("create"===e.type?L.add(t,e.variable):L.update(t,e.variable),z.update({[t]:e.variable}))}),{success:!0,watermark:a,operations:n.length}});var l}},D=(e,t)=>{L.watermarkDiff(e,t)&&setTimeout(()=>R.load(),500),L.watermark(t)},U=(e,t)=>{let a=e,n="";if(t&&(n=t.value),t&&!t.deleted&&(a=t.label),!a.trim())return null;const r=`--${a}`;return n.trim()?`var(${r}, ${n})`:`var(${r})`},F=(0,f.createTransformer)(e=>{const t=R.variables()[e];if(!t)return a.createElement("span",null,(0,c.__)("Missing variable","elementor"));const n=t.type===w.key,r=U(e,t);return a.createElement(s.Stack,{direction:"row",spacing:.5,sx:{paddingInline:"1px"},alignItems:"center"},n&&a.createElement(E,{size:"inherit",value:t.value}),a.createElement(s.Typography,{variant:"caption",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},r))}),B=(0,f.createTransformer)(e=>{const t=R.variables()[e]||R.findVariableByLabel(e);if(!t)return null;const a=R.findIdByLabel(t.label);return U(a,t)}),{registerVariableType:M,getVariableType:j,getVariableTypes:N,hasVariableType:$}=function(){const e={};return{registerVariableType:({key:t,icon:a,startIcon:n,valueField:r,propTypeUtil:l,variableType:o,defaultValue:i,selectionFilter:s,valueTransformer:c,styleTransformer:u,fallbackPropTypeUtil:p,isCompatible:d,emptyState:m,isActive:b=!0,menuActionsFactory:v})=>{const g=t??l.key;d||(d=(e,t)=>"union"===e.kind&&t.type in e.prop_types),e[g]={icon:a,startIcon:n,valueField:r,propTypeUtil:l,variableType:o,defaultValue:i,selectionFilter:s,valueTransformer:c,fallbackPropTypeUtil:p,isCompatible:d,emptyState:m,isActive:b,menuActionsFactory:v},((e,t)=>{f.styleTransformersRegistry.register(e,t??B)})(l.key,u),(e=>{f.stylesInheritanceTransformersRegistry.register(e,F)})(l.key)},getVariableType:t=>e[t],getVariableTypes:()=>e,hasVariableType:t=>t in e&&!!e[t].isActive}}();function G(e,t){const a=j(e);return a?.menuActionsFactory?a.menuActionsFactory(t):[]}const H=({open:e,label:t,closeDialog:n,onConfirm:r})=>a.createElement(l.ConfirmationDialog,{open:e,onClose:n},a.createElement(l.ConfirmationDialog.Title,null,(0,c.__)("Delete this variable?","elementor")),a.createElement(l.ConfirmationDialog.Content,null,a.createElement(l.ConfirmationDialog.ContentText,null,(0,c.__)("All elements using","elementor")," ",a.createElement(s.Typography,{variant:"subtitle2",component:"span",sx:{lineBreak:"anywhere"}},t)," ",(0,c.__)("will keep their current values, but the variable itself will be removed.","elementor"))),a.createElement(l.ConfirmationDialog.Actions,{onClose:n,onConfirm:r})),W=()=>{const{canUser:e,isAdmin:t}=(0,n.useCurrentUserCapabilities)();return{canAssign:()=>e("edit_posts"),canUnlink:()=>e("edit_posts"),canAdd:()=>t,canDelete:()=>t,canEdit:()=>t,canRestore:()=>t,canManageSettings:()=>t}},K=({icon:e,title:t,message:n,onAdd:r,children:l})=>{const o=W().canAdd(),i=o?t:(0,c.__)("There are no variables","elementor"),u=o?n:(0,c.__)("With your current role, you can only connect and detach variables.","elementor");return a.createElement(q,{title:i,message:u,icon:e},l||r&&a.createElement(s.Button,{variant:"outlined",color:"secondary",size:"small",onClick:r},(0,c.__)("Create a variable","elementor")))};function q({title:e,message:t,icon:n,children:r}){return a.createElement(s.Stack,{gap:1,alignItems:"center",justifyContent:"flex-start",height:"100%",color:"text.secondary",sx:{p:2.5,pt:8,pb:5.5}},n,a.createElement(s.Typography,{align:"center",variant:"subtitle2"},e),a.createElement(s.Typography,{align:"center",variant:"caption",maxWidth:"180px"},t),r)}const X=({searchValue:e,onClear:t,icon:n})=>a.createElement(s.Stack,{gap:1,alignItems:"center",justifyContent:"center",p:2.5,color:"text.secondary",sx:{pb:3.5,pt:8}},n,a.createElement(s.Typography,{align:"center",variant:"subtitle2"},(0,c.__)("Sorry, nothing matched","elementor"),a.createElement("br",null),"“",e,"”."),a.createElement(s.Typography,{align:"center",variant:"caption",sx:{display:"flex",flexDirection:"column"}},(0,c.__)("Try something else.","elementor"),a.createElement(s.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,c.__)("Clear & try again","elementor")))),J=()=>{const[e,t]=(0,a.useState)(void 0);return{autoEditVariableId:e,startAutoEdit:(0,a.useCallback)(e=>{t(e)},[]),handleAutoEditComplete:(0,a.useCallback)(()=>{setTimeout(()=>{t(void 0)},100)},[])}},Y=()=>{const e=(0,a.useRef)(0);return{createNavigationCallback:(0,a.useCallback)((t,a,n)=>()=>{if(!t?.length)return;const r=e.current,l=t[r];if(l){a(l);const o=r+1;o>=t.length?(n(),e.current=0):e.current=o}},[]),resetNavigation:(0,a.useCallback)(()=>{e.current=0},[])}};var Q=window.elementorV2.editorControls;const Z=(0,a.createContext)(null);function ee({children:e,propTypeKey:t}){return a.createElement(Z.Provider,{value:t},e)}function te(){const e=(0,a.useContext)(Z);if(null===e)throw new Error("useVariableType must be used within a VariableTypeProvider");return j(e)}function ae(e,t){const a=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(a))}const ne=e=>Object.entries(e).map(([e,t])=>({key:e,...t})),re=({key:e,label:t,value:a,order:n,sync_to_v3:r})=>({key:e,label:t,value:a,order:n,sync_to_v3:r}),le=(e=!0)=>{const t=R.variables();return e?t:Object.fromEntries(Object.entries(t).filter(([,e])=>!e.deleted))},oe=e=>void 0!==le()[e],ie=e=>se(e);function se(e){const t=le();return t?.[e]?{...t[e],key:e}:null}const ce=e=>{const t=le(!1),a=(e=>{const t=[],a=N(),n=j(e);return Object.entries(a).forEach(([e,a])=>{n.variableType===a.variableType&&t.push(e)}),t})(e);return ne(t).filter(e=>a.includes(e.type)).map(re)},ue=({id:e})=>e,pe=(e,t,a,n)=>R.restore(e,t,a,n).then(ue),de="-Copy",me=(e,t)=>{const a=e+t;return a.length<=50?a:e.slice(0,50-t.length)+t},be=(e,t)=>{const a=new Set(t),n=me(e,de);if(!a.has(n))return n;for(let t=2;t<=a.size+1;t++){const n=me(e,`${de}-${t}`);if(!a.has(n))return n}return n},ve=()=>{const[e,t]=(0,a.useState)(()=>le(!1)),[n,r]=(0,a.useState)([]),[l,o]=(0,a.useState)(!1),[i,s]=(0,a.useState)(!1),[c,u]=(0,a.useState)(!1),[p,d]=(0,a.useState)("");(0,a.useEffect)(()=>{const e=()=>{t(le(!1)),r([]),s(!1)};return window.addEventListener(A,e),()=>{window.removeEventListener(A,e)}},[]);const m=(0,a.useCallback)(a=>{const n=Object.entries(a).some(([t,a])=>{const n=e[t];return!n||n.label!==a.label||n.value!==a.value||n.order!==a.order||n.type!==a.type||(n.sync_to_v3??!1)!==(a.sync_to_v3??!1)});n&&(t({...e,...a}),s(!0))},[e]),b=(0,a.useCallback)((e,a,n)=>{const r=k(),l={id:r,label:a.trim(),value:n.trim(),type:e};return t(e=>({...e,[r]:l})),s(!0),r},[]),v=(0,a.useCallback)(e=>{const a=k();return t(t=>{const n=t[e];if(!n||n.deleted)return t;const r=Object.values(t).filter(e=>!e.deleted).map(e=>e.label);return{...t,[a]:{label:be(n.label,r),value:n.value,type:n.type}}}),s(!0),a},[]),g=(0,a.useCallback)(e=>{r(t=>[...t,e]),t(t=>({...t,[e]:{...t[e],deleted:!0}})),s(!0)},[]),y=(0,a.useCallback)(e=>{t(t=>({...t,[e]:{...t[e],sync_to_v3:!0}})),s(!0)},[]),h=(0,a.useCallback)(e=>{t(t=>({...t,[e]:{...t[e],sync_to_v3:!1}})),s(!0)},[]),f=(0,a.useCallback)(async()=>{const a=le(!1);u(!0);const l=await R.batchSave(a,e,n);if(l.success){await R.load();const e=R.variables();t(e),r([]),s(!1)}return{success:l.success}},[e,n]),E=(0,a.useCallback)(()=>{const t=((e,t)=>{const a={};return e.forEach(e=>(a[e.type]??=[]).push(e)),Object.entries(a).flatMap(([e,a])=>{const n=t[e]?.selectionFilter,r=a.map(re);return(n?.(r)??r).map(t=>({...t,type:e}))})})(ne(e).filter(e=>!e.deleted),N()),a=ae(t,p);return Object.fromEntries(a.map(({key:e,...t})=>[e,t]))},[e,p]);return{variables:E(),deletedVariables:n,isDirty:i,isSaveDisabled:l,handleOnChange:m,createVariable:b,duplicateVariable:v,handleDeleteVariable:g,handleStartSync:y,handleStopSync:h,handleSave:f,isSaving:c,handleSearch:e=>{d(e)},searchValue:p,setIsSaving:u,setIsSaveDisabled:o}};var ge=window.elementorV2.utils;const ye=e=>{const t={...window.ElementorVariablesQuotaConfig??{},...window.ElementorVariablesQuotaConfigExtended??{}},a=void 0===t[e]&&window.elementorPro,n=t[e]||0,r=a||n>0;return{canAdd:()=>r,canEdit:()=>r}},he=(0,a.forwardRef)(({variableType:e,upgradeUrl:t,trackingData:n},r)=>{const[o,i]=(0,a.useState)(!1);(0,l.useCanvasClickHandler)(o,()=>i(!1));const u=(0,a.useCallback)(()=>{i(e=>(e||(0,Q.trackViewPromotion)(n),!e))},[n]);(0,a.useImperativeHandle)(r,()=>({toggle:u}),[u]);const p=(0,c.sprintf)((0,c.__)("%s variables","elementor"),(0,ge.capitalize)(e)),d=(0,c.sprintf)((0,c.__)("Upgrade to continue creating and editing %s variables.","elementor"),e);return a.createElement(l.PromotionPopover,{open:o,title:p,content:d,ctaText:(0,c.__)("Upgrade now","elementor"),ctaUrl:t,onClose:e=>{e.stopPropagation(),i(!1)},onCtaClick:()=>(0,Q.trackUpgradePromotionClick)(n)},a.createElement(s.Box,{onClick:e=>{e.stopPropagation(),u()},sx:{cursor:"pointer",display:"inline-flex"}},a.createElement(l.PromotionChip,null)))});function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},fe.apply(null,arguments)}const Ee={target_name:"variables_manager",target_location:"variables_manager",location_l1:"create variable menu"},Ce="tiny",_e=({variables:e,onCreate:t,menuState:n,outlinedTrigger:r=!1})=>{const l=(0,a.useRef)(null),o=N(),u=(0,a.useMemo)(()=>Object.entries(o).filter(([,e])=>!!e.defaultValue).map(([e,t])=>({key:e,propTypeKey:t.propTypeUtil.key,variableType:t.variableType,defaultValue:t.defaultValue||"",icon:t.icon})),[o]);return a.createElement(a.Fragment,null,a.createElement(s.IconButton,fe({},(0,s.bindTrigger)(n),{ref:l,size:Ce,variant:r?"outlined":void 0,"aria-label":(0,c.__)("Add variable","elementor")}),a.createElement(i.PlusIcon,{fontSize:Ce})),a.createElement(s.Menu,fe({disablePortal:!0,MenuListProps:{dense:!0},PaperProps:{elevation:6}},(0,s.bindMenu)(n),{anchorEl:l.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},"data-testid":"variable-manager-create-menu"}),u.map(r=>a.createElement(we,{key:r.key,config:r,variables:e,onCreate:t,onClose:n.close}))))},we=({config:e,variables:t,onCreate:n,onClose:r})=>{const l=(0,a.useRef)(null),o=ye(e.propTypeKey),i=(0,ge.capitalize)(e.variableType),c=!o.canAdd();return a.createElement(s.MenuItem,{onClick:()=>{if(c)return void l.current?.toggle();const a=Te(t,e.variableType);n(e.key,a,e.defaultValue),d({action:"add",varType:e.variableType}),r()},sx:{gap:1.5,cursor:"pointer"}},(0,a.createElement)(e.icon,{fontSize:Ce,color:c?"disabled":"action"}),a.createElement(s.Typography,{variant:"caption",color:c?"text.disabled":"text.primary"},i),c&&a.createElement(he,{variableType:e.variableType,upgradeUrl:`https://go.elementor.com/go-pro-manager-${e.variableType}-variable/`,ref:l,trackingData:Ee}))},Te=(e,t)=>{const a=new RegExp(`^${t}-(\\d+)$`,"i"),n=new Set;Object.values(e).forEach(e=>{const t=e.label.match(a);t&&n.add(parseInt(t[1],10))});let r=1;for(;n.has(r);)r++;return`${t}-${r}`},Se=({children:e,isHeader:t,width:n,maxWidth:r,align:l,noPadding:o,sx:i})=>{const c={maxWidth:r??150,cursor:"initial",typography:"caption",...t&&{color:"text.primary",fontWeight:"bold"},...t&&!o&&{padding:"10px 16px"},...n&&{width:n},...i};return a.createElement(s.TableCell,{size:"small",padding:o?"none":void 0,align:l,sx:c},e)};function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},ke.apply(null,arguments)}function xe(e,t){return e.trim().toLowerCase()===t.trim().toLowerCase()}const Pe=e=>{const[t,n]=(0,a.useState)(e??{value:"",message:""});return{labelFieldError:t,setLabelFieldError:n}},Ie=({value:e,error:t,onChange:n,id:r,onErrorChange:o,size:i="tiny",focusOnShow:c=!1,selectOnShow:u=!1,showWarningInfotip:p=!1,variables:d,onKeyDown:m})=>{const[b,v]=(0,a.useState)(e),[h,f]=(0,a.useState)(""),E=(0,a.useRef)(null);let C=h;xe(b,t?.value??"")&&t?.message&&(C=t.message);const _=C?"":y(b),w=a.createElement(s.TextField,{ref:E,id:r,size:i,fullWidth:!0,value:b,error:!!C,onChange:e=>(e=>{v(e);const a=g(e,d);f(a),o?.(a),n(xe(e,t?.value??"")||a?"":e)})(e.target.value),inputProps:{maxLength:50,...u&&{onFocus:e=>e.target.select()},"aria-label":"Name",onKeyDown:m},autoFocus:c});if(p){const e=Math.max(240,E.current?.getBoundingClientRect().width??240);return a.createElement(l.WarningInfotip,ke({open:Boolean(C||_),text:C||_,placement:"bottom-start",width:e,offset:[0,-15]},_&&{hasError:!1}),w)}return w},Ae=a.memo(({initialValue:e,children:t,editableElement:n,onChange:r,prefixElement:l,autoEdit:o=!1,onRowRef:i,onAutoEditComplete:c,gap:u=1,fieldType:p,disabled:d=!1})=>{const[m,b]=(0,a.useState)(e),[v,g]=(0,a.useState)(!1),{labelFieldError:y,setLabelFieldError:h}=Pe(),[f,E]=(0,a.useState)(""),C=(0,a.useRef)(null),_=(0,a.useCallback)(()=>{"label"===p&&y?.message||"value"===p&&f||r(m),g(!1)},[m,r,p,y,f]);(0,a.useEffect)(()=>{i?.(C?.current)},[i]),(0,a.useEffect)(()=>{!o||v||d||(g(!0),c?.())},[o,v,c,d]);const w=()=>{d||g(!0)},T=e=>{d||("Enter"===e.key?_():"Escape"===e.key&&g(!1)," "!==e.key||v||(e.preventDefault(),g(!0)))},S=(0,a.useCallback)(e=>{b(e)},[]),k=(0,a.useCallback)(e=>{"label"===p?h({value:m,message:e}):E(e)},[p,m,h,E]);let x;"label"===p?x=y:"value"===p&&(x={value:m,message:f});const P=n({value:m,onChange:S,onValidationChange:k,error:x});return v?a.createElement(s.ClickAwayListener,{onClickAway:_},a.createElement(s.Stack,{ref:C,direction:"row",alignItems:"center",gap:u,onDoubleClick:w,onKeyDown:T,tabIndex:0,role:"button","aria-label":"Double click or press Space to edit"},l,P)):a.createElement(s.Stack,{ref:C,direction:"row",alignItems:"center",gap:u,onDoubleClick:w,onKeyDown:T,tabIndex:d?-1:0,role:"button","aria-label":d?"":"Double click or press Space to edit"},l,t)});function Ve(){return Ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Ve.apply(null,arguments)}const Oe=({menuActions:e,disabled:t,itemId:n})=>{const r=(0,s.usePopupState)({variant:"popover"}),l=(0,s.bindTrigger)(r);return a.createElement(a.Fragment,null,a.createElement(s.IconButton,Ve({},l,{disabled:t,size:"tiny",onClick:e=>{e.stopPropagation(),l.onClick?.(e)}}),a.createElement(i.DotsVerticalIcon,{fontSize:"tiny"})),a.createElement(s.Menu,Ve({disablePortal:!0,MenuListProps:{dense:!0},PaperProps:{elevation:6}},(0,s.bindMenu)(r),{anchorEl:r.anchorEl,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},open:r.isOpen,onClose:r.close}),e.map(e=>a.createElement(s.MenuItem,{key:e.name,onClick:t=>{t.stopPropagation(),e.onClick?.(n),r.close()},sx:{color:e.color,gap:1}},e.icon&&(0,a.createElement)(e.icon,{fontSize:"inherit"})," ",e.name))))};function ze(){return ze=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},ze.apply(null,arguments)}const Le={target_name:"variables_manager",target_location:"variables_manager"},Re=e=>{const{row:t,variables:n,handleOnChange:r,autoEditVariableId:o,onAutoEditComplete:c,onFieldError:u,menuActions:p,handleRowRef:d,itemProps:m,showDropIndication:b,triggerProps:v,itemStyle:g,triggerStyle:y,isDragged:h,dropPosition:f,setTriggerRef:E,isSorting:C}=e,_=(0,a.useRef)(null),w=!ye(t.type).canEdit(),T=b&&"before"===f,S=b&&"after"===f;return a.createElement(s.TableRow,ze({},m,{ref:m.ref,selected:h,sx:{...w&&{"& td, & th":{color:"text.disabled"}},...T&&{"& td, & th":{borderTop:"2px solid",borderTopColor:"primary.main"}},...S&&{"& td, & th":{borderBottom:"2px solid",borderBottomColor:"primary.main"}},"&:hover, &:focus-within":{backgroundColor:"action.hover",'& [role="toolbar"], & [draggable]':{opacity:1}},'& [role="toolbar"], & [draggable]':{opacity:0}},style:{...g,...y},onClick:()=>{w&&_.current?.toggle()}}),a.createElement(Se,{noPadding:!0,width:10,maxWidth:10},a.createElement(s.IconButton,ze({size:"small",ref:E},v,{disabled:C,draggable:!0}),a.createElement(i.GripVerticalIcon,{fontSize:"inherit"}))),a.createElement(Se,null,a.createElement(Ae,{initialValue:t.name,onChange:e=>{e===t.name||w||r({...n,[t.id]:{...n[t.id],label:e}})},prefixElement:(0,a.createElement)(t.icon,{fontSize:"inherit",color:w?"disabled":"inherit"}),editableElement:({value:e,onChange:r,onValidationChange:l,error:i})=>a.createElement(Ie,{id:"variable-label-"+t.id,size:"tiny",value:e,onChange:r,onErrorChange:e=>{l?.(e),u?.(!!e)},error:i,focusOnShow:!0,selectOnShow:o===t.id,showWarningInfotip:!0,variables:n}),autoEdit:o===t.id&&!w,onRowRef:d(t.id),onAutoEditComplete:o===t.id?c:void 0,fieldType:"label",disabled:w},a.createElement(l.EllipsisWithTooltip,{title:t.name,sx:{border:"4px solid transparent"}},t.name))),a.createElement(Se,null,a.createElement(Ae,{initialValue:t.value,onChange:e=>{e===t.value||w||r({...n,[t.id]:{...n[t.id],value:e}})},editableElement:({value:e,onChange:l,onValidationChange:o,error:i})=>t.valueField?.({value:e,onChange:l,onPropTypeKeyChange:e=>{w||e===t.type||r({...n,[t.id]:{...n[t.id],type:e}})},propTypeKey:t.type,onValidationChange:e=>{o?.(e),u?.(!!e)},error:i})??a.createElement(a.Fragment,null),onRowRef:d(t.id),gap:.25,fieldType:"value",disabled:w},t.startIcon&&t.startIcon({value:t.value}),a.createElement(l.EllipsisWithTooltip,{title:t.value,sx:{border:"4px solid transparent",lineHeight:"1",pt:.25}},t.value))),a.createElement(Se,{align:"right",noPadding:!0,width:16,maxWidth:16,sx:{paddingInlineEnd:1}},a.createElement(s.Stack,{role:"toolbar",direction:"row",justifyContent:"flex-end",alignItems:"center"},w&&a.createElement(he,{variableType:t.variableType,upgradeUrl:`https://go.elementor.com/renew-license-manager-${t.variableType}-variable`,ref:_,trackingData:Le}),a.createElement(Oe,{menuActions:p(t.id),disabled:C,itemId:t.id}))))};function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},De.apply(null,arguments)}const Ue=({menuActions:e,variables:t,onChange:n,autoEditVariableId:r,onAutoEditComplete:l,onFieldError:o})=>{const i=(0,a.useRef)(null),u=(0,a.useRef)(new Map);(0,a.useEffect)(()=>{if(r&&i.current){const e=u.current.get(r);e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})},100)}},[r]);const p=e=>t=>{t?u.current.set(e,t):u.current.delete(e)},d=Object.keys(t).sort(function(e){return(t,a)=>(e[t]?.order??Number.MAX_SAFE_INTEGER)-(e[a]?.order??Number.MAX_SAFE_INTEGER)}(t)),m=d.map(e=>{const a=t[e],n=j(a.type);return n?{id:e,type:a.type,name:a.label,value:a.value,...n}:null}).filter(Boolean),b={minWidth:250,tableLayout:"fixed"};return a.createElement(s.TableContainer,{ref:i,sx:{overflow:"initial"}},a.createElement(s.Table,{sx:b,"aria-label":"Variables manager list with drag and drop reordering",stickyHeader:!0},a.createElement(s.TableHead,null,a.createElement(s.TableRow,null,a.createElement(Se,{isHeader:!0,noPadding:!0,width:10,maxWidth:10}),a.createElement(Se,{isHeader:!0},(0,c.__)("Name","elementor")),a.createElement(Se,{isHeader:!0},(0,c.__)("Value","elementor")),a.createElement(Se,{isHeader:!0,noPadding:!0,width:16,maxWidth:16}))),a.createElement(s.TableBody,null,a.createElement(s.UnstableSortableProvider,{value:d,onChange:e=>{const a={...t};e.forEach((e,t)=>{const n=a[e];n&&(a[e]=Object.assign({},n,{order:t+1}))}),n(a)},variant:"static",restrictAxis:!0,dragOverlay:({children:e,...t})=>a.createElement(s.Table,De({sx:b},t),a.createElement(s.TableBody,null,e))},m.map(i=>a.createElement(s.UnstableSortableItem,{key:i.id,id:i.id,render:s=>a.createElement(Re,De({},s,{row:i,variables:t,handleOnChange:n,autoEditVariableId:r,onAutoEditComplete:l,onFieldError:o,menuActions:e,handleRowRef:p}))}))))))},Fe="variables-manager",Be="stop-sync-variable",{panel:Me,usePanelActions:je}=(0,r.__createPanel)({id:Fe,component:function(){return a.createElement($e,null)},allowedEditModes:["edit",Fe],onOpen:()=>{(0,o.changeEditMode)(Fe)},onClose:async()=>{(0,o.changeEditMode)("edit")},isOpenPreviousElement:!0});function Ne({onRequestClose:e,onExposeCloseAttempt:t}){return a.createElement($e,{embedded:!0,onRequestClose:e,onExposeCloseAttempt:t})}function $e({embedded:e=!1,onRequestClose:t,onExposeCloseAttempt:o}={}){const{close:u}=je(),p=(0,a.useMemo)(()=>e?t??(async()=>{}):u,[e,t,u]),{open:b,close:g,isOpen:y}=(0,l.useDialog)(),[h]=(0,n.useSuppressedMessage)(Be),f=(0,s.usePopupState)({variant:"popover"}),{variables:E,isDirty:C,searchValue:_,isSaveDisabled:w,handleOnChange:T,createVariable:S,duplicateVariable:k,handleDeleteVariable:x,handleStartSync:P,handleStopSync:I,handleSave:A,isSaving:V,handleSearch:O,setIsSaving:z,setIsSaveDisabled:L}=ve(),{autoEditVariableId:R,startAutoEdit:D,handleAutoEditComplete:U}=J(),{createNavigationCallback:F,resetNavigation:B}=Y(),[M,N]=(0,a.useState)(null),[$,W]=(0,a.useState)(null),[q,Q]=(0,a.useState)(null);Ge(C);const Z=(0,a.useCallback)(()=>{C?b():p()},[C,b,p]);(0,a.useEffect)(()=>{if(e&&o)return o(()=>Z()),()=>o(null)},[e,o,Z]);const ee=(0,a.useCallback)((e,t,a)=>{const n=S(e,t,a);n&&D(n)},[S,D]),te=async()=>{try{Q(null),B();const e=await A();return d({action:"saveChanges"}),e}catch(e){const t=v(e),a=t?.action?.data?.duplicatedIds;return t&&"label"===t.field&&(a&&t.action&&(t.action.callback=F(a,D,()=>{L(!1)})),Q(t),L(!0),B()),{success:!1,error:t}}finally{z(!1)}},ae=(0,a.useCallback)(e=>{x(e),N(null)},[x]),ne=(0,a.useCallback)(e=>{I(e);const t=E[e];t&&m({variableLabel:t.label,action:"unsync"})},[I,E]),re=(0,a.useCallback)(e=>{P(e);const t=E[e];t&&m({variableLabel:t.label,action:"sync"})},[P,E]),le=(0,a.useCallback)(e=>{h?ne(e):W(e)},[h,ne]),oe=(0,a.useCallback)(e=>{const t=E[e];return t?[...G(t.type,{variable:t,variableId:e,handlers:{onStartSync:re,onStopSync:le}}),{name:(0,c.__)("Duplicate","elementor"),icon:i.CopyIcon,color:"text.primary",onClick:e=>{const a=k(e);D(a);const n=j(t.type);d({action:"duplicate",varType:n?.variableType})}},{name:(0,c.__)("Delete","elementor"),icon:i.TrashIcon,color:"error.main",onClick:e=>{const t=E[e];if(t){N({id:e,label:t.label});const a=j(t.type);d({action:"delete",varType:a?.variableType})}}}]:[]},[E,re,le,k,D]),ie=Object.keys(E).length>0,se=e?{flex:1,minWidth:0,px:0,py:0,display:"flex",alignItems:"center",alignSelf:"stretch"}:{display:"flex",flex:1},ce=a.createElement(l.SearchField,{placeholder:(0,c.__)("Search","elementor"),value:_,onSearch:O,sx:se}),ue=a.createElement(a.Fragment,null,ie&&a.createElement(Ue,{menuActions:oe,variables:E,onChange:T,autoEditVariableId:R,onAutoEditComplete:U,onFieldError:L}),!ie&&_&&a.createElement(X,{searchValue:_,onClear:()=>O(""),icon:a.createElement(i.ColorFilterIcon,{fontSize:"large"})}),!ie&&!_&&a.createElement(K,{title:(0,c.__)("Create your first variable","elementor"),message:(0,c.__)("Variables are saved attributes that you can apply anywhere on your site.","elementor"),icon:a.createElement(i.ColorFilterIcon,{fontSize:"large"}),onAdd:f.open})),pe=a.createElement(r.PanelFooter,null,a.createElement(s.Infotip,{placement:"right",open:!!q,content:q?a.createElement(s.Alert,{severity:q.severity??"error",action:q.action?.label?a.createElement(s.AlertAction,{onClick:q.action.callback},q.action.label):void 0,onClose:q.action?.label?void 0:()=>{Q(null),L(!1)},icon:q.IconComponent?a.createElement(q.IconComponent,null):a.createElement(i.AlertTriangleFilledIcon,null)},a.createElement(s.AlertTitle,null,q.message),q.action?.message):null,arrow:!1,slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[-10,10]}}]}}},a.createElement(s.Button,{fullWidth:!0,size:"small",color:"global",variant:"contained",disabled:w||!C||V,onClick:te,loading:V},(0,c.__)("Save changes","elementor")))),de=a.createElement(a.Fragment,null,M&&a.createElement(H,{open:!0,label:M.label,onConfirm:()=>ae(M.id),closeDialog:()=>N(null)}),$&&a.createElement(He,{open:!0,onClose:()=>W(null),onConfirm:()=>{ne($),W(null)}}),y&&a.createElement(l.SaveChangesDialog,null,a.createElement(l.SaveChangesDialog.Title,{onClose:g},(0,c.__)("You have unsaved changes","elementor")),a.createElement(l.SaveChangesDialog.Content,null,a.createElement(l.SaveChangesDialog.ContentText,null,(0,c.__)("To avoid losing your updates, save your changes before leaving.","elementor"))),a.createElement(l.SaveChangesDialog.Actions,{actions:{discard:{label:(0,c.__)("Discard","elementor"),action:()=>{g(),p()}},confirm:{label:(0,c.__)("Save","elementor"),action:async()=>{const e=await te();g(),e?.success&&p()}}}}))),me=e?a.createElement(s.Stack,{direction:"column",sx:{height:"100%",width:"100%",flex:1,minHeight:0,overflow:"hidden"}},a.createElement(s.Stack,{direction:"row",alignItems:"center",spacing:1,width:"100%",sx:{flexShrink:0,px:2,pb:1}},ce,a.createElement(s.Box,{sx:{display:"flex",flexShrink:0,alignItems:"center"}},a.createElement(_e,{outlinedTrigger:!0,onCreate:ee,variables:E,menuState:f}))),a.createElement(s.Divider,{sx:{width:"100%"}}),a.createElement(r.PanelBody,{sx:{display:"flex",flexDirection:"column",flex:1,minHeight:0}},ue),pe):a.createElement(r.Panel,null,a.createElement(r.PanelHeader,{sx:{height:"unset"}},a.createElement(s.Stack,{width:"100%",direction:"column",alignItems:"center"},a.createElement(s.Stack,{p:1,pl:2,width:"100%",direction:"row",alignItems:"center"},a.createElement(s.Stack,{width:"100%",direction:"row",gap:1},a.createElement(r.PanelHeaderTitle,{sx:{display:"flex",alignItems:"center",gap:.5}},a.createElement(i.ColorFilterIcon,{fontSize:"inherit"}),(0,c.__)("Variables Manager","elementor"))),a.createElement(s.Stack,{direction:"row",gap:.5,alignItems:"center"},a.createElement(_e,{onCreate:ee,variables:E,menuState:f}),a.createElement(s.CloseButton,{"aria-label":"Close",slotProps:{icon:{fontSize:Ce}},onClick:()=>{Z()}}))),a.createElement(s.Stack,{width:"100%",direction:"row",gap:1},ce),a.createElement(s.Divider,{sx:{width:"100%"}}))),a.createElement(r.PanelBody,{sx:{display:"flex",flexDirection:"column",height:"100%"}},ue),pe),be=a.createElement(a.Fragment,null,me,de);return e?be:a.createElement(l.ThemeProvider,null,be)}const Ge=e=>{(0,a.useEffect)(()=>{const t=t=>{e&&t.preventDefault()};return window.addEventListener("beforeunload",t),()=>{window.removeEventListener("beforeunload",t)}},[e])},He=({open:e,onClose:t,onConfirm:r})=>{const[,o]=(0,n.useSuppressedMessage)(Be);return a.createElement(l.ConfirmationDialog,{open:e,onClose:t},a.createElement(l.ConfirmationDialog.Title,{icon:i.ColorFilterIcon,iconColor:"primary"},(0,c.__)("Stop syncing variable color","elementor")),a.createElement(l.ConfirmationDialog.Content,null,a.createElement(l.ConfirmationDialog.ContentText,null,(0,c.__)("This will disconnect the variable color from Global Colors. Existing uses on your site will automatically switch to a default color.","elementor"))),a.createElement(l.ConfirmationDialog.Actions,{onClose:t,onConfirm:r,cancelLabel:(0,c.__)("Cancel","elementor"),confirmLabel:(0,c.__)("Got it","elementor"),color:"primary",onSuppressMessage:o,suppressLabel:(0,c.__)("Don't show again","elementor")}))};var We=window.elementorV2.editor,Ke=window.elementorV2.editorMcp,qe=window.elementorV2.menus;function Xe(){return(0,a.useEffect)(()=>{const e=()=>{R.load()};return window.addEventListener(f.GLOBAL_STYLES_IMPORTED_EVENT,e),()=>{window.removeEventListener(f.GLOBAL_STYLES_IMPORTED_EVENT,e)}},[]),null}const Je="elementor/open-variables-manager",Ye="panel/elements/categories";function Qe(){const{open:e}=je(),t=(0,a.useRef)(!1),[n,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{n&&(r(!1),e())},[n,e]),(0,a.useEffect)(()=>(0,o.__privateListenTo)((0,o.routeOpenEvent)(Ye),()=>{t.current&&(t.current=!1,r(!0))}),[]),(0,a.useEffect)(()=>{const e=()=>{t.current=!0,(0,o.__privateOpenRoute)(Ye)};return window.addEventListener(Je,e),()=>window.removeEventListener(Je,e)},[]),null}const Ze="active-panel",et="variables-manager",tt="panel/elements";function at(){const{open:e}=je(),t=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{if(new URLSearchParams(window.location.search).get(Ze)===et)return(0,o.__privateListenTo)((0,o.routeOpenEvent)(tt),()=>{t.current||(t.current=!0,requestAnimationFrame(()=>{e()}))})},[e]),null}function nt(e,t,a){return()=>{const{fallbackPropTypeUtil:n}=j(t),r=function(e,t){const{valueTransformer:a}=j(t);return a?a(e.value,e.type):e.value}(e,t);a(n.create(r))}}const rt=(0,a.createContext)(null),lt=({children:e})=>{const[t,n]=(0,a.useState)(null);return a.createElement(rt.Provider,{value:t},a.createElement(s.Box,{ref:n},e))},ot=()=>(0,a.useContext)(rt),it=()=>{const{propTypeUtil:e}=te(),t=(0,Q.useBoundProp)(e);return{...t,setVariableValue:e=>st(e,t),variableId:t.value??t.placeholder}},st=(e,t)=>{const a=ct(t.value),n=ct(t.placeholder),r=ct(e);return a||n!==r?t.setValue(e):t.setValue(null)},ct=e=>(0,C.isTransformable)(e)?e.value:e,ut=({id:e,label:t,errorMsg:n,noticeMsg:r,children:l})=>a.createElement(s.Grid,{container:!0,gap:.75,alignItems:"center"},a.createElement(s.Grid,{item:!0,xs:12},a.createElement(s.FormLabel,{htmlFor:e,size:"tiny"},t)),a.createElement(s.Grid,{item:!0,xs:12},l,n&&a.createElement(s.FormHelperText,{error:!0},n),r&&a.createElement(s.FormHelperText,null,r))),pt="tiny",dt=({onGoBack:e,onClose:t})=>{const{icon:n,valueField:r,variableType:o,propTypeUtil:u}=te(),{setVariableValue:d,path:m}=it(),{propType:g}=(0,Q.useBoundProp)(),h=(()=>{const{value:e}=(0,Q.useBoundProp)(),t=$(e?.$$type)&&Boolean(e?.value),a=ie(t?e.value:"");return t?a?a.value:"":e?.value??""})(),[f,E]=(0,a.useState)(h),[C,_]=(0,a.useState)(""),[w,T]=(0,a.useState)(""),[S,k]=(0,a.useState)(""),[x,P]=(0,a.useState)(u.key),{labelFieldError:I,setLabelFieldError:A}=Pe(),V=()=>{E(""),_(""),T(""),k(""),t()},O=()=>{var e;(e={value:f,label:C,type:x},R.create(e).then(ue)).then(e=>{d(e),V()}).catch(e=>{const t=v(e);if(t&&"label"===t.field)return _(""),void A({value:C,message:t.message});T(b.UNEXPECTED_ERROR)}),p({varType:o,controlPath:m.join("."),action:"save"})},z=""===C.trim()||("string"==typeof f?""===f.trim():!1===Boolean(f))||!!w,L=e=>{"Enter"!==e.key||z||(e.preventDefault(),O())};return a.createElement(l.SectionPopoverBody,{height:"auto"},a.createElement(l.PopoverHeader,{icon:a.createElement(a.Fragment,null,e&&a.createElement(s.IconButton,{size:pt,"aria-label":(0,c.__)("Go Back","elementor"),onClick:e},a.createElement(i.ArrowLeftIcon,{fontSize:pt})),a.createElement(n,{fontSize:pt})),title:(0,c.__)("Create variable","elementor"),onClose:V}),a.createElement(s.Divider,null),a.createElement(Q.PopoverContent,{p:2},a.createElement(ut,{id:"variable-label",label:(0,c.__)("Name","elementor"),errorMsg:I?.message,noticeMsg:y(C)},a.createElement(Ie,{id:"variable-label",value:C,error:I,onChange:e=>{_(e),T("")},onErrorChange:e=>{A({value:"",message:e})},onKeyDown:L,focusOnShow:!0})),r&&a.createElement(ut,{errorMsg:S,label:(0,c.__)("Value","elementor")},a.createElement(s.Typography,{variant:"h5",id:"variable-value-wrapper"},a.createElement(r,{value:f,onPropTypeKeyChange:e=>P(e),onChange:e=>{E(e),T(""),k("")},onValidationChange:k,propType:g,onKeyDown:L}))),w&&a.createElement(s.FormHelperText,{error:!0},w)),a.createElement(s.CardActions,{sx:{pt:.5,pb:1}},a.createElement(s.Button,{id:"create-variable-button",size:"small",variant:"contained",disabled:z,onClick:O},(0,c.__)("Create","elementor"))))},mt=({closeDialog:e,onConfirm:t,onSuppressMessage:n})=>{const[r,l]=(0,a.useState)(!1);return a.createElement(s.Dialog,{open:!0,onClose:e,maxWidth:"xs"},a.createElement(s.DialogTitle,{display:"flex",alignItems:"center",gap:1},a.createElement(i.AlertTriangleFilledIcon,{color:"secondary"}),(0,c.__)("Changes to variables go live right away.","elementor")),a.createElement(s.DialogContent,null,a.createElement(s.DialogContentText,{variant:"body2",color:"textPrimary"},(0,c.__)("Don't worry - all other changes you make will wait until you publish your site.","elementor"))),a.createElement(s.DialogActions,{sx:{justifyContent:"space-between",alignItems:"center"}},a.createElement(s.FormControlLabel,{control:a.createElement(s.Checkbox,{checked:r,onChange:e=>l(e.target.checked),size:"small"}),label:a.createElement(s.Typography,{variant:"body2"},(0,c.__)("Don't show me again","elementor"))}),a.createElement("div",null,a.createElement(s.Button,{color:"secondary",onClick:e},(0,c.__)("Keep editing","elementor")),a.createElement(s.Button,{variant:"contained",color:"secondary",onClick:()=>{r&&n?.(),t?.()},sx:{ml:1}},(0,c.__)("Save","elementor")))))},bt="tiny",vt=(0,c.__)("Delete variable","elementor"),gt=({onClose:e,onGoBack:t,onSubmit:r,editId:o})=>{const{icon:u,valueField:p,variableType:d,propTypeUtil:m}=te(),{setVariableValue:g,variableId:h}=it(),{propType:f}=(0,Q.useBoundProp)(),[E,C]=(0,n.useSuppressedMessage)("edit-confirmation-dialog"),[_,w]=(0,a.useState)(!1),[T,S]=(0,a.useState)(!1),[k,x]=(0,a.useState)(""),[P,I]=(0,a.useState)(""),{labelFieldError:A,setLabelFieldError:V}=Pe(),O=ie(o),[L,D]=(0,a.useState)(O?.type??m.key);if(!O)throw new Error(`Global ${d} variable not found`);const U=W(),[F,B]=(0,a.useState)(()=>O.value),[M,j]=(0,a.useState)(()=>O.label);(0,a.useEffect)(()=>(z.update({[o]:{...O,value:F}}),()=>{z.update({[o]:{...O}})}),[o,F,O]);const N=()=>{E?$():S(!0)},$=()=>{const e=L!==O.type;((e,{value:t,label:a,type:n})=>R.update(e,{value:t,label:a,type:n}).then(ue))(o,e?{value:F,label:M,type:L}:{value:F,label:M}).then(()=>{G(),r?.()}).catch(e=>{const t=v(e);if(t&&"label"===t.field)return j(""),void V({value:M,message:t.message});x(b.UNEXPECTED_ERROR)})},G=()=>{o===h&&g(o)},K=[];U.canDelete()&&K.push(a.createElement(s.Tooltip,{key:"delete",placement:"top",title:vt},a.createElement(s.IconButton,{size:bt,onClick:()=>{w(!0)},"aria-label":vt},a.createElement(i.TrashIcon,{fontSize:bt}))));const q=F===O.value&&M===O.label||""===M.trim()||("string"==typeof F?""===F.trim():!1===Boolean(F))||!!k,X=e=>{"Enter"!==e.key||q||(e.preventDefault(),N())};return a.createElement(a.Fragment,null,a.createElement(l.SectionPopoverBody,{height:"auto"},a.createElement(l.PopoverHeader,{title:(0,c.__)("Edit variable","elementor"),onClose:e,icon:a.createElement(a.Fragment,null,t&&a.createElement(s.IconButton,{size:bt,"aria-label":(0,c.__)("Go Back","elementor"),onClick:t},a.createElement(i.ArrowLeftIcon,{fontSize:bt})),a.createElement(u,{fontSize:bt})),actions:K}),a.createElement(s.Divider,null),a.createElement(Q.PopoverContent,{p:2},a.createElement(ut,{id:"variable-label",label:(0,c.__)("Name","elementor"),errorMsg:A?.message,noticeMsg:y(M)},a.createElement(Ie,{id:"variable-label",value:M,error:A,onChange:e=>{j(e),x("")},onErrorChange:e=>{V({value:"",message:e})},onKeyDown:X,focusOnShow:!0})),p&&a.createElement(ut,{errorMsg:P,label:(0,c.__)("Value","elementor")},a.createElement(s.Typography,{variant:"h5"},a.createElement(p,{propTypeKey:O.type,onPropTypeKeyChange:e=>D(e),value:F,onChange:e=>{B(e),x(""),I("")},onKeyDown:X,onValidationChange:I,propType:f}))),k&&a.createElement(s.FormHelperText,{error:!0},k)),a.createElement(s.CardActions,{sx:{pt:.5,pb:1}},a.createElement(s.Button,{size:"small",variant:"contained",disabled:q,onClick:N},(0,c.__)("Save","elementor")))),_&&a.createElement(H,{open:!0,label:M,onConfirm:()=>{var e;(e=o,R.delete(e).then(ue)).then(()=>{G(),r?.()})},closeDialog:()=>{w(!1)}}),T&&!E&&a.createElement(mt,{closeDialog:()=>{S(!1)},onConfirm:$,onSuppressMessage:C}))},yt=(0,c.__)("Edit variable","elementor"),ht=({item:e,disabled:t=!1})=>{const n=e.onEdit;return a.createElement(a.Fragment,null,a.createElement(s.ListItemIcon,{sx:{color:t?"text.disabled":"inherit"}},e.icon),a.createElement(s.Box,{sx:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:1}},a.createElement(l.EllipsisWithTooltip,{title:e.label||e.value,as:s.Typography,variant:"caption",color:t?"text.disabled":"text.primary",sx:{marginTop:"1px",lineHeight:"2"},maxWidth:"50%"}),e.secondaryText&&a.createElement(l.EllipsisWithTooltip,{title:e.secondaryText,as:s.Typography,variant:"caption",color:t?"text.disabled":"text.tertiary",sx:{marginTop:"1px",lineHeight:"1"},maxWidth:"50%"})),!!n&&!t&&a.createElement(s.Tooltip,{placement:"top",title:yt},a.createElement(s.IconButton,{sx:{mx:1,opacity:"0"},onClick:t=>{t.stopPropagation(),n(e.value)},"aria-label":yt},a.createElement(i.EditIcon,{color:"action",fontSize:"tiny"}))))},ft=(0,s.styled)(s.MenuList)(({theme:e,disabled:t})=>({"& > li":{height:32,width:"100%",display:"flex",alignItems:"center"},'& > [role="option"]':{...e.typography.caption,lineHeight:"inherit",padding:e.spacing(.5,1,.5,2),...!t&&{"&:hover, &:focus":{backgroundColor:e.palette.action.hover},cursor:"pointer"},'&[aria-selected="true"]':{backgroundColor:e.palette.action.selected},textOverflow:"ellipsis",position:"absolute",top:0,left:0,"&:hover .MuiIconButton-root, .MuiIconButton-root:focus":{opacity:1}},width:"100%",position:"relative"}));function Et(){return Et=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Et.apply(null,arguments)}const Ct="tiny",_t=(0,c.__)("Create variable","elementor"),wt=(0,c.__)("Variables Manager","elementor"),Tt=e=>`https://go.elementor.com/renew-license-panel-${e}-variable`,St=({closePopover:e,onAdd:t,onEdit:n,onSettings:r,disabled:o=!1})=>{const{icon:u,startIcon:m,variableType:b,propTypeUtil:v,emptyState:g}=te(),{value:y,setValue:h,path:f}=it(),[E,C]=(0,a.useState)(""),{list:_,hasMatches:w,isSourceNotEmpty:T,hasNoCompatibleVariables:S}=((e,t)=>{const n=(o=t,(0,a.useMemo)(()=>ce(o),[o])),r=(e=>{const{selectionFilter:t}=te(),{propType:a}=(0,Q.useBoundProp)();return t?t(e,a):e})(n),l=ae(r,e);var o;return{list:l.sort((e,t)=>(e.order??Number.MAX_SAFE_INTEGER)-(t.order??Number.MAX_SAFE_INTEGER)),hasMatches:l.length>0,isSourceNotEmpty:r.length>0,hasNoCompatibleVariables:n.length>0&&0===r.length}})(E,v.key),k=[];if(t&&k.push(a.createElement(s.Tooltip,{key:"add",placement:"top",title:_t},a.createElement("span",null,a.createElement(s.IconButton,{id:"add-variable-button",size:Ct,onClick:()=>{t?.(),p({varType:b,controlPath:f.join("."),action:"add"})},"aria-label":_t,disabled:o},a.createElement(i.PlusIcon,{fontSize:Ct}))))),r){const e=()=>{r(),d({action:"openManager",varType:b,controlPath:f.join(".")})};k.push(a.createElement(s.Tooltip,{key:"settings",placement:"top",title:wt},a.createElement(s.IconButton,{id:"variables-manager-button",size:Ct,onClick:e,"aria-label":wt},a.createElement(i.SettingsIcon,{fontSize:Ct}))))}const x=m||(()=>a.createElement(u,{fontSize:Ct})),P=_.map(({value:e,label:t,key:r})=>({type:"item",value:r,label:t,icon:a.createElement(x,{value:e}),secondaryText:e,onEdit:n?()=>n?.(r):void 0}));return(0,a.useEffect)(()=>{o&&(0,Q.trackViewPromotion)({target_name:"variables_popover",target_location:"widget_panel",location_l1:"variables_list"})},[o]),a.createElement(l.SectionPopoverBody,null,a.createElement(l.PopoverHeader,{title:(0,c.__)("Variables","elementor"),icon:a.createElement(i.ColorFilterIcon,{fontSize:Ct}),onClose:e,actions:k}),T&&a.createElement(l.SearchField,{value:E,onSearch:e=>{C(e)},placeholder:(0,c.__)("Search","elementor")}),a.createElement(s.Divider,null),T&&w&&a.createElement(a.Fragment,null,a.createElement(l.PopoverMenuList,{items:P,onSelect:o?()=>{}:t=>{h(t),p({varType:b,controlPath:f.join("."),action:"connect"}),e()},onClose:()=>{},selectedValue:y,"data-testid":`${b}-variables-list`,menuListTemplate:e=>a.createElement(ft,Et({},e,{disabled:o})),menuItemContentTemplate:e=>a.createElement(ht,{item:e,disabled:o})}),o&&a.createElement(l.PromotionAlert,{message:(0,c.sprintf)((0,c.__)("Upgrade to continue creating and editing %s variables.","elementor"),b),upgradeUrl:Tt(b),onCtaClick:()=>(0,Q.trackUpgradePromotionClick)({target_name:"variables_popover",location_l1:"variables_list"})})),!w&&T&&a.createElement(X,{searchValue:E,onClear:()=>{C("")},icon:a.createElement(u,{fontSize:"large"})}),o&&!T&&a.createElement(K,{title:(0,c.sprintf)((0,c.__)("No %s variables yet","elementor"),b),message:(0,c.sprintf)((0,c.__)("Upgrade to create %s variables and maintain consistent element sizing.","elementor"),b),icon:a.createElement(u,{fontSize:"large"})},g),!T&&!S&&!o&&a.createElement(K,{title:(0,c.sprintf)((0,c.__)("Create your first %s variable","elementor"),b),message:(0,c.__)("Variables are saved attributes that you can apply anywhere on your site.","elementor"),icon:a.createElement(u,{fontSize:"large"}),onAdd:t}),S&&!o&&a.createElement(K,{title:(0,c.__)("No compatible variables","elementor"),message:(0,c.__)("Looks like none of your variables work with this control. Create a new variable to use it here.","elementor"),icon:a.createElement(u,{fontSize:"large"}),onAdd:t}))},kt="list",xt="edit",Pt=({closePopover:e,propTypeKey:t,selectedVariable:n})=>{const[r,l]=(0,a.useState)(kt),[i,s]=(0,a.useState)(""),{open:c}=je(),u=(0,o.isExperimentActive)("e_variables_manager")?()=>{(0,o.isExperimentActive)("e_editor_design_system_panel")?window.dispatchEvent(new CustomEvent("elementor/toggle-design-system",{detail:{tab:"variables"}})):c()}:void 0;return a.createElement(ee,{propTypeKey:t},a.createElement(lt,null,function(e){const t=W(),n=ye(e.propTypeKey),r={onClose:()=>{e.closePopover()},onGoBack:()=>{e.setCurrentView(kt)}};t.canAdd()&&(r.onAdd=()=>{e.setCurrentView("add")}),t.canEdit()&&(r.onEdit=t=>{e.setEditId(t),e.setCurrentView(xt)}),t.canManageSettings()&&e.onSettings&&(r.onSettings=()=>{e.closePopover(),e.onSettings?.()});return kt===e.currentView?a.createElement(St,{closePopover:r.onClose,onAdd:r.onAdd,onEdit:r.onEdit,onSettings:r.onSettings,disabled:!n.canAdd()}):"add"===e.currentView?a.createElement(dt,{onGoBack:r.onGoBack,onClose:r.onClose}):xt===e.currentView?a.createElement(gt,{editId:e.editId,onGoBack:r.onGoBack,onClose:r.onClose,onSubmit:()=>{e?.selectedVariable?.key===e.editId?r.onClose():r.onGoBack?.()}}):null}({propTypeKey:t,currentView:r,selectedVariable:n,editId:i,setEditId:s,setCurrentView:l,closePopover:e,onSettings:u})))};function It(){return It=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},It.apply(null,arguments)}const At="tiny",Vt=(0,c.__)("Unlink variable","elementor"),Ot=({startIcon:e,label:t,onUnlink:n,...r})=>{const l=[];return n&&l.push(a.createElement(s.Tooltip,{key:"unlink",title:Vt,placement:"bottom"},a.createElement(s.IconButton,{size:At,onClick:n,"aria-label":Vt},a.createElement(i.DetachIcon,{fontSize:At})))),a.createElement(s.Tooltip,{title:t,placement:"top"},a.createElement(s.UnstableTag,It({fullWidth:!0,showActionsOnHover:!0,startIcon:a.createElement(s.Stack,{gap:.5,direction:"row",alignItems:"center"},e),label:a.createElement(s.Box,{sx:{display:"inline-grid",minWidth:0}},a.createElement(s.Typography,{sx:{lineHeight:1.34},variant:"caption",noWrap:!0},t)),actions:l},r)))};function zt(){return zt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},zt.apply(null,arguments)}const Lt=({variable:e,propTypeKey:t})=>{const{startIcon:n,propTypeUtil:r}=j(t),{setValue:l}=(0,Q.useBoundProp)(),o=(0,a.useRef)(null),c=(0,a.useId)(),u=(0,s.usePopupState)({variant:"popover",popupId:`elementor-variables-list-${c}`}),p=nt(e,t,l),d=n||(()=>null);return a.createElement(s.Box,{ref:o},a.createElement(Ot,zt({label:e.label,startIcon:a.createElement(a.Fragment,null,a.createElement(i.ColorFilterIcon,{fontSize:At}),a.createElement(d,{value:e.value})),onUnlink:p},(0,s.bindTrigger)(u))),a.createElement(s.Popover,zt({disableScrollLock:!0,anchorEl:o.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,s.bindPopover)(u)),a.createElement(Pt,{selectedVariable:e,closePopover:u.close,propTypeKey:r.key})))},Rt=({variableId:e,onClose:t,onSubmit:n})=>{const{icon:r,valueField:o,variableType:i,propTypeUtil:u}=te(),{setVariableValue:p}=it(),{propType:d}=(0,Q.useBoundProp)(),m=ie(e);if(!m)throw new Error(`Global ${i} variable not found`);const[g,h]=(0,a.useState)(""),[f,E]=(0,a.useState)(""),[C,_]=(0,a.useState)(m.label),[w,T]=(0,a.useState)(m.value),[S,k]=(0,a.useState)(m?.type??u.key),{labelFieldError:x,setLabelFieldError:P}=Pe({value:m.label,message:b.DUPLICATED_LABEL}),I=()=>{(S!==m.type?pe(e,C,w,S):pe(e,C,w)).then(()=>{p(e),n?.()}).catch(e=>{const t=v(e);if(t&&"label"===t.field)return _(""),void P({value:C,message:t.message});h(b.UNEXPECTED_ERROR)})},A=w===m.value&&C===m.label||""===C.trim()||("string"==typeof w?""===w.trim():!1===Boolean(w))||!!g,V=e=>{"Enter"!==e.key||A||(e.preventDefault(),I())};return a.createElement(lt,null,a.createElement(l.SectionPopoverBody,{height:"auto"},a.createElement(l.PopoverHeader,{icon:a.createElement(r,{fontSize:"tiny"}),title:(0,c.__)("Restore variable","elementor"),onClose:t}),a.createElement(s.Divider,null),a.createElement(Q.PopoverContent,{p:2},a.createElement(ut,{id:"variable-label",label:(0,c.__)("Name","elementor"),errorMsg:x?.message,noticeMsg:y(C)},a.createElement(Ie,{id:"variable-label",value:C,error:x,onChange:e=>{_(e),h("")},onErrorChange:e=>{P({value:"",message:e})},onKeyDown:V,focusOnShow:!0})),o&&a.createElement(ut,{errorMsg:f,label:(0,c.__)("Value","elementor")},a.createElement(s.Typography,{variant:"h5"},a.createElement(o,{propTypeKey:S,onPropTypeKeyChange:e=>k(e),value:w,onChange:e=>{T(e),h(""),E("")},onValidationChange:E,propType:d,onKeyDown:V}))),g&&a.createElement(s.FormHelperText,{error:!0},g)),a.createElement(s.CardActions,{sx:{pt:.5,pb:1}},a.createElement(s.Button,{size:"small",variant:"contained",disabled:A,onClick:I},(0,c.__)("Restore","elementor")))))},Dt=({onClose:e,onUnlink:t,onRestore:n,label:r})=>a.createElement(s.ClickAwayListener,{onClickAway:e},a.createElement(s.Alert,{variant:"standard",severity:"warning",onClose:e,action:a.createElement(a.Fragment,null,t&&a.createElement(s.AlertAction,{variant:"contained",onClick:t},(0,c.__)("Unlink","elementor")),n&&a.createElement(s.AlertAction,{variant:"outlined",onClick:n},(0,c.__)("Restore","elementor"))),sx:{maxWidth:300}},a.createElement(s.AlertTitle,null,(0,c.__)("Deleted variable","elementor")),a.createElement(s.Typography,{variant:"body2",color:"textPrimary"},(0,c.__)("The variable","elementor")," '",a.createElement(s.Typography,{variant:"body2",component:"span",sx:{lineBreak:"anywhere"}},r),"' ",(0,c.__)("has been deleted, but it is still referenced in this location. You may restore the variable or unlink it to assign a different value.","elementor"))));function Ut(){return Ut=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Ut.apply(null,arguments)}const Ft=a.forwardRef(({label:e,suffix:t,onClick:n,icon:r,...l},o)=>{const c=t?`${e} (${t})`:e;return a.createElement(s.Chip,Ut({ref:o,size:"tiny",color:"warning",shape:"rounded",variant:"standard",onClick:n,icon:a.createElement(i.AlertTriangleFilledIcon,null),label:a.createElement(s.Tooltip,{title:c,placement:"top"},a.createElement(s.Box,{sx:{display:"inline-grid",minWidth:0}},a.createElement(s.Typography,{variant:"caption",noWrap:!0,sx:{lineHeight:1.34}},c))),sx:{height:e=>e.spacing(3.5),borderRadius:e=>e.spacing(1),justifyContent:"flex-start",width:"100%"}},l))});function Bt(){return Bt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Bt.apply(null,arguments)}Ft.displayName="WarningVariableTag";const Mt=({variable:e,propTypeKey:t})=>{const{propTypeUtil:n}=j(t),r=(0,Q.useBoundProp)(),l=W(),[o,i]=(0,a.useState)(!1),u=()=>i(!1),p=(0,a.useRef)(null),d=(0,a.useId)(),m=(0,s.usePopupState)({variant:"popover",popupId:`elementor-variables-restore-${d}`}),b={};return l.canUnlink()&&(b.onUnlink=nt(e,t,r.setValue)),l.canRestore()&&(b.onRestore=()=>{e.key&&pe(e.key).then(e=>{st(n.create(e),r),u()}).catch(()=>{u(),m.setAnchorEl(p.current),m.open()})}),a.createElement(a.Fragment,null,a.createElement(s.Box,{ref:p},o&&a.createElement(s.Backdrop,{open:!0,onClick:u,invisible:!0}),a.createElement(s.Infotip,{color:"warning",placement:"right-start",open:o,disableHoverListener:!0,onClose:u,content:a.createElement(Dt,{onClose:u,onUnlink:b.onUnlink,onRestore:b.onRestore,label:e.label}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,24]}}]}}},a.createElement(Ft,{label:e.label,onClick:()=>i(e=>!e),suffix:(0,c.__)("deleted","elementor")})),a.createElement(s.Popover,Bt({disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,s.bindPopover)(m)),a.createElement(ee,{propTypeKey:t},a.createElement(Rt,{variableId:e.key??"",onClose:m.close,onSubmit:()=>{m.close()}})))))},jt={title:(0,c.__)("Variable has changed","elementor"),message:(0,c.__)("This variable is no longer compatible with this property. You can clear it or select a different one.","elementor"),buttons:{clear:(0,c.__)("Clear","elementor"),select:(0,c.__)("Select variable","elementor")}},Nt=({onClose:e,onClear:t,triggerSelect:n})=>a.createElement(s.ClickAwayListener,{onClickAway:e},a.createElement(s.Alert,{variant:"standard",severity:"warning",onClose:e,action:a.createElement(a.Fragment,null,t&&a.createElement(s.AlertAction,{variant:"contained",onClick:t},jt.buttons.clear),n&&a.createElement(s.AlertAction,{variant:"outlined",onClick:n},jt.buttons.select)),sx:{maxWidth:300}},a.createElement(s.AlertTitle,null,jt.title),a.createElement(s.Typography,{variant:"body2",color:"textPrimary"},jt.message)));function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},$t.apply(null,arguments)}const Gt=({variable:e})=>{const{setValue:t,value:n}=(0,Q.useBoundProp)(),r=(0,a.useRef)(null),l=(0,a.useId)(),o=(0,s.usePopupState)({variant:"popover",popupId:`elementor-variables-list-${l}`}),[i,u]=(0,a.useState)(!1),p=()=>u(!1),d=!!n;return a.createElement(s.Box,{ref:r},i&&a.createElement(s.Backdrop,{open:!0,onClick:p,invisible:!0}),a.createElement(s.Infotip,{color:"warning",placement:"right-start",open:i,disableHoverListener:!0,onClose:p,content:a.createElement(Nt,{onClose:p,onClear:d?()=>{p(),t(null)}:void 0,triggerSelect:()=>{p(),o.setAnchorEl(r.current),o.open()}}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,24]}}]}}},a.createElement(Ft,{label:e.label,onClick:()=>u(e=>!e),suffix:(0,c.__)("changed","elementor")})),a.createElement(s.Popover,$t({disableScrollLock:!0,anchorEl:r.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,s.bindPopover)(o)),a.createElement(Pt,{selectedVariable:e,closePopover:o.close,propTypeKey:e.type})))},Ht=({onClose:e,onClear:t})=>a.createElement(s.ClickAwayListener,{onClickAway:e},a.createElement(s.Alert,{variant:"standard",severity:"warning",onClose:e,action:a.createElement(a.Fragment,null,t&&a.createElement(s.AlertAction,{variant:"contained",onClick:t},(0,c.__)("Clear","elementor"))),sx:{maxWidth:300}},a.createElement(s.AlertTitle,null,(0,c.__)("This variable is missing","elementor")),a.createElement(s.Typography,{variant:"body2",color:"textPrimary"},(0,c.__)("It may have been deleted. Try clearing this field and select a different value or variable.","elementor")))),Wt=()=>{const{setValue:e}=(0,Q.useBoundProp)(),[t,n]=(0,a.useState)(!1),r=()=>n(!1);return a.createElement(a.Fragment,null,t&&a.createElement(s.Backdrop,{open:!0,onClick:r,invisible:!0}),a.createElement(s.Infotip,{color:"warning",placement:"right-start",open:t,disableHoverListener:!0,onClose:r,content:a.createElement(Ht,{onClose:r,onClear:()=>e(null)}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,24]}}]}}},a.createElement(Ft,{label:(0,c.__)("Missing variable","elementor"),onClick:()=>n(e=>!e)})))},Kt=()=>{const e=(0,Q.useBoundProp)(),t=e.value??e.placeholder,n=ie(t?.value);if(!n)return a.createElement(Wt,null);const{$$type:r}=t;if(n?.deleted)return a.createElement(Mt,{variable:n,propTypeKey:r});const{isCompatible:l}=j(n.type);return l&&!l(e?.propType,n)?a.createElement(Gt,{variable:n}):a.createElement(Lt,{variable:n,propTypeKey:r})},qt=()=>{const{propType:e,path:t}=(0,Q.useBoundProp)(),n=Xt(e);return{visible:Boolean(n),icon:i.ColorFilterIcon,title:(0,c.__)("Variables","elementor"),content:({close:e})=>n?(Jt(t,n.variableType),a.createElement(Pt,{closePopover:e,propTypeKey:n.propTypeUtil.key})):null}},Xt=e=>{if("union"===e.kind)for(const t of Object.keys(e.prop_types)){const e=j(t);if(e)return e}},Jt=(e,t)=>{p({varType:t,controlPath:e.join("."),action:"open"})},Yt="elementor://variables/tools/manage-global-variable-guide",Qt=()=>{const e=(0,Ke.toolPrompts)("manage-global-variable"),t=(0,ge.isProActive)()?"- **global-size-variable** — A simple CSS length with a unit (Elementor Pro). Use this for fixed spacing, font sizes, or layout values. Example: `16px`, `1.5rem`, `2em`, `10vh`\n- **global-custom-size-variable** — Any CSS size expression that goes beyond a simple number + unit (Elementor Pro). Use this when the value is a CSS function, a keyword, or a combination of units that `global-size-variable` cannot represent. Example: `auto`, `clamp(1rem, 2vw, 2rem)`, `calc(100% - 32px)`, `min(50vw, 600px)`, `300ms`, `2ch`. When in doubt: if the value contains a function call or a keyword, use `global-custom-size-variable`.":"- ~~global-size-variable~~ — requires Elementor Pro (not available on this site)\n- ~~global-custom-size-variable~~ — requires Elementor Pro (not available on this site)";return e.description(`\n# Purpose\nCreate, update, or delete V4 global CSS variables. These are distinct from legacy v3 globals and map 1:1 to \`--css-var: VALUE\`.\n\n# Available Types\n- **global-color-variable** — CSS color value. Example: \`#FF0000\`, \`rgba(255,0,0,1)\`, \`hsl(0,100%,50%)\`\n- **global-font-variable** — Font family name ONLY — NOT a size or px value. Example: \`Roboto\`, \`Open Sans\`. NEVER pass px/rem here.\n${t}\n\n# Naming Rules\n- Labels must be **lowercase**, using only letters (a-z), numbers, digits (0-9), dashes (-), or underscores (_)\n- No spaces, no special characters\n- Example: "Headline Primary" → \`headline-primary\`\n- Labels must be unique — always check [elementor://global-variables] first\n\n# Value Rules\n- Provide a **plain CSS value** only — do NOT pass JSON, legacy-globals object structures, or variable references\n- Values are inserted as-is: \`--css-var: <value>\`\n- NEVER store a px/rem value inside a \`global-font-variable\` — use \`global-size-variable\` (Pro) instead\n\n# Operations\n- **create** — requires \`type\`, \`label\`, \`value\`. Label must be unique.\n- **update** — requires \`id\`, \`label\`, \`value\`. Get \`id\` from [elementor://global-variables]. When renaming: keep existing value. When changing value: keep exact existing label.\n- **delete** — requires \`id\`. DESTRUCTIVE — always confirm with user before executing.\n`),e.parameter("action",'"create", "update", or "delete".'),e.parameter("type","Variable type. Required for create. See Available Types above."),e.parameter("label","Variable name (lowercase, dash-separated). Required for create/update."),e.parameter("value","Plain CSS value matching the variable type. Required for create/update. Do NOT pass JSON."),e.parameter("id","Variable ID. Required for update/delete. Obtain from [elementor://global-variables]."),e.example('\nCreate a brand color:\n{ "action": "create", "type": "global-color-variable", "label": "brand-primary", "value": "#1A73E8" }\n\nCreate a heading font:\n{ "action": "create", "type": "global-font-variable", "label": "font-heading", "value": "Playfair Display" }\n\nCreate a simple spacing size:\n{ "action": "create", "type": "global-size-variable", "label": "spacing-md", "value": "16px" }\n\nCreate a fluid/responsive size using a CSS function (use global-custom-size-variable, NOT global-size-variable):\n{ "action": "create", "type": "global-custom-size-variable", "label": "spacing-fluid", "value": "clamp(1rem, 2vw, 2rem)" }\n\nCreate a size that is a keyword:\n{ "action": "create", "type": "global-custom-size-variable", "label": "width-auto", "value": "auto" }\n\nCreate a size using calc():\n{ "action": "create", "type": "global-custom-size-variable", "label": "sidebar-width", "value": "calc(100% - 32px)" }\n\nUpdate a variable\'s value (keep exact label):\n{ "action": "update", "id": "abc123", "label": "brand-primary", "value": "#0D47A1" }\n\nRename a variable (keep existing value):\n{ "action": "update", "id": "abc123", "label": "brand-secondary", "value": "#1A73E8" }\n\nDelete a variable:\n{ "action": "delete", "id": "abc123" }\n'),e.instruction("Always read [elementor://global-variables] before creating to check existing variables and avoid duplicate labels."),e.prompt()},Zt="elementor://global-variables",ea=(e,t)=>{[t,e].forEach(e=>{const{resource:t,sendResourceUpdated:a}=e,n=()=>{a({uri:Zt})};t("global-variables",Zt,{description:"Global variables available (v4)"},async()=>{const e=await(async()=>{const e={};return Object.entries(R.variables()).forEach(([t,a])=>{a.deleted||(e[t]={...a,version:"v4"})}),e})();return{contents:[{uri:Zt,mimeType:"application/json",text:JSON.stringify(e)}]}}),window.addEventListener(A,n),(0,o.__privateListenTo)((0,o.commandEndEvent)("document/save/update"),n)})},ta="global-font-variable",aa="global-size-variable",na=/^(auto|\d+(\.\d+)?(px|rem|em|vh|vw|%|ch|s|ms))$/i,ra=/^(#[0-9a-f]{3,8}|rgba?\(|hsl)/i;function la(e,t){return e===ta&&na.test(t.trim())?`Font variable value must be a font family name (e.g. "Roboto"), not a size value like "${t}". Use "global-size-variable" or "global-custom-size-variable" for spacing/size values.`:"global-color-variable"!==e||ra.test(t.trim())?e!==aa||na.test(t.trim())?e!==ta||function(e){const t=window.elementor?.config?.controls?.font?.options??{},a=e.trim();return!!t?.[a]}(t)?null:`Font "${t}" is not supported in WordPress. Please choose one of the available font families.`:`Size variable value should include a CSS unit (e.g. "16px") or be "auto", got "${t}".`:`Color variable value should be a CSS color (e.g. "#FF0000"), got "${t}".`}const oa=e=>{const{addTool:t,resource:a}=e;a("manage-global-variable-guide",Yt,{title:"Manage Global Variable Guide",description:"Detailed guide for using the manage-global-variable tool",mimeType:"text/plain"},async e=>({contents:[{uri:e.href,mimeType:"text/plain",text:Qt()}]})),t({name:"manage-global-variable",description:"Manage V4 global variables (color, font, size). Read the guide resource before use.",schema:{action:_.z.enum(["create","update","delete"]).describe("Operation to perform"),id:_.z.string().optional().describe("Variable id — required for update/delete. Get from the global-variables resource."),type:_.z.string().optional().describe('Variable type — required for create. One of: "global-color-variable", "global-font-variable", "global-size-variable", "global-custom-size-variable" (size types require Elementor Pro). NEVER store px/rem values in a font variable.'),label:_.z.string().optional().describe("Variable label (lowercase, dash-separated) — required for create/update."),value:_.z.string().optional().describe('Plain CSS value — required for create/update. Color: hex/rgba/hsl. Font: family name only, never px/rem. Size: value with unit e.g. "16px", or "auto" (Pro). Do NOT pass JSON.')},outputSchema:{status:_.z.enum(["ok"]).describe("Operation status"),message:_.z.string().optional().describe("Error details if status is error")},modelPreferences:{intelligencePriority:.75,speedPriority:.75},requiredResources:[{uri:Yt,description:"Full guide for variable types, naming rules, and usage"},{uri:Zt,description:"Current global variables — check before creating to avoid duplicates"}],isDestructive:!0,handler:async e=>{const t=(a=R,{create({type:e,label:t,value:n}){if(!e||!t||!n)throw new Error("Create requires type, label, and value");if((e===aa||"global-custom-size-variable"===e)&&!(0,ge.isProActive)())throw new Error("Creating size variables requires Elementor Pro.");const r=g(t);if(r)throw new Error(r);const l=la(e,n);if(l)throw new Error(l);return a.create({type:e,label:t,value:n})},update({id:e,label:t,value:n}){if(!e||!t||!n)throw new Error("Update requires id, label, and value");const r=g(t);if(r)throw new Error(r);const l=a.variables()[e];if(l){const e=la(l.type,n);if(e)throw new Error(e)}return a.update(e,{label:t,value:n})},delete({id:e}){if(!e)throw new Error("delete requires id");return a.delete(e)}});var a;const n=t[e.action];if(n)return await n(e),{status:"ok"};throw new Error(`Unknown action ${e.action}`)}})},ia=({value:e,onChange:t,onValidationChange:n})=>{const[r,l]=(0,a.useState)(e),[o,i]=(0,a.useState)(""),c=(0,a.useRef)(null),u=ot()??c.current;return a.createElement(s.UnstableColorField,{id:"color-variable-field",size:"tiny",fullWidth:!0,value:r,onChange:e=>{l(e);const a=h(e);i(a),n?.(a),t(a?"":e)},error:o||void 0,slotProps:{colorPicker:{anchorEl:u,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-10},slotProps:{colorIndicator:{size:"inherit",sx:{borderRadius:.5}}}}}})};function sa(){return sa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},sa.apply(null,arguments)}const ca=({value:e,onChange:t,onValidationChange:n})=>{const[r,o]=(0,a.useState)(e),u=(0,a.useRef)(null),p=ot()??u.current,d=(0,s.usePopupState)({variant:"popover"}),m=(0,Q.useFontFamilies)(),b=(0,l.useSectionWidth)(),v=(0,a.useMemo)(()=>m.map(({label:e,fonts:t})=>({label:e,items:t})),[m]),g=(0,a.useId)();return a.createElement(a.Fragment,null,a.createElement(s.UnstableTag,sa({id:g,variant:"outlined",label:r,endIcon:a.createElement(i.ChevronDownIcon,{fontSize:"tiny"})},(0,s.bindTrigger)(d),{fullWidth:!0})),a.createElement(s.Popover,sa({disablePortal:!0,disableScrollLock:!0,anchorEl:p,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-28}},(0,s.bindPopover)(d)),a.createElement(Q.ItemSelector,{id:"font-family-variables-selector",itemsList:v,selectedItem:r,onItemChange:e=>{(e=>{o(e);const a=h(e);n?.(a),t(a?"":e)})(e),d.close()},onClose:d.close,sectionWidth:b,title:(0,c.__)("Font family","elementor"),itemStyle:e=>({fontFamily:e.value}),onDebounce:Q.enqueueFont,icon:i.TextIcon})))},ua=(0,C.createPropUtils)("global-size-variable",_.z.string()),pa=(0,f.createTransformer)(e=>null);function da(){M({key:w.key,valueField:ia,icon:i.BrushIcon,propTypeUtil:w,fallbackPropTypeUtil:C.colorPropTypeUtil,variableType:"color",startIcon:({value:e})=>a.createElement(E,{size:"inherit",component:"span",value:e}),defaultValue:"#ffffff",menuActionsFactory:({variable:e,variableId:t,handlers:a})=>{const n=[];return e.sync_to_v3?n.push({name:(0,c.__)("Stop syncing to Global Colors","elementor"),icon:i.RefreshOffIcon,color:"text.primary",onClick:()=>a.onStopSync(t)}):n.push({name:(0,c.__)("Sync to Global Colors","elementor"),icon:i.RefreshIcon,color:"text.primary",onClick:()=>a.onStartSync(t)}),n}}),M({key:O.key,valueField:ca,icon:i.TextIcon,propTypeUtil:O,fallbackPropTypeUtil:C.stringPropTypeUtil,variableType:"font",defaultValue:"Roboto"});const e={isActive:!1,icon:i.ExpandDiagonalIcon,propTypeUtil:ua,fallbackPropTypeUtil:C.sizePropTypeUtil,styleTransformer:pa,variableType:"size",selectionFilter:()=>[],emptyState:a.createElement(l.CtaButton,{size:"small",href:"https://go.elementor.com/go-pro-panel-size-variable/",onClick:()=>(0,Q.trackUpgradePromotionClick)({target_name:"variables_popover",location_l1:"variables_list"})})};M({...e,key:ua.key,defaultValue:"0px"}),M({...e,key:"global-custom-size-variable"})}const ma=":root";function ba(){const e=(0,o.__privateUseListenTo)((0,o.commandEndEvent)("editor/documents/attach-preview"),()=>(0,o.getCanvasIframeDocument)()?.head),t=function(){const[e,t]=(0,a.useState)({});return(0,a.useEffect)(()=>{const e=z.subscribe(t);return()=>{e()}},[]),e}(),n=Object.keys(t).length>0;if(!e||!n)return null;const r=(l=t,Object.entries(l).map(([e,t])=>function(e,t){return`--${t?.deleted?e:t.label}:${t.value};`}(e,t)).join(""));var l;const i=`${ma}{${r}}`;return a.createElement(s.Portal,{container:e},a.createElement("style",{"data-e-style-id":"e-variables",key:i},i))}const va=(0,C.createPropUtils)("global-custom-size-variable",_.z.string());function ga(e){if(ua.isValid(e)||va.isValid(e)){const t=se(e?.value);return t?.value}if(C.sizePropTypeUtil.isValid(e)){const{size:t,unit:a}=e.value;return"custom"!==a?`${t??0}${a??"px"}`:t||"fx"}return""}const ya=e=>{const t=e?.value?.color?.value;return se(t||"")},ha=({value:e})=>{const t=ya(e);return a.createElement(E,{component:"span",size:"inherit",value:t?.value})},fa=({value:e})=>{const t=ya(e);return a.createElement(s.Box,{component:"span"},t?.label)},Ea=({value:e})=>{const t=ya(e);return a.createElement(E,{component:"span",size:"inherit",value:t?.value})},Ca=({value:e})=>{const{args:t}=C.cssFilterFunctionPropUtil.extract(e)||{},{color:n}=C.dropShadowFilterPropTypeUtil.extract(t)||{},r=se(n?.value||"");return a.createElement(E,{component:"span",size:"inherit",value:r?.value})},_a=({value:e})=>{const t=C.cssFilterFunctionPropUtil.extract(e);if(C.dropShadowFilterPropTypeUtil.isValid(t?.args))return null;const n=t?.args,r=t?.func?.value??"",l=ga(n?.value?.size);return a.createElement(a.Fragment,null,a.createElement(s.Box,{component:"span",style:{textTransform:"capitalize"}},`${r}: `),a.createElement(s.Box,{component:"span"},l))},wa=({value:e})=>{const{args:t}=C.cssFilterFunctionPropUtil.extract(e)||{},{xAxis:n,yAxis:r,blur:l}=C.dropShadowFilterPropTypeUtil.extract(t)||{},o=[];for(const e of[n,r,l]){const t=ga(e);t&&o.push(t)}return a.createElement(s.Box,{component:"span"},(0,c.__)("Drop shadow:","elementor")," ",o.join(" "))},Ta=({value:e})=>{const{position:t,hOffset:n,vOffset:r,blur:l,spread:o}=C.shadowPropTypeUtil.extract(e)||{},i=[];for(const e of[n,r,l,o]){const t=ga(e);t&&i.push(t)}const c=t?.value||"outset";return a.createElement(s.Box,{component:"span",style:{textTransform:"capitalize"}},c,": ",i.join(" "))},Sa=({value:e})=>{const t=[];if(C.moveTransformPropTypeUtil.isValid(e)){t.push((0,c.__)("Move:","elementor"));const{x:a,y:n,z:r}=C.moveTransformPropTypeUtil.extract(e)||{};for(const e of[a,n,r]){const a=ga(e);a&&t.push(a)}}return a.createElement(s.Box,{component:"span"},t.join(" "))},ka=({value:e})=>{let t="";const n=se(e?.value?.size?.value||"");if(n&&C.selectionSizePropTypeUtil.isValid(e)){const a=e.value?.selection?.value?.key?.value;a&&(t+=`${a}: `),t+=n?.value}return a.createElement(s.Box,{component:"span"},t)};function xa(e){return!!ua.isValid(e)||!!va.isValid(e)}function Pa(e){return!!w.isValid(e)}const{registerPopoverAction:Ia}=qe.controlActionsMenu;function Aa(){da(),(0,Q.injectIntoRepeaterItemIcon)({id:"background-color-variables-icon",component:ha,condition:({value:e})=>Pa(C.backgroundColorOverlayPropTypeUtil.extract(e)?.color)}),(0,Q.injectIntoRepeaterItemLabel)({id:"background-color-variables-label",component:fa,condition:({value:e})=>Pa(C.backgroundColorOverlayPropTypeUtil.extract(e)?.color)}),(0,Q.injectIntoRepeaterItemIcon)({id:"box-shadow-color-variables-icon",component:Ea,condition:({value:e})=>{const{color:t}=C.shadowPropTypeUtil.extract(e)||{};return Pa(t)}}),(0,Q.injectIntoRepeaterItemLabel)({id:"color-variables-box-shadow-label",component:Ta,condition:({value:e})=>{const{hOffset:t,vOffset:a,blur:n,spread:r}=C.shadowPropTypeUtil.extract(e)||{};return xa(t)||xa(a)||xa(n)||xa(r)}}),(0,Q.injectIntoRepeaterItemLabel)({id:"transition-size-variables-label",component:ka,condition:({value:e})=>xa(C.selectionSizePropTypeUtil.extract(e)?.size)}),(0,Q.injectIntoRepeaterItemLabel)({id:"transform-size-variables-label",component:Sa,condition:({value:e})=>{if(C.moveTransformPropTypeUtil.isValid(e)){const{x:t,y:a,z:n}=C.moveTransformPropTypeUtil.extract(e)||{};return xa(t)||xa(a)||xa(n)}return!1}}),(0,Q.injectIntoRepeaterItemIcon)({id:"filters-color-variables-icon",component:Ca,condition:({value:e})=>{if(!C.cssFilterFunctionPropUtil.isValid(e))return!1;const t=C.cssFilterFunctionPropUtil.extract(e)?.args;return!!C.dropShadowFilterPropTypeUtil.isValid(t)&&Pa(C.dropShadowFilterPropTypeUtil.extract(t)?.color)}}),(0,Q.injectIntoRepeaterItemLabel)({id:"filters-drop-shadow-size-variables-label",component:wa,condition:({value:e})=>{if(!C.cssFilterFunctionPropUtil.isValid(e))return!1;const t=C.cssFilterFunctionPropUtil.extract(e)?.args;if(C.dropShadowFilterPropTypeUtil.isValid(t)){const{xAxis:e,yAxis:a,blur:n}=C.dropShadowFilterPropTypeUtil.extract(t)||{};return xa(e)||xa(a)||xa(n)}return!1}}),(0,Q.injectIntoRepeaterItemLabel)({id:"filters-size-variables-label",component:_a,condition:({value:e})=>{if(!C.cssFilterFunctionPropUtil.isValid(e))return!1;const t=C.cssFilterFunctionPropUtil.extract(e)?.args;return xa(t?.value?.size)}}),(0,Q.registerControlReplacement)({component:Kt,condition:({value:e,placeholder:t})=>!!Va(e)||!e&&Va(t)}),Ia({id:"variables",priority:40,useProps:qt}),R.init();var e,t;e=(0,Ke.getMCPByDomain)("variables",{instructions:"Everything related to V4 ( Atomic ) variables.\n# Global variables\n- Create/update/delete global variables\n- Get list of global variables\n- Get details of a global variable\n"}),t=(0,Ke.getMCPByDomain)("canvas"),oa(e),ea(e,t),(0,We.injectIntoTop)({id:"canvas-style-variables-render",component:ba}),(0,We.injectIntoLogic)({id:"variables-import-listener",component:Xe}),(0,o.isExperimentActive)("e_editor_design_system_panel")||((0,We.injectIntoLogic)({id:"variables-open-panel-from-url",component:at}),(0,We.injectIntoLogic)({id:"variables-open-panel-from-event",component:Qe}),(0,r.__registerPanel)(Me))}function Va(e){return!!(0,C.isTransformable)(e)&&$(e.$$type)}const Oa=e=>t=>{const a=String(t);return{$$type:e,value:R.variables()[a]?a:R.findIdByLabel(a)}},za={globalVariablesLLMResolvers:{"global-color-variable":Oa("global-color-variable"),"global-font-variable":Oa("global-font-variable"),"global-size-variable":Oa("global-size-variable")}};(window.elementorV2=window.elementorV2||{}).editorVariables=t}(),window.elementorV2.editorVariables?.init?.();

Sid Gifari File Manager Pro v10.0.3

📂 / (Root) / home / orkouolp / web / orkofarms.com / wp-content / plugins / elementor / assets / js / packages / editor-variables

📍 /home/orkouolp/web/orkofarms.com/wp-content/plugins/elementor/assets/js/packages/editor-variables

✏️ Editing: editor-variables.min.js Writable

!function(){"use strict";var e={d:function(t,a){for(var n in a)e.o(a,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:a[n]})},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,{GLOBAL_VARIABLES_URI:function(){return Zt},Utils:function(){return za},VariablesManagerPanelEmbedded:function(){return Ne},getMenuActionsForVariable:function(){return G},hasVariable:function(){return oe},init:function(){return Aa},registerVariableType:function(){return M},registerVariableTypes:function(){return da},service:function(){return R},sizeVariablePropTypeUtil:function(){return ua}});var a=window.React,n=window.elementorV2.editorCurrentUser,r=window.elementorV2.editorPanels,l=window.elementorV2.editorUi,o=window.elementorV2.editorV1Adapters,i=window.elementorV2.icons,s=window.elementorV2.ui,c=window.wp.i18n,u=window.elementorV2.events;const p=({varType:e,controlPath:t,action:a})=>{const{dispatchEvent:n,config:r}=(0,u.getMixpanel)();if(!r?.names?.variables?.[a])return;const l=r.names.variables[a];n?.(l,{location:r?.locations?.variables||"",secondaryLocation:r?.secondaryLocations?.variablesPopover||"",trigger:r?.triggers?.click||"",var_type:e,control_path:t,action_type:l})},d=({action:e,varType:t,controlPath:a})=>{const{dispatchEvent:n,config:r}=(0,u.getMixpanel)();if(!r?.names?.variables?.[e])return;const l=r.names.variables[e],o={location:r?.locations?.variablesManager||"",trigger:r?.triggers?.click||"",action_type:l};t&&(o.var_type=t),a&&(o.style_control_path=a),n?.(l,o)},m=({variableLabel:e,action:t})=>{try{const{dispatchEvent:a,config:n}=(0,u.getMixpanel)();if(!n?.names?.variables?.variableSyncToV3)return;const r=n.names.variables.variableSyncToV3,l="sync"===t;a?.(r,{interaction_type:"click",target_type:e,target_name:l?"sync_to_v3":"unsync_to_v3",interaction_result:l?"var_is_synced_to_V3":"var_is_unsynced_from_V3",target_location:"widget_panel",location_l1:"var_manager",interaction_description:l?`user_synced_${e}_to_v3`:`user_unsync_${e}_from_v3`})}catch{}},b={MISSING_VARIABLE_NAME:(0,c.__)("Give your variable a name.","elementor"),MISSING_VARIABLE_VALUE:(0,c.__)("Add a value to complete your variable.","elementor"),INVALID_CHARACTERS:(0,c.__)("Use letters, numbers, dashes (-), or underscores (_) for the name.","elementor"),NO_NON_SPECIAL_CHARACTER:(0,c.__)("Names have to include at least one non-special character.","elementor"),VARIABLE_LABEL_MAX_LENGTH:(0,c.__)("Keep names up to 50 characters.","elementor"),DUPLICATED_LABEL:(0,c.__)("This variable name already exists. Please choose a unique name.","elementor"),UNEXPECTED_ERROR:(0,c.__)("There was a glitch. Try saving your variable again.","elementor"),BATCH:{DUPLICATED_LABELS:(e,t)=>(0,c.sprintf)((0,c.__)("We found %1$d duplicated %2$s.","elementor"),e,t),UNEXPECTED_ERROR:(0,c.__)("There was a glitch.","elementor"),DUPLICATED_LABEL_ACTION:(0,c.__)("Take me there","elementor"),DUPLICATED_LABEL_ACTION_MESSAGE:(0,c.__)("Please rename the variables.","elementor"),UNEXPECTED_ERROR_ACTION_MESSAGE:(0,c.__)("Try saving your variables again.","elementor")}},v=e=>{if("duplicated_label"===e?.response?.data?.code)return{field:"label",message:b.DUPLICATED_LABEL};if("batch_duplicated_label"===e?.response?.data?.code){const t=e?.response?.data?.data??{},a=Object.keys(t).length,n=1===a?"name":"names",r=Object.keys(t);return{field:"label",message:b.BATCH.DUPLICATED_LABELS(a,n),severity:"error",IconComponent:i.AlertTriangleFilledIcon,action:{label:b.BATCH.DUPLICATED_LABEL_ACTION,message:b.BATCH.DUPLICATED_LABEL_ACTION_MESSAGE,data:{duplicatedIds:r}}}}return"batch_operation_failed"===e?.response?.data?.code?{field:"label",message:b.BATCH.UNEXPECTED_ERROR,severity:"secondary",IconComponent:i.InfoCircleFilledIcon,action:{message:b.BATCH.UNEXPECTED_ERROR_ACTION_MESSAGE}}:void 0},g=(e,t)=>e.trim()?/^[a-zA-Z0-9_-]+$/.test(e)?/[a-zA-Z0-9]/.test(e)?50<e.length?b.VARIABLE_LABEL_MAX_LENGTH:Object.values(t??{}).some(t=>t.label===e)?b.DUPLICATED_LABEL:"":b.NO_NON_SPECIAL_CHARACTER:b.INVALID_CHARACTERS:b.MISSING_VARIABLE_NAME,y=e=>39<e.length?b.VARIABLE_LABEL_MAX_LENGTH:"",h=e=>e.trim()?"":b.MISSING_VARIABLE_VALUE;var f=window.elementorV2.editorCanvas;const E=(0,s.styled)(s.UnstableColorIndicator)(({theme:e})=>({borderRadius:e.shape.borderRadius/2+"px",marginRight:e.spacing(.25)}));var C=window.elementorV2.editorProps,_=window.elementorV2.schema;const w=(0,C.createPropUtils)("global-color-variable",_.z.string());var T=window.elementorV2.httpClient;const S="elementor/v1/variables",k=()=>`tmp-${Date.now().toString(36)}-${Math.random().toString(36).substring(2,8)}`,x=e=>e.startsWith("tmp-"),P="elementor-global-variables",I="elementor-global-variables-watermark",A="variables:updated",V="RW",O=(0,C.createPropUtils)("global-font-variable",_.z.string()),z=(()=>{const e={};let t;const a=(t,a)=>!(t in e)||e[t].label!==a.label||e[t].value!==a.value||!(e[t]?.deleted||!a?.deleted)||!(!e[t]?.deleted||a?.deleted),n=e=>{if(e)try{(0,o.enqueueFont)(e)}catch{}};return{subscribe:e=>(t=e,()=>{t=()=>{}}),update:r=>{(t=>{let r=!1;for(const[l,o]of Object.entries(t))a(l,o)&&(e[l]=o,o.type===O.key&&n(o.value),r=!0);return r})(r)&&"function"==typeof t&&t({...e})}}})(),L=new class{notifyChange(){window.dispatchEvent(new Event(A))}constructor(){this.state={watermark:-1,variables:{}}}load(){return this.state.watermark=parseInt(localStorage.getItem(I)||"-1"),this.state.variables=JSON.parse(localStorage.getItem(P)||"{}"),this.state.variables}fill(e,t){this.state.variables={},e&&Object.keys(e).length&&(this.state.variables=e),this.state.watermark=t,localStorage.setItem(I,this.state.watermark.toString()),localStorage.setItem(P,JSON.stringify(this.state.variables)),this.notifyChange()}add(e,t){this.load(),this.state.variables[e]=t,localStorage.setItem(P,JSON.stringify(this.state.variables)),this.notifyChange()}update(e,t){this.load(),this.state.variables[e]=t,localStorage.setItem(P,JSON.stringify(this.state.variables)),this.notifyChange()}watermark(e){this.state.watermark=e,localStorage.setItem(I,this.state.watermark.toString())}watermarkDiff(e,t){const a=t-this.state.watermark;return V===e?1!==a:"RO"===e&&0!==a}},R={variables:()=>L.load(),findIdByLabel(e){const t=Object.entries(this.variables()).find(([,t])=>t.label===e);if(!t)throw new Error(`Variable with label ${e} not found`);return t[0]},findVariableByLabel(e){return Object.values(this.variables()).find(t=>t.label===e)||null},getWatermark:()=>L.state.watermark,init:()=>R.load(),load:()=>(0,T.httpService)().get(S+"/list").then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{variables:t,watermark:a}=e;return L.fill(t,a),z.update(t),t}),create:({type:e,label:t,value:a})=>((e,t,a)=>(0,T.httpService)().post(S+"/create",{type:e,label:t,value:a}))(e,t,a).then(e=>{const{success:t,data:a}=e.data;if(!t){const e=a?.message||(0,c.__)("Unexpected response from server","elementor");throw new Error(e)}return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.add(n,r),z.update({[n]:r}),{id:n,variable:r}}),update:(e,{label:t,value:a,type:n})=>((e,t,a,n)=>(0,T.httpService)().put(S+"/update",{id:e,label:t,value:a,type:n}))(e,t,a,n).then(e=>{const{success:t,data:a}=e.data;if(!t){const e=a?.message||(0,c.__)("Unexpected response from server","elementor");throw new Error(e)}return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.update(n,r),z.update({[n]:r}),{id:n,variable:r}}),delete:e=>(e=>(0,T.httpService)().post(S+"/delete",{id:e}))(e).then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.update(n,r),z.update({[n]:r}),{id:n,variable:r}}),restore:(e,t,a,n)=>((e,t,a,n)=>{const r={id:e};return t&&(r.label=t),a&&(r.value=a),n&&(r.type=n),(0,T.httpService)().post(S+"/restore",r)})(e,t,a,n).then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{variable:t,watermark:a}=e;D(V,a);const{id:n,...r}=t;return L.update(n,r),z.update({[n]:r}),{id:n,variable:r}}),batchSave:(e,t,a)=>{const n=((e,t,a)=>{const n=[];return Object.entries(t).forEach(([t,a])=>{if(x(t))n.push({type:"create",variable:{...a,id:t}});else if(e[t]){const r=e[t],l=r.sync_to_v3!==a.sync_to_v3;r.deleted&&!a.deleted?n.push({type:"restore",id:t,...r.label!==a.label&&{label:a.label},...r.value!==a.value&&{value:a.value}}):a.deleted||r.label===a.label&&r.value===a.value&&r.order===a.order&&r.type===a.type&&!l||n.push({type:"update",id:t,variable:{...r.label!==a.label&&{label:a.label},...r.value!==a.value&&{value:a.value},...r.order!==a.order&&{order:a.order},...r.type!==a.type&&{type:a.type},...l&&{sync_to_v3:a.sync_to_v3}}})}}),a.forEach(e=>{n.push({type:"delete",id:e})}),n.filter(e=>{const a=e.id||e.variable?.id;return a&&!(x(a)&&t[a]?.deleted)})})(e,t,a),r={operations:n,watermark:L.state.watermark};return 0===n.length?Promise.resolve({success:!0,watermark:L.state.watermark,operations:0}):(l=r,(0,T.httpService)().post(S+"/batch",l)).then(e=>{const{success:t,data:a}=e.data;if(!t)throw new Error("Unexpected response from server");return a}).then(e=>{const{results:t,watermark:a}=e;return D(V,a),t&&t.forEach(e=>{const t=e.id;e.variable&&("create"===e.type?L.add(t,e.variable):L.update(t,e.variable),z.update({[t]:e.variable}))}),{success:!0,watermark:a,operations:n.length}});var l}},D=(e,t)=>{L.watermarkDiff(e,t)&&setTimeout(()=>R.load(),500),L.watermark(t)},U=(e,t)=>{let a=e,n="";if(t&&(n=t.value),t&&!t.deleted&&(a=t.label),!a.trim())return null;const r=`--${a}`;return n.trim()?`var(${r}, ${n})`:`var(${r})`},F=(0,f.createTransformer)(e=>{const t=R.variables()[e];if(!t)return a.createElement("span",null,(0,c.__)("Missing variable","elementor"));const n=t.type===w.key,r=U(e,t);return a.createElement(s.Stack,{direction:"row",spacing:.5,sx:{paddingInline:"1px"},alignItems:"center"},n&&a.createElement(E,{size:"inherit",value:t.value}),a.createElement(s.Typography,{variant:"caption",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},r))}),B=(0,f.createTransformer)(e=>{const t=R.variables()[e]||R.findVariableByLabel(e);if(!t)return null;const a=R.findIdByLabel(t.label);return U(a,t)}),{registerVariableType:M,getVariableType:j,getVariableTypes:N,hasVariableType:$}=function(){const e={};return{registerVariableType:({key:t,icon:a,startIcon:n,valueField:r,propTypeUtil:l,variableType:o,defaultValue:i,selectionFilter:s,valueTransformer:c,styleTransformer:u,fallbackPropTypeUtil:p,isCompatible:d,emptyState:m,isActive:b=!0,menuActionsFactory:v})=>{const g=t??l.key;d||(d=(e,t)=>"union"===e.kind&&t.type in e.prop_types),e[g]={icon:a,startIcon:n,valueField:r,propTypeUtil:l,variableType:o,defaultValue:i,selectionFilter:s,valueTransformer:c,fallbackPropTypeUtil:p,isCompatible:d,emptyState:m,isActive:b,menuActionsFactory:v},((e,t)=>{f.styleTransformersRegistry.register(e,t??B)})(l.key,u),(e=>{f.stylesInheritanceTransformersRegistry.register(e,F)})(l.key)},getVariableType:t=>e[t],getVariableTypes:()=>e,hasVariableType:t=>t in e&&!!e[t].isActive}}();function G(e,t){const a=j(e);return a?.menuActionsFactory?a.menuActionsFactory(t):[]}const H=({open:e,label:t,closeDialog:n,onConfirm:r})=>a.createElement(l.ConfirmationDialog,{open:e,onClose:n},a.createElement(l.ConfirmationDialog.Title,null,(0,c.__)("Delete this variable?","elementor")),a.createElement(l.ConfirmationDialog.Content,null,a.createElement(l.ConfirmationDialog.ContentText,null,(0,c.__)("All elements using","elementor")," ",a.createElement(s.Typography,{variant:"subtitle2",component:"span",sx:{lineBreak:"anywhere"}},t)," ",(0,c.__)("will keep their current values, but the variable itself will be removed.","elementor"))),a.createElement(l.ConfirmationDialog.Actions,{onClose:n,onConfirm:r})),W=()=>{const{canUser:e,isAdmin:t}=(0,n.useCurrentUserCapabilities)();return{canAssign:()=>e("edit_posts"),canUnlink:()=>e("edit_posts"),canAdd:()=>t,canDelete:()=>t,canEdit:()=>t,canRestore:()=>t,canManageSettings:()=>t}},K=({icon:e,title:t,message:n,onAdd:r,children:l})=>{const o=W().canAdd(),i=o?t:(0,c.__)("There are no variables","elementor"),u=o?n:(0,c.__)("With your current role, you can only connect and detach variables.","elementor");return a.createElement(q,{title:i,message:u,icon:e},l||r&&a.createElement(s.Button,{variant:"outlined",color:"secondary",size:"small",onClick:r},(0,c.__)("Create a variable","elementor")))};function q({title:e,message:t,icon:n,children:r}){return a.createElement(s.Stack,{gap:1,alignItems:"center",justifyContent:"flex-start",height:"100%",color:"text.secondary",sx:{p:2.5,pt:8,pb:5.5}},n,a.createElement(s.Typography,{align:"center",variant:"subtitle2"},e),a.createElement(s.Typography,{align:"center",variant:"caption",maxWidth:"180px"},t),r)}const X=({searchValue:e,onClear:t,icon:n})=>a.createElement(s.Stack,{gap:1,alignItems:"center",justifyContent:"center",p:2.5,color:"text.secondary",sx:{pb:3.5,pt:8}},n,a.createElement(s.Typography,{align:"center",variant:"subtitle2"},(0,c.__)("Sorry, nothing matched","elementor"),a.createElement("br",null),"“",e,"”."),a.createElement(s.Typography,{align:"center",variant:"caption",sx:{display:"flex",flexDirection:"column"}},(0,c.__)("Try something else.","elementor"),a.createElement(s.Link,{color:"text.secondary",variant:"caption",component:"button",onClick:t},(0,c.__)("Clear & try again","elementor")))),J=()=>{const[e,t]=(0,a.useState)(void 0);return{autoEditVariableId:e,startAutoEdit:(0,a.useCallback)(e=>{t(e)},[]),handleAutoEditComplete:(0,a.useCallback)(()=>{setTimeout(()=>{t(void 0)},100)},[])}},Y=()=>{const e=(0,a.useRef)(0);return{createNavigationCallback:(0,a.useCallback)((t,a,n)=>()=>{if(!t?.length)return;const r=e.current,l=t[r];if(l){a(l);const o=r+1;o>=t.length?(n(),e.current=0):e.current=o}},[]),resetNavigation:(0,a.useCallback)(()=>{e.current=0},[])}};var Q=window.elementorV2.editorControls;const Z=(0,a.createContext)(null);function ee({children:e,propTypeKey:t}){return a.createElement(Z.Provider,{value:t},e)}function te(){const e=(0,a.useContext)(Z);if(null===e)throw new Error("useVariableType must be used within a VariableTypeProvider");return j(e)}function ae(e,t){const a=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(a))}const ne=e=>Object.entries(e).map(([e,t])=>({key:e,...t})),re=({key:e,label:t,value:a,order:n,sync_to_v3:r})=>({key:e,label:t,value:a,order:n,sync_to_v3:r}),le=(e=!0)=>{const t=R.variables();return e?t:Object.fromEntries(Object.entries(t).filter(([,e])=>!e.deleted))},oe=e=>void 0!==le()[e],ie=e=>se(e);function se(e){const t=le();return t?.[e]?{...t[e],key:e}:null}const ce=e=>{const t=le(!1),a=(e=>{const t=[],a=N(),n=j(e);return Object.entries(a).forEach(([e,a])=>{n.variableType===a.variableType&&t.push(e)}),t})(e);return ne(t).filter(e=>a.includes(e.type)).map(re)},ue=({id:e})=>e,pe=(e,t,a,n)=>R.restore(e,t,a,n).then(ue),de="-Copy",me=(e,t)=>{const a=e+t;return a.length<=50?a:e.slice(0,50-t.length)+t},be=(e,t)=>{const a=new Set(t),n=me(e,de);if(!a.has(n))return n;for(let t=2;t<=a.size+1;t++){const n=me(e,`${de}-${t}`);if(!a.has(n))return n}return n},ve=()=>{const[e,t]=(0,a.useState)(()=>le(!1)),[n,r]=(0,a.useState)([]),[l,o]=(0,a.useState)(!1),[i,s]=(0,a.useState)(!1),[c,u]=(0,a.useState)(!1),[p,d]=(0,a.useState)("");(0,a.useEffect)(()=>{const e=()=>{t(le(!1)),r([]),s(!1)};return window.addEventListener(A,e),()=>{window.removeEventListener(A,e)}},[]);const m=(0,a.useCallback)(a=>{const n=Object.entries(a).some(([t,a])=>{const n=e[t];return!n||n.label!==a.label||n.value!==a.value||n.order!==a.order||n.type!==a.type||(n.sync_to_v3??!1)!==(a.sync_to_v3??!1)});n&&(t({...e,...a}),s(!0))},[e]),b=(0,a.useCallback)((e,a,n)=>{const r=k(),l={id:r,label:a.trim(),value:n.trim(),type:e};return t(e=>({...e,[r]:l})),s(!0),r},[]),v=(0,a.useCallback)(e=>{const a=k();return t(t=>{const n=t[e];if(!n||n.deleted)return t;const r=Object.values(t).filter(e=>!e.deleted).map(e=>e.label);return{...t,[a]:{label:be(n.label,r),value:n.value,type:n.type}}}),s(!0),a},[]),g=(0,a.useCallback)(e=>{r(t=>[...t,e]),t(t=>({...t,[e]:{...t[e],deleted:!0}})),s(!0)},[]),y=(0,a.useCallback)(e=>{t(t=>({...t,[e]:{...t[e],sync_to_v3:!0}})),s(!0)},[]),h=(0,a.useCallback)(e=>{t(t=>({...t,[e]:{...t[e],sync_to_v3:!1}})),s(!0)},[]),f=(0,a.useCallback)(async()=>{const a=le(!1);u(!0);const l=await R.batchSave(a,e,n);if(l.success){await R.load();const e=R.variables();t(e),r([]),s(!1)}return{success:l.success}},[e,n]),E=(0,a.useCallback)(()=>{const t=((e,t)=>{const a={};return e.forEach(e=>(a[e.type]??=[]).push(e)),Object.entries(a).flatMap(([e,a])=>{const n=t[e]?.selectionFilter,r=a.map(re);return(n?.(r)??r).map(t=>({...t,type:e}))})})(ne(e).filter(e=>!e.deleted),N()),a=ae(t,p);return Object.fromEntries(a.map(({key:e,...t})=>[e,t]))},[e,p]);return{variables:E(),deletedVariables:n,isDirty:i,isSaveDisabled:l,handleOnChange:m,createVariable:b,duplicateVariable:v,handleDeleteVariable:g,handleStartSync:y,handleStopSync:h,handleSave:f,isSaving:c,handleSearch:e=>{d(e)},searchValue:p,setIsSaving:u,setIsSaveDisabled:o}};var ge=window.elementorV2.utils;const ye=e=>{const t={...window.ElementorVariablesQuotaConfig??{},...window.ElementorVariablesQuotaConfigExtended??{}},a=void 0===t[e]&&window.elementorPro,n=t[e]||0,r=a||n>0;return{canAdd:()=>r,canEdit:()=>r}},he=(0,a.forwardRef)(({variableType:e,upgradeUrl:t,trackingData:n},r)=>{const[o,i]=(0,a.useState)(!1);(0,l.useCanvasClickHandler)(o,()=>i(!1));const u=(0,a.useCallback)(()=>{i(e=>(e||(0,Q.trackViewPromotion)(n),!e))},[n]);(0,a.useImperativeHandle)(r,()=>({toggle:u}),[u]);const p=(0,c.sprintf)((0,c.__)("%s variables","elementor"),(0,ge.capitalize)(e)),d=(0,c.sprintf)((0,c.__)("Upgrade to continue creating and editing %s variables.","elementor"),e);return a.createElement(l.PromotionPopover,{open:o,title:p,content:d,ctaText:(0,c.__)("Upgrade now","elementor"),ctaUrl:t,onClose:e=>{e.stopPropagation(),i(!1)},onCtaClick:()=>(0,Q.trackUpgradePromotionClick)(n)},a.createElement(s.Box,{onClick:e=>{e.stopPropagation(),u()},sx:{cursor:"pointer",display:"inline-flex"}},a.createElement(l.PromotionChip,null)))});function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},fe.apply(null,arguments)}const Ee={target_name:"variables_manager",target_location:"variables_manager",location_l1:"create variable menu"},Ce="tiny",_e=({variables:e,onCreate:t,menuState:n,outlinedTrigger:r=!1})=>{const l=(0,a.useRef)(null),o=N(),u=(0,a.useMemo)(()=>Object.entries(o).filter(([,e])=>!!e.defaultValue).map(([e,t])=>({key:e,propTypeKey:t.propTypeUtil.key,variableType:t.variableType,defaultValue:t.defaultValue||"",icon:t.icon})),[o]);return a.createElement(a.Fragment,null,a.createElement(s.IconButton,fe({},(0,s.bindTrigger)(n),{ref:l,size:Ce,variant:r?"outlined":void 0,"aria-label":(0,c.__)("Add variable","elementor")}),a.createElement(i.PlusIcon,{fontSize:Ce})),a.createElement(s.Menu,fe({disablePortal:!0,MenuListProps:{dense:!0},PaperProps:{elevation:6}},(0,s.bindMenu)(n),{anchorEl:l.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},"data-testid":"variable-manager-create-menu"}),u.map(r=>a.createElement(we,{key:r.key,config:r,variables:e,onCreate:t,onClose:n.close}))))},we=({config:e,variables:t,onCreate:n,onClose:r})=>{const l=(0,a.useRef)(null),o=ye(e.propTypeKey),i=(0,ge.capitalize)(e.variableType),c=!o.canAdd();return a.createElement(s.MenuItem,{onClick:()=>{if(c)return void l.current?.toggle();const a=Te(t,e.variableType);n(e.key,a,e.defaultValue),d({action:"add",varType:e.variableType}),r()},sx:{gap:1.5,cursor:"pointer"}},(0,a.createElement)(e.icon,{fontSize:Ce,color:c?"disabled":"action"}),a.createElement(s.Typography,{variant:"caption",color:c?"text.disabled":"text.primary"},i),c&&a.createElement(he,{variableType:e.variableType,upgradeUrl:`https://go.elementor.com/go-pro-manager-${e.variableType}-variable/`,ref:l,trackingData:Ee}))},Te=(e,t)=>{const a=new RegExp(`^${t}-(\\d+)$`,"i"),n=new Set;Object.values(e).forEach(e=>{const t=e.label.match(a);t&&n.add(parseInt(t[1],10))});let r=1;for(;n.has(r);)r++;return`${t}-${r}`},Se=({children:e,isHeader:t,width:n,maxWidth:r,align:l,noPadding:o,sx:i})=>{const c={maxWidth:r??150,cursor:"initial",typography:"caption",...t&&{color:"text.primary",fontWeight:"bold"},...t&&!o&&{padding:"10px 16px"},...n&&{width:n},...i};return a.createElement(s.TableCell,{size:"small",padding:o?"none":void 0,align:l,sx:c},e)};function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},ke.apply(null,arguments)}function xe(e,t){return e.trim().toLowerCase()===t.trim().toLowerCase()}const Pe=e=>{const[t,n]=(0,a.useState)(e??{value:"",message:""});return{labelFieldError:t,setLabelFieldError:n}},Ie=({value:e,error:t,onChange:n,id:r,onErrorChange:o,size:i="tiny",focusOnShow:c=!1,selectOnShow:u=!1,showWarningInfotip:p=!1,variables:d,onKeyDown:m})=>{const[b,v]=(0,a.useState)(e),[h,f]=(0,a.useState)(""),E=(0,a.useRef)(null);let C=h;xe(b,t?.value??"")&&t?.message&&(C=t.message);const _=C?"":y(b),w=a.createElement(s.TextField,{ref:E,id:r,size:i,fullWidth:!0,value:b,error:!!C,onChange:e=>(e=>{v(e);const a=g(e,d);f(a),o?.(a),n(xe(e,t?.value??"")||a?"":e)})(e.target.value),inputProps:{maxLength:50,...u&&{onFocus:e=>e.target.select()},"aria-label":"Name",onKeyDown:m},autoFocus:c});if(p){const e=Math.max(240,E.current?.getBoundingClientRect().width??240);return a.createElement(l.WarningInfotip,ke({open:Boolean(C||_),text:C||_,placement:"bottom-start",width:e,offset:[0,-15]},_&&{hasError:!1}),w)}return w},Ae=a.memo(({initialValue:e,children:t,editableElement:n,onChange:r,prefixElement:l,autoEdit:o=!1,onRowRef:i,onAutoEditComplete:c,gap:u=1,fieldType:p,disabled:d=!1})=>{const[m,b]=(0,a.useState)(e),[v,g]=(0,a.useState)(!1),{labelFieldError:y,setLabelFieldError:h}=Pe(),[f,E]=(0,a.useState)(""),C=(0,a.useRef)(null),_=(0,a.useCallback)(()=>{"label"===p&&y?.message||"value"===p&&f||r(m),g(!1)},[m,r,p,y,f]);(0,a.useEffect)(()=>{i?.(C?.current)},[i]),(0,a.useEffect)(()=>{!o||v||d||(g(!0),c?.())},[o,v,c,d]);const w=()=>{d||g(!0)},T=e=>{d||("Enter"===e.key?_():"Escape"===e.key&&g(!1)," "!==e.key||v||(e.preventDefault(),g(!0)))},S=(0,a.useCallback)(e=>{b(e)},[]),k=(0,a.useCallback)(e=>{"label"===p?h({value:m,message:e}):E(e)},[p,m,h,E]);let x;"label"===p?x=y:"value"===p&&(x={value:m,message:f});const P=n({value:m,onChange:S,onValidationChange:k,error:x});return v?a.createElement(s.ClickAwayListener,{onClickAway:_},a.createElement(s.Stack,{ref:C,direction:"row",alignItems:"center",gap:u,onDoubleClick:w,onKeyDown:T,tabIndex:0,role:"button","aria-label":"Double click or press Space to edit"},l,P)):a.createElement(s.Stack,{ref:C,direction:"row",alignItems:"center",gap:u,onDoubleClick:w,onKeyDown:T,tabIndex:d?-1:0,role:"button","aria-label":d?"":"Double click or press Space to edit"},l,t)});function Ve(){return Ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Ve.apply(null,arguments)}const Oe=({menuActions:e,disabled:t,itemId:n})=>{const r=(0,s.usePopupState)({variant:"popover"}),l=(0,s.bindTrigger)(r);return a.createElement(a.Fragment,null,a.createElement(s.IconButton,Ve({},l,{disabled:t,size:"tiny",onClick:e=>{e.stopPropagation(),l.onClick?.(e)}}),a.createElement(i.DotsVerticalIcon,{fontSize:"tiny"})),a.createElement(s.Menu,Ve({disablePortal:!0,MenuListProps:{dense:!0},PaperProps:{elevation:6}},(0,s.bindMenu)(r),{anchorEl:r.anchorEl,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},open:r.isOpen,onClose:r.close}),e.map(e=>a.createElement(s.MenuItem,{key:e.name,onClick:t=>{t.stopPropagation(),e.onClick?.(n),r.close()},sx:{color:e.color,gap:1}},e.icon&&(0,a.createElement)(e.icon,{fontSize:"inherit"})," ",e.name))))};function ze(){return ze=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},ze.apply(null,arguments)}const Le={target_name:"variables_manager",target_location:"variables_manager"},Re=e=>{const{row:t,variables:n,handleOnChange:r,autoEditVariableId:o,onAutoEditComplete:c,onFieldError:u,menuActions:p,handleRowRef:d,itemProps:m,showDropIndication:b,triggerProps:v,itemStyle:g,triggerStyle:y,isDragged:h,dropPosition:f,setTriggerRef:E,isSorting:C}=e,_=(0,a.useRef)(null),w=!ye(t.type).canEdit(),T=b&&"before"===f,S=b&&"after"===f;return a.createElement(s.TableRow,ze({},m,{ref:m.ref,selected:h,sx:{...w&&{"& td, & th":{color:"text.disabled"}},...T&&{"& td, & th":{borderTop:"2px solid",borderTopColor:"primary.main"}},...S&&{"& td, & th":{borderBottom:"2px solid",borderBottomColor:"primary.main"}},"&:hover, &:focus-within":{backgroundColor:"action.hover",'& [role="toolbar"], & [draggable]':{opacity:1}},'& [role="toolbar"], & [draggable]':{opacity:0}},style:{...g,...y},onClick:()=>{w&&_.current?.toggle()}}),a.createElement(Se,{noPadding:!0,width:10,maxWidth:10},a.createElement(s.IconButton,ze({size:"small",ref:E},v,{disabled:C,draggable:!0}),a.createElement(i.GripVerticalIcon,{fontSize:"inherit"}))),a.createElement(Se,null,a.createElement(Ae,{initialValue:t.name,onChange:e=>{e===t.name||w||r({...n,[t.id]:{...n[t.id],label:e}})},prefixElement:(0,a.createElement)(t.icon,{fontSize:"inherit",color:w?"disabled":"inherit"}),editableElement:({value:e,onChange:r,onValidationChange:l,error:i})=>a.createElement(Ie,{id:"variable-label-"+t.id,size:"tiny",value:e,onChange:r,onErrorChange:e=>{l?.(e),u?.(!!e)},error:i,focusOnShow:!0,selectOnShow:o===t.id,showWarningInfotip:!0,variables:n}),autoEdit:o===t.id&&!w,onRowRef:d(t.id),onAutoEditComplete:o===t.id?c:void 0,fieldType:"label",disabled:w},a.createElement(l.EllipsisWithTooltip,{title:t.name,sx:{border:"4px solid transparent"}},t.name))),a.createElement(Se,null,a.createElement(Ae,{initialValue:t.value,onChange:e=>{e===t.value||w||r({...n,[t.id]:{...n[t.id],value:e}})},editableElement:({value:e,onChange:l,onValidationChange:o,error:i})=>t.valueField?.({value:e,onChange:l,onPropTypeKeyChange:e=>{w||e===t.type||r({...n,[t.id]:{...n[t.id],type:e}})},propTypeKey:t.type,onValidationChange:e=>{o?.(e),u?.(!!e)},error:i})??a.createElement(a.Fragment,null),onRowRef:d(t.id),gap:.25,fieldType:"value",disabled:w},t.startIcon&&t.startIcon({value:t.value}),a.createElement(l.EllipsisWithTooltip,{title:t.value,sx:{border:"4px solid transparent",lineHeight:"1",pt:.25}},t.value))),a.createElement(Se,{align:"right",noPadding:!0,width:16,maxWidth:16,sx:{paddingInlineEnd:1}},a.createElement(s.Stack,{role:"toolbar",direction:"row",justifyContent:"flex-end",alignItems:"center"},w&&a.createElement(he,{variableType:t.variableType,upgradeUrl:`https://go.elementor.com/renew-license-manager-${t.variableType}-variable`,ref:_,trackingData:Le}),a.createElement(Oe,{menuActions:p(t.id),disabled:C,itemId:t.id}))))};function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},De.apply(null,arguments)}const Ue=({menuActions:e,variables:t,onChange:n,autoEditVariableId:r,onAutoEditComplete:l,onFieldError:o})=>{const i=(0,a.useRef)(null),u=(0,a.useRef)(new Map);(0,a.useEffect)(()=>{if(r&&i.current){const e=u.current.get(r);e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})},100)}},[r]);const p=e=>t=>{t?u.current.set(e,t):u.current.delete(e)},d=Object.keys(t).sort(function(e){return(t,a)=>(e[t]?.order??Number.MAX_SAFE_INTEGER)-(e[a]?.order??Number.MAX_SAFE_INTEGER)}(t)),m=d.map(e=>{const a=t[e],n=j(a.type);return n?{id:e,type:a.type,name:a.label,value:a.value,...n}:null}).filter(Boolean),b={minWidth:250,tableLayout:"fixed"};return a.createElement(s.TableContainer,{ref:i,sx:{overflow:"initial"}},a.createElement(s.Table,{sx:b,"aria-label":"Variables manager list with drag and drop reordering",stickyHeader:!0},a.createElement(s.TableHead,null,a.createElement(s.TableRow,null,a.createElement(Se,{isHeader:!0,noPadding:!0,width:10,maxWidth:10}),a.createElement(Se,{isHeader:!0},(0,c.__)("Name","elementor")),a.createElement(Se,{isHeader:!0},(0,c.__)("Value","elementor")),a.createElement(Se,{isHeader:!0,noPadding:!0,width:16,maxWidth:16}))),a.createElement(s.TableBody,null,a.createElement(s.UnstableSortableProvider,{value:d,onChange:e=>{const a={...t};e.forEach((e,t)=>{const n=a[e];n&&(a[e]=Object.assign({},n,{order:t+1}))}),n(a)},variant:"static",restrictAxis:!0,dragOverlay:({children:e,...t})=>a.createElement(s.Table,De({sx:b},t),a.createElement(s.TableBody,null,e))},m.map(i=>a.createElement(s.UnstableSortableItem,{key:i.id,id:i.id,render:s=>a.createElement(Re,De({},s,{row:i,variables:t,handleOnChange:n,autoEditVariableId:r,onAutoEditComplete:l,onFieldError:o,menuActions:e,handleRowRef:p}))}))))))},Fe="variables-manager",Be="stop-sync-variable",{panel:Me,usePanelActions:je}=(0,r.__createPanel)({id:Fe,component:function(){return a.createElement($e,null)},allowedEditModes:["edit",Fe],onOpen:()=>{(0,o.changeEditMode)(Fe)},onClose:async()=>{(0,o.changeEditMode)("edit")},isOpenPreviousElement:!0});function Ne({onRequestClose:e,onExposeCloseAttempt:t}){return a.createElement($e,{embedded:!0,onRequestClose:e,onExposeCloseAttempt:t})}function $e({embedded:e=!1,onRequestClose:t,onExposeCloseAttempt:o}={}){const{close:u}=je(),p=(0,a.useMemo)(()=>e?t??(async()=>{}):u,[e,t,u]),{open:b,close:g,isOpen:y}=(0,l.useDialog)(),[h]=(0,n.useSuppressedMessage)(Be),f=(0,s.usePopupState)({variant:"popover"}),{variables:E,isDirty:C,searchValue:_,isSaveDisabled:w,handleOnChange:T,createVariable:S,duplicateVariable:k,handleDeleteVariable:x,handleStartSync:P,handleStopSync:I,handleSave:A,isSaving:V,handleSearch:O,setIsSaving:z,setIsSaveDisabled:L}=ve(),{autoEditVariableId:R,startAutoEdit:D,handleAutoEditComplete:U}=J(),{createNavigationCallback:F,resetNavigation:B}=Y(),[M,N]=(0,a.useState)(null),[$,W]=(0,a.useState)(null),[q,Q]=(0,a.useState)(null);Ge(C);const Z=(0,a.useCallback)(()=>{C?b():p()},[C,b,p]);(0,a.useEffect)(()=>{if(e&&o)return o(()=>Z()),()=>o(null)},[e,o,Z]);const ee=(0,a.useCallback)((e,t,a)=>{const n=S(e,t,a);n&&D(n)},[S,D]),te=async()=>{try{Q(null),B();const e=await A();return d({action:"saveChanges"}),e}catch(e){const t=v(e),a=t?.action?.data?.duplicatedIds;return t&&"label"===t.field&&(a&&t.action&&(t.action.callback=F(a,D,()=>{L(!1)})),Q(t),L(!0),B()),{success:!1,error:t}}finally{z(!1)}},ae=(0,a.useCallback)(e=>{x(e),N(null)},[x]),ne=(0,a.useCallback)(e=>{I(e);const t=E[e];t&&m({variableLabel:t.label,action:"unsync"})},[I,E]),re=(0,a.useCallback)(e=>{P(e);const t=E[e];t&&m({variableLabel:t.label,action:"sync"})},[P,E]),le=(0,a.useCallback)(e=>{h?ne(e):W(e)},[h,ne]),oe=(0,a.useCallback)(e=>{const t=E[e];return t?[...G(t.type,{variable:t,variableId:e,handlers:{onStartSync:re,onStopSync:le}}),{name:(0,c.__)("Duplicate","elementor"),icon:i.CopyIcon,color:"text.primary",onClick:e=>{const a=k(e);D(a);const n=j(t.type);d({action:"duplicate",varType:n?.variableType})}},{name:(0,c.__)("Delete","elementor"),icon:i.TrashIcon,color:"error.main",onClick:e=>{const t=E[e];if(t){N({id:e,label:t.label});const a=j(t.type);d({action:"delete",varType:a?.variableType})}}}]:[]},[E,re,le,k,D]),ie=Object.keys(E).length>0,se=e?{flex:1,minWidth:0,px:0,py:0,display:"flex",alignItems:"center",alignSelf:"stretch"}:{display:"flex",flex:1},ce=a.createElement(l.SearchField,{placeholder:(0,c.__)("Search","elementor"),value:_,onSearch:O,sx:se}),ue=a.createElement(a.Fragment,null,ie&&a.createElement(Ue,{menuActions:oe,variables:E,onChange:T,autoEditVariableId:R,onAutoEditComplete:U,onFieldError:L}),!ie&&_&&a.createElement(X,{searchValue:_,onClear:()=>O(""),icon:a.createElement(i.ColorFilterIcon,{fontSize:"large"})}),!ie&&!_&&a.createElement(K,{title:(0,c.__)("Create your first variable","elementor"),message:(0,c.__)("Variables are saved attributes that you can apply anywhere on your site.","elementor"),icon:a.createElement(i.ColorFilterIcon,{fontSize:"large"}),onAdd:f.open})),pe=a.createElement(r.PanelFooter,null,a.createElement(s.Infotip,{placement:"right",open:!!q,content:q?a.createElement(s.Alert,{severity:q.severity??"error",action:q.action?.label?a.createElement(s.AlertAction,{onClick:q.action.callback},q.action.label):void 0,onClose:q.action?.label?void 0:()=>{Q(null),L(!1)},icon:q.IconComponent?a.createElement(q.IconComponent,null):a.createElement(i.AlertTriangleFilledIcon,null)},a.createElement(s.AlertTitle,null,q.message),q.action?.message):null,arrow:!1,slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[-10,10]}}]}}},a.createElement(s.Button,{fullWidth:!0,size:"small",color:"global",variant:"contained",disabled:w||!C||V,onClick:te,loading:V},(0,c.__)("Save changes","elementor")))),de=a.createElement(a.Fragment,null,M&&a.createElement(H,{open:!0,label:M.label,onConfirm:()=>ae(M.id),closeDialog:()=>N(null)}),$&&a.createElement(He,{open:!0,onClose:()=>W(null),onConfirm:()=>{ne($),W(null)}}),y&&a.createElement(l.SaveChangesDialog,null,a.createElement(l.SaveChangesDialog.Title,{onClose:g},(0,c.__)("You have unsaved changes","elementor")),a.createElement(l.SaveChangesDialog.Content,null,a.createElement(l.SaveChangesDialog.ContentText,null,(0,c.__)("To avoid losing your updates, save your changes before leaving.","elementor"))),a.createElement(l.SaveChangesDialog.Actions,{actions:{discard:{label:(0,c.__)("Discard","elementor"),action:()=>{g(),p()}},confirm:{label:(0,c.__)("Save","elementor"),action:async()=>{const e=await te();g(),e?.success&&p()}}}}))),me=e?a.createElement(s.Stack,{direction:"column",sx:{height:"100%",width:"100%",flex:1,minHeight:0,overflow:"hidden"}},a.createElement(s.Stack,{direction:"row",alignItems:"center",spacing:1,width:"100%",sx:{flexShrink:0,px:2,pb:1}},ce,a.createElement(s.Box,{sx:{display:"flex",flexShrink:0,alignItems:"center"}},a.createElement(_e,{outlinedTrigger:!0,onCreate:ee,variables:E,menuState:f}))),a.createElement(s.Divider,{sx:{width:"100%"}}),a.createElement(r.PanelBody,{sx:{display:"flex",flexDirection:"column",flex:1,minHeight:0}},ue),pe):a.createElement(r.Panel,null,a.createElement(r.PanelHeader,{sx:{height:"unset"}},a.createElement(s.Stack,{width:"100%",direction:"column",alignItems:"center"},a.createElement(s.Stack,{p:1,pl:2,width:"100%",direction:"row",alignItems:"center"},a.createElement(s.Stack,{width:"100%",direction:"row",gap:1},a.createElement(r.PanelHeaderTitle,{sx:{display:"flex",alignItems:"center",gap:.5}},a.createElement(i.ColorFilterIcon,{fontSize:"inherit"}),(0,c.__)("Variables Manager","elementor"))),a.createElement(s.Stack,{direction:"row",gap:.5,alignItems:"center"},a.createElement(_e,{onCreate:ee,variables:E,menuState:f}),a.createElement(s.CloseButton,{"aria-label":"Close",slotProps:{icon:{fontSize:Ce}},onClick:()=>{Z()}}))),a.createElement(s.Stack,{width:"100%",direction:"row",gap:1},ce),a.createElement(s.Divider,{sx:{width:"100%"}}))),a.createElement(r.PanelBody,{sx:{display:"flex",flexDirection:"column",height:"100%"}},ue),pe),be=a.createElement(a.Fragment,null,me,de);return e?be:a.createElement(l.ThemeProvider,null,be)}const Ge=e=>{(0,a.useEffect)(()=>{const t=t=>{e&&t.preventDefault()};return window.addEventListener("beforeunload",t),()=>{window.removeEventListener("beforeunload",t)}},[e])},He=({open:e,onClose:t,onConfirm:r})=>{const[,o]=(0,n.useSuppressedMessage)(Be);return a.createElement(l.ConfirmationDialog,{open:e,onClose:t},a.createElement(l.ConfirmationDialog.Title,{icon:i.ColorFilterIcon,iconColor:"primary"},(0,c.__)("Stop syncing variable color","elementor")),a.createElement(l.ConfirmationDialog.Content,null,a.createElement(l.ConfirmationDialog.ContentText,null,(0,c.__)("This will disconnect the variable color from Global Colors. Existing uses on your site will automatically switch to a default color.","elementor"))),a.createElement(l.ConfirmationDialog.Actions,{onClose:t,onConfirm:r,cancelLabel:(0,c.__)("Cancel","elementor"),confirmLabel:(0,c.__)("Got it","elementor"),color:"primary",onSuppressMessage:o,suppressLabel:(0,c.__)("Don't show again","elementor")}))};var We=window.elementorV2.editor,Ke=window.elementorV2.editorMcp,qe=window.elementorV2.menus;function Xe(){return(0,a.useEffect)(()=>{const e=()=>{R.load()};return window.addEventListener(f.GLOBAL_STYLES_IMPORTED_EVENT,e),()=>{window.removeEventListener(f.GLOBAL_STYLES_IMPORTED_EVENT,e)}},[]),null}const Je="elementor/open-variables-manager",Ye="panel/elements/categories";function Qe(){const{open:e}=je(),t=(0,a.useRef)(!1),[n,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{n&&(r(!1),e())},[n,e]),(0,a.useEffect)(()=>(0,o.__privateListenTo)((0,o.routeOpenEvent)(Ye),()=>{t.current&&(t.current=!1,r(!0))}),[]),(0,a.useEffect)(()=>{const e=()=>{t.current=!0,(0,o.__privateOpenRoute)(Ye)};return window.addEventListener(Je,e),()=>window.removeEventListener(Je,e)},[]),null}const Ze="active-panel",et="variables-manager",tt="panel/elements";function at(){const{open:e}=je(),t=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{if(new URLSearchParams(window.location.search).get(Ze)===et)return(0,o.__privateListenTo)((0,o.routeOpenEvent)(tt),()=>{t.current||(t.current=!0,requestAnimationFrame(()=>{e()}))})},[e]),null}function nt(e,t,a){return()=>{const{fallbackPropTypeUtil:n}=j(t),r=function(e,t){const{valueTransformer:a}=j(t);return a?a(e.value,e.type):e.value}(e,t);a(n.create(r))}}const rt=(0,a.createContext)(null),lt=({children:e})=>{const[t,n]=(0,a.useState)(null);return a.createElement(rt.Provider,{value:t},a.createElement(s.Box,{ref:n},e))},ot=()=>(0,a.useContext)(rt),it=()=>{const{propTypeUtil:e}=te(),t=(0,Q.useBoundProp)(e);return{...t,setVariableValue:e=>st(e,t),variableId:t.value??t.placeholder}},st=(e,t)=>{const a=ct(t.value),n=ct(t.placeholder),r=ct(e);return a||n!==r?t.setValue(e):t.setValue(null)},ct=e=>(0,C.isTransformable)(e)?e.value:e,ut=({id:e,label:t,errorMsg:n,noticeMsg:r,children:l})=>a.createElement(s.Grid,{container:!0,gap:.75,alignItems:"center"},a.createElement(s.Grid,{item:!0,xs:12},a.createElement(s.FormLabel,{htmlFor:e,size:"tiny"},t)),a.createElement(s.Grid,{item:!0,xs:12},l,n&&a.createElement(s.FormHelperText,{error:!0},n),r&&a.createElement(s.FormHelperText,null,r))),pt="tiny",dt=({onGoBack:e,onClose:t})=>{const{icon:n,valueField:r,variableType:o,propTypeUtil:u}=te(),{setVariableValue:d,path:m}=it(),{propType:g}=(0,Q.useBoundProp)(),h=(()=>{const{value:e}=(0,Q.useBoundProp)(),t=$(e?.$$type)&&Boolean(e?.value),a=ie(t?e.value:"");return t?a?a.value:"":e?.value??""})(),[f,E]=(0,a.useState)(h),[C,_]=(0,a.useState)(""),[w,T]=(0,a.useState)(""),[S,k]=(0,a.useState)(""),[x,P]=(0,a.useState)(u.key),{labelFieldError:I,setLabelFieldError:A}=Pe(),V=()=>{E(""),_(""),T(""),k(""),t()},O=()=>{var e;(e={value:f,label:C,type:x},R.create(e).then(ue)).then(e=>{d(e),V()}).catch(e=>{const t=v(e);if(t&&"label"===t.field)return _(""),void A({value:C,message:t.message});T(b.UNEXPECTED_ERROR)}),p({varType:o,controlPath:m.join("."),action:"save"})},z=""===C.trim()||("string"==typeof f?""===f.trim():!1===Boolean(f))||!!w,L=e=>{"Enter"!==e.key||z||(e.preventDefault(),O())};return a.createElement(l.SectionPopoverBody,{height:"auto"},a.createElement(l.PopoverHeader,{icon:a.createElement(a.Fragment,null,e&&a.createElement(s.IconButton,{size:pt,"aria-label":(0,c.__)("Go Back","elementor"),onClick:e},a.createElement(i.ArrowLeftIcon,{fontSize:pt})),a.createElement(n,{fontSize:pt})),title:(0,c.__)("Create variable","elementor"),onClose:V}),a.createElement(s.Divider,null),a.createElement(Q.PopoverContent,{p:2},a.createElement(ut,{id:"variable-label",label:(0,c.__)("Name","elementor"),errorMsg:I?.message,noticeMsg:y(C)},a.createElement(Ie,{id:"variable-label",value:C,error:I,onChange:e=>{_(e),T("")},onErrorChange:e=>{A({value:"",message:e})},onKeyDown:L,focusOnShow:!0})),r&&a.createElement(ut,{errorMsg:S,label:(0,c.__)("Value","elementor")},a.createElement(s.Typography,{variant:"h5",id:"variable-value-wrapper"},a.createElement(r,{value:f,onPropTypeKeyChange:e=>P(e),onChange:e=>{E(e),T(""),k("")},onValidationChange:k,propType:g,onKeyDown:L}))),w&&a.createElement(s.FormHelperText,{error:!0},w)),a.createElement(s.CardActions,{sx:{pt:.5,pb:1}},a.createElement(s.Button,{id:"create-variable-button",size:"small",variant:"contained",disabled:z,onClick:O},(0,c.__)("Create","elementor"))))},mt=({closeDialog:e,onConfirm:t,onSuppressMessage:n})=>{const[r,l]=(0,a.useState)(!1);return a.createElement(s.Dialog,{open:!0,onClose:e,maxWidth:"xs"},a.createElement(s.DialogTitle,{display:"flex",alignItems:"center",gap:1},a.createElement(i.AlertTriangleFilledIcon,{color:"secondary"}),(0,c.__)("Changes to variables go live right away.","elementor")),a.createElement(s.DialogContent,null,a.createElement(s.DialogContentText,{variant:"body2",color:"textPrimary"},(0,c.__)("Don't worry - all other changes you make will wait until you publish your site.","elementor"))),a.createElement(s.DialogActions,{sx:{justifyContent:"space-between",alignItems:"center"}},a.createElement(s.FormControlLabel,{control:a.createElement(s.Checkbox,{checked:r,onChange:e=>l(e.target.checked),size:"small"}),label:a.createElement(s.Typography,{variant:"body2"},(0,c.__)("Don't show me again","elementor"))}),a.createElement("div",null,a.createElement(s.Button,{color:"secondary",onClick:e},(0,c.__)("Keep editing","elementor")),a.createElement(s.Button,{variant:"contained",color:"secondary",onClick:()=>{r&&n?.(),t?.()},sx:{ml:1}},(0,c.__)("Save","elementor")))))},bt="tiny",vt=(0,c.__)("Delete variable","elementor"),gt=({onClose:e,onGoBack:t,onSubmit:r,editId:o})=>{const{icon:u,valueField:p,variableType:d,propTypeUtil:m}=te(),{setVariableValue:g,variableId:h}=it(),{propType:f}=(0,Q.useBoundProp)(),[E,C]=(0,n.useSuppressedMessage)("edit-confirmation-dialog"),[_,w]=(0,a.useState)(!1),[T,S]=(0,a.useState)(!1),[k,x]=(0,a.useState)(""),[P,I]=(0,a.useState)(""),{labelFieldError:A,setLabelFieldError:V}=Pe(),O=ie(o),[L,D]=(0,a.useState)(O?.type??m.key);if(!O)throw new Error(`Global ${d} variable not found`);const U=W(),[F,B]=(0,a.useState)(()=>O.value),[M,j]=(0,a.useState)(()=>O.label);(0,a.useEffect)(()=>(z.update({[o]:{...O,value:F}}),()=>{z.update({[o]:{...O}})}),[o,F,O]);const N=()=>{E?$():S(!0)},$=()=>{const e=L!==O.type;((e,{value:t,label:a,type:n})=>R.update(e,{value:t,label:a,type:n}).then(ue))(o,e?{value:F,label:M,type:L}:{value:F,label:M}).then(()=>{G(),r?.()}).catch(e=>{const t=v(e);if(t&&"label"===t.field)return j(""),void V({value:M,message:t.message});x(b.UNEXPECTED_ERROR)})},G=()=>{o===h&&g(o)},K=[];U.canDelete()&&K.push(a.createElement(s.Tooltip,{key:"delete",placement:"top",title:vt},a.createElement(s.IconButton,{size:bt,onClick:()=>{w(!0)},"aria-label":vt},a.createElement(i.TrashIcon,{fontSize:bt}))));const q=F===O.value&&M===O.label||""===M.trim()||("string"==typeof F?""===F.trim():!1===Boolean(F))||!!k,X=e=>{"Enter"!==e.key||q||(e.preventDefault(),N())};return a.createElement(a.Fragment,null,a.createElement(l.SectionPopoverBody,{height:"auto"},a.createElement(l.PopoverHeader,{title:(0,c.__)("Edit variable","elementor"),onClose:e,icon:a.createElement(a.Fragment,null,t&&a.createElement(s.IconButton,{size:bt,"aria-label":(0,c.__)("Go Back","elementor"),onClick:t},a.createElement(i.ArrowLeftIcon,{fontSize:bt})),a.createElement(u,{fontSize:bt})),actions:K}),a.createElement(s.Divider,null),a.createElement(Q.PopoverContent,{p:2},a.createElement(ut,{id:"variable-label",label:(0,c.__)("Name","elementor"),errorMsg:A?.message,noticeMsg:y(M)},a.createElement(Ie,{id:"variable-label",value:M,error:A,onChange:e=>{j(e),x("")},onErrorChange:e=>{V({value:"",message:e})},onKeyDown:X,focusOnShow:!0})),p&&a.createElement(ut,{errorMsg:P,label:(0,c.__)("Value","elementor")},a.createElement(s.Typography,{variant:"h5"},a.createElement(p,{propTypeKey:O.type,onPropTypeKeyChange:e=>D(e),value:F,onChange:e=>{B(e),x(""),I("")},onKeyDown:X,onValidationChange:I,propType:f}))),k&&a.createElement(s.FormHelperText,{error:!0},k)),a.createElement(s.CardActions,{sx:{pt:.5,pb:1}},a.createElement(s.Button,{size:"small",variant:"contained",disabled:q,onClick:N},(0,c.__)("Save","elementor")))),_&&a.createElement(H,{open:!0,label:M,onConfirm:()=>{var e;(e=o,R.delete(e).then(ue)).then(()=>{G(),r?.()})},closeDialog:()=>{w(!1)}}),T&&!E&&a.createElement(mt,{closeDialog:()=>{S(!1)},onConfirm:$,onSuppressMessage:C}))},yt=(0,c.__)("Edit variable","elementor"),ht=({item:e,disabled:t=!1})=>{const n=e.onEdit;return a.createElement(a.Fragment,null,a.createElement(s.ListItemIcon,{sx:{color:t?"text.disabled":"inherit"}},e.icon),a.createElement(s.Box,{sx:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:1}},a.createElement(l.EllipsisWithTooltip,{title:e.label||e.value,as:s.Typography,variant:"caption",color:t?"text.disabled":"text.primary",sx:{marginTop:"1px",lineHeight:"2"},maxWidth:"50%"}),e.secondaryText&&a.createElement(l.EllipsisWithTooltip,{title:e.secondaryText,as:s.Typography,variant:"caption",color:t?"text.disabled":"text.tertiary",sx:{marginTop:"1px",lineHeight:"1"},maxWidth:"50%"})),!!n&&!t&&a.createElement(s.Tooltip,{placement:"top",title:yt},a.createElement(s.IconButton,{sx:{mx:1,opacity:"0"},onClick:t=>{t.stopPropagation(),n(e.value)},"aria-label":yt},a.createElement(i.EditIcon,{color:"action",fontSize:"tiny"}))))},ft=(0,s.styled)(s.MenuList)(({theme:e,disabled:t})=>({"& > li":{height:32,width:"100%",display:"flex",alignItems:"center"},'& > [role="option"]':{...e.typography.caption,lineHeight:"inherit",padding:e.spacing(.5,1,.5,2),...!t&&{"&:hover, &:focus":{backgroundColor:e.palette.action.hover},cursor:"pointer"},'&[aria-selected="true"]':{backgroundColor:e.palette.action.selected},textOverflow:"ellipsis",position:"absolute",top:0,left:0,"&:hover .MuiIconButton-root, .MuiIconButton-root:focus":{opacity:1}},width:"100%",position:"relative"}));function Et(){return Et=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Et.apply(null,arguments)}const Ct="tiny",_t=(0,c.__)("Create variable","elementor"),wt=(0,c.__)("Variables Manager","elementor"),Tt=e=>`https://go.elementor.com/renew-license-panel-${e}-variable`,St=({closePopover:e,onAdd:t,onEdit:n,onSettings:r,disabled:o=!1})=>{const{icon:u,startIcon:m,variableType:b,propTypeUtil:v,emptyState:g}=te(),{value:y,setValue:h,path:f}=it(),[E,C]=(0,a.useState)(""),{list:_,hasMatches:w,isSourceNotEmpty:T,hasNoCompatibleVariables:S}=((e,t)=>{const n=(o=t,(0,a.useMemo)(()=>ce(o),[o])),r=(e=>{const{selectionFilter:t}=te(),{propType:a}=(0,Q.useBoundProp)();return t?t(e,a):e})(n),l=ae(r,e);var o;return{list:l.sort((e,t)=>(e.order??Number.MAX_SAFE_INTEGER)-(t.order??Number.MAX_SAFE_INTEGER)),hasMatches:l.length>0,isSourceNotEmpty:r.length>0,hasNoCompatibleVariables:n.length>0&&0===r.length}})(E,v.key),k=[];if(t&&k.push(a.createElement(s.Tooltip,{key:"add",placement:"top",title:_t},a.createElement("span",null,a.createElement(s.IconButton,{id:"add-variable-button",size:Ct,onClick:()=>{t?.(),p({varType:b,controlPath:f.join("."),action:"add"})},"aria-label":_t,disabled:o},a.createElement(i.PlusIcon,{fontSize:Ct}))))),r){const e=()=>{r(),d({action:"openManager",varType:b,controlPath:f.join(".")})};k.push(a.createElement(s.Tooltip,{key:"settings",placement:"top",title:wt},a.createElement(s.IconButton,{id:"variables-manager-button",size:Ct,onClick:e,"aria-label":wt},a.createElement(i.SettingsIcon,{fontSize:Ct}))))}const x=m||(()=>a.createElement(u,{fontSize:Ct})),P=_.map(({value:e,label:t,key:r})=>({type:"item",value:r,label:t,icon:a.createElement(x,{value:e}),secondaryText:e,onEdit:n?()=>n?.(r):void 0}));return(0,a.useEffect)(()=>{o&&(0,Q.trackViewPromotion)({target_name:"variables_popover",target_location:"widget_panel",location_l1:"variables_list"})},[o]),a.createElement(l.SectionPopoverBody,null,a.createElement(l.PopoverHeader,{title:(0,c.__)("Variables","elementor"),icon:a.createElement(i.ColorFilterIcon,{fontSize:Ct}),onClose:e,actions:k}),T&&a.createElement(l.SearchField,{value:E,onSearch:e=>{C(e)},placeholder:(0,c.__)("Search","elementor")}),a.createElement(s.Divider,null),T&&w&&a.createElement(a.Fragment,null,a.createElement(l.PopoverMenuList,{items:P,onSelect:o?()=>{}:t=>{h(t),p({varType:b,controlPath:f.join("."),action:"connect"}),e()},onClose:()=>{},selectedValue:y,"data-testid":`${b}-variables-list`,menuListTemplate:e=>a.createElement(ft,Et({},e,{disabled:o})),menuItemContentTemplate:e=>a.createElement(ht,{item:e,disabled:o})}),o&&a.createElement(l.PromotionAlert,{message:(0,c.sprintf)((0,c.__)("Upgrade to continue creating and editing %s variables.","elementor"),b),upgradeUrl:Tt(b),onCtaClick:()=>(0,Q.trackUpgradePromotionClick)({target_name:"variables_popover",location_l1:"variables_list"})})),!w&&T&&a.createElement(X,{searchValue:E,onClear:()=>{C("")},icon:a.createElement(u,{fontSize:"large"})}),o&&!T&&a.createElement(K,{title:(0,c.sprintf)((0,c.__)("No %s variables yet","elementor"),b),message:(0,c.sprintf)((0,c.__)("Upgrade to create %s variables and maintain consistent element sizing.","elementor"),b),icon:a.createElement(u,{fontSize:"large"})},g),!T&&!S&&!o&&a.createElement(K,{title:(0,c.sprintf)((0,c.__)("Create your first %s variable","elementor"),b),message:(0,c.__)("Variables are saved attributes that you can apply anywhere on your site.","elementor"),icon:a.createElement(u,{fontSize:"large"}),onAdd:t}),S&&!o&&a.createElement(K,{title:(0,c.__)("No compatible variables","elementor"),message:(0,c.__)("Looks like none of your variables work with this control. Create a new variable to use it here.","elementor"),icon:a.createElement(u,{fontSize:"large"}),onAdd:t}))},kt="list",xt="edit",Pt=({closePopover:e,propTypeKey:t,selectedVariable:n})=>{const[r,l]=(0,a.useState)(kt),[i,s]=(0,a.useState)(""),{open:c}=je(),u=(0,o.isExperimentActive)("e_variables_manager")?()=>{(0,o.isExperimentActive)("e_editor_design_system_panel")?window.dispatchEvent(new CustomEvent("elementor/toggle-design-system",{detail:{tab:"variables"}})):c()}:void 0;return a.createElement(ee,{propTypeKey:t},a.createElement(lt,null,function(e){const t=W(),n=ye(e.propTypeKey),r={onClose:()=>{e.closePopover()},onGoBack:()=>{e.setCurrentView(kt)}};t.canAdd()&&(r.onAdd=()=>{e.setCurrentView("add")}),t.canEdit()&&(r.onEdit=t=>{e.setEditId(t),e.setCurrentView(xt)}),t.canManageSettings()&&e.onSettings&&(r.onSettings=()=>{e.closePopover(),e.onSettings?.()});return kt===e.currentView?a.createElement(St,{closePopover:r.onClose,onAdd:r.onAdd,onEdit:r.onEdit,onSettings:r.onSettings,disabled:!n.canAdd()}):"add"===e.currentView?a.createElement(dt,{onGoBack:r.onGoBack,onClose:r.onClose}):xt===e.currentView?a.createElement(gt,{editId:e.editId,onGoBack:r.onGoBack,onClose:r.onClose,onSubmit:()=>{e?.selectedVariable?.key===e.editId?r.onClose():r.onGoBack?.()}}):null}({propTypeKey:t,currentView:r,selectedVariable:n,editId:i,setEditId:s,setCurrentView:l,closePopover:e,onSettings:u})))};function It(){return It=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},It.apply(null,arguments)}const At="tiny",Vt=(0,c.__)("Unlink variable","elementor"),Ot=({startIcon:e,label:t,onUnlink:n,...r})=>{const l=[];return n&&l.push(a.createElement(s.Tooltip,{key:"unlink",title:Vt,placement:"bottom"},a.createElement(s.IconButton,{size:At,onClick:n,"aria-label":Vt},a.createElement(i.DetachIcon,{fontSize:At})))),a.createElement(s.Tooltip,{title:t,placement:"top"},a.createElement(s.UnstableTag,It({fullWidth:!0,showActionsOnHover:!0,startIcon:a.createElement(s.Stack,{gap:.5,direction:"row",alignItems:"center"},e),label:a.createElement(s.Box,{sx:{display:"inline-grid",minWidth:0}},a.createElement(s.Typography,{sx:{lineHeight:1.34},variant:"caption",noWrap:!0},t)),actions:l},r)))};function zt(){return zt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},zt.apply(null,arguments)}const Lt=({variable:e,propTypeKey:t})=>{const{startIcon:n,propTypeUtil:r}=j(t),{setValue:l}=(0,Q.useBoundProp)(),o=(0,a.useRef)(null),c=(0,a.useId)(),u=(0,s.usePopupState)({variant:"popover",popupId:`elementor-variables-list-${c}`}),p=nt(e,t,l),d=n||(()=>null);return a.createElement(s.Box,{ref:o},a.createElement(Ot,zt({label:e.label,startIcon:a.createElement(a.Fragment,null,a.createElement(i.ColorFilterIcon,{fontSize:At}),a.createElement(d,{value:e.value})),onUnlink:p},(0,s.bindTrigger)(u))),a.createElement(s.Popover,zt({disableScrollLock:!0,anchorEl:o.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,s.bindPopover)(u)),a.createElement(Pt,{selectedVariable:e,closePopover:u.close,propTypeKey:r.key})))},Rt=({variableId:e,onClose:t,onSubmit:n})=>{const{icon:r,valueField:o,variableType:i,propTypeUtil:u}=te(),{setVariableValue:p}=it(),{propType:d}=(0,Q.useBoundProp)(),m=ie(e);if(!m)throw new Error(`Global ${i} variable not found`);const[g,h]=(0,a.useState)(""),[f,E]=(0,a.useState)(""),[C,_]=(0,a.useState)(m.label),[w,T]=(0,a.useState)(m.value),[S,k]=(0,a.useState)(m?.type??u.key),{labelFieldError:x,setLabelFieldError:P}=Pe({value:m.label,message:b.DUPLICATED_LABEL}),I=()=>{(S!==m.type?pe(e,C,w,S):pe(e,C,w)).then(()=>{p(e),n?.()}).catch(e=>{const t=v(e);if(t&&"label"===t.field)return _(""),void P({value:C,message:t.message});h(b.UNEXPECTED_ERROR)})},A=w===m.value&&C===m.label||""===C.trim()||("string"==typeof w?""===w.trim():!1===Boolean(w))||!!g,V=e=>{"Enter"!==e.key||A||(e.preventDefault(),I())};return a.createElement(lt,null,a.createElement(l.SectionPopoverBody,{height:"auto"},a.createElement(l.PopoverHeader,{icon:a.createElement(r,{fontSize:"tiny"}),title:(0,c.__)("Restore variable","elementor"),onClose:t}),a.createElement(s.Divider,null),a.createElement(Q.PopoverContent,{p:2},a.createElement(ut,{id:"variable-label",label:(0,c.__)("Name","elementor"),errorMsg:x?.message,noticeMsg:y(C)},a.createElement(Ie,{id:"variable-label",value:C,error:x,onChange:e=>{_(e),h("")},onErrorChange:e=>{P({value:"",message:e})},onKeyDown:V,focusOnShow:!0})),o&&a.createElement(ut,{errorMsg:f,label:(0,c.__)("Value","elementor")},a.createElement(s.Typography,{variant:"h5"},a.createElement(o,{propTypeKey:S,onPropTypeKeyChange:e=>k(e),value:w,onChange:e=>{T(e),h(""),E("")},onValidationChange:E,propType:d,onKeyDown:V}))),g&&a.createElement(s.FormHelperText,{error:!0},g)),a.createElement(s.CardActions,{sx:{pt:.5,pb:1}},a.createElement(s.Button,{size:"small",variant:"contained",disabled:A,onClick:I},(0,c.__)("Restore","elementor")))))},Dt=({onClose:e,onUnlink:t,onRestore:n,label:r})=>a.createElement(s.ClickAwayListener,{onClickAway:e},a.createElement(s.Alert,{variant:"standard",severity:"warning",onClose:e,action:a.createElement(a.Fragment,null,t&&a.createElement(s.AlertAction,{variant:"contained",onClick:t},(0,c.__)("Unlink","elementor")),n&&a.createElement(s.AlertAction,{variant:"outlined",onClick:n},(0,c.__)("Restore","elementor"))),sx:{maxWidth:300}},a.createElement(s.AlertTitle,null,(0,c.__)("Deleted variable","elementor")),a.createElement(s.Typography,{variant:"body2",color:"textPrimary"},(0,c.__)("The variable","elementor")," '",a.createElement(s.Typography,{variant:"body2",component:"span",sx:{lineBreak:"anywhere"}},r),"' ",(0,c.__)("has been deleted, but it is still referenced in this location. You may restore the variable or unlink it to assign a different value.","elementor"))));function Ut(){return Ut=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Ut.apply(null,arguments)}const Ft=a.forwardRef(({label:e,suffix:t,onClick:n,icon:r,...l},o)=>{const c=t?`${e} (${t})`:e;return a.createElement(s.Chip,Ut({ref:o,size:"tiny",color:"warning",shape:"rounded",variant:"standard",onClick:n,icon:a.createElement(i.AlertTriangleFilledIcon,null),label:a.createElement(s.Tooltip,{title:c,placement:"top"},a.createElement(s.Box,{sx:{display:"inline-grid",minWidth:0}},a.createElement(s.Typography,{variant:"caption",noWrap:!0,sx:{lineHeight:1.34}},c))),sx:{height:e=>e.spacing(3.5),borderRadius:e=>e.spacing(1),justifyContent:"flex-start",width:"100%"}},l))});function Bt(){return Bt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},Bt.apply(null,arguments)}Ft.displayName="WarningVariableTag";const Mt=({variable:e,propTypeKey:t})=>{const{propTypeUtil:n}=j(t),r=(0,Q.useBoundProp)(),l=W(),[o,i]=(0,a.useState)(!1),u=()=>i(!1),p=(0,a.useRef)(null),d=(0,a.useId)(),m=(0,s.usePopupState)({variant:"popover",popupId:`elementor-variables-restore-${d}`}),b={};return l.canUnlink()&&(b.onUnlink=nt(e,t,r.setValue)),l.canRestore()&&(b.onRestore=()=>{e.key&&pe(e.key).then(e=>{st(n.create(e),r),u()}).catch(()=>{u(),m.setAnchorEl(p.current),m.open()})}),a.createElement(a.Fragment,null,a.createElement(s.Box,{ref:p},o&&a.createElement(s.Backdrop,{open:!0,onClick:u,invisible:!0}),a.createElement(s.Infotip,{color:"warning",placement:"right-start",open:o,disableHoverListener:!0,onClose:u,content:a.createElement(Dt,{onClose:u,onUnlink:b.onUnlink,onRestore:b.onRestore,label:e.label}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,24]}}]}}},a.createElement(Ft,{label:e.label,onClick:()=>i(e=>!e),suffix:(0,c.__)("deleted","elementor")})),a.createElement(s.Popover,Bt({disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,s.bindPopover)(m)),a.createElement(ee,{propTypeKey:t},a.createElement(Rt,{variableId:e.key??"",onClose:m.close,onSubmit:()=>{m.close()}})))))},jt={title:(0,c.__)("Variable has changed","elementor"),message:(0,c.__)("This variable is no longer compatible with this property. You can clear it or select a different one.","elementor"),buttons:{clear:(0,c.__)("Clear","elementor"),select:(0,c.__)("Select variable","elementor")}},Nt=({onClose:e,onClear:t,triggerSelect:n})=>a.createElement(s.ClickAwayListener,{onClickAway:e},a.createElement(s.Alert,{variant:"standard",severity:"warning",onClose:e,action:a.createElement(a.Fragment,null,t&&a.createElement(s.AlertAction,{variant:"contained",onClick:t},jt.buttons.clear),n&&a.createElement(s.AlertAction,{variant:"outlined",onClick:n},jt.buttons.select)),sx:{maxWidth:300}},a.createElement(s.AlertTitle,null,jt.title),a.createElement(s.Typography,{variant:"body2",color:"textPrimary"},jt.message)));function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},$t.apply(null,arguments)}const Gt=({variable:e})=>{const{setValue:t,value:n}=(0,Q.useBoundProp)(),r=(0,a.useRef)(null),l=(0,a.useId)(),o=(0,s.usePopupState)({variant:"popover",popupId:`elementor-variables-list-${l}`}),[i,u]=(0,a.useState)(!1),p=()=>u(!1),d=!!n;return a.createElement(s.Box,{ref:r},i&&a.createElement(s.Backdrop,{open:!0,onClick:p,invisible:!0}),a.createElement(s.Infotip,{color:"warning",placement:"right-start",open:i,disableHoverListener:!0,onClose:p,content:a.createElement(Nt,{onClose:p,onClear:d?()=>{p(),t(null)}:void 0,triggerSelect:()=>{p(),o.setAnchorEl(r.current),o.open()}}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,24]}}]}}},a.createElement(Ft,{label:e.label,onClick:()=>u(e=>!e),suffix:(0,c.__)("changed","elementor")})),a.createElement(s.Popover,$t({disableScrollLock:!0,anchorEl:r.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:1}}},(0,s.bindPopover)(o)),a.createElement(Pt,{selectedVariable:e,closePopover:o.close,propTypeKey:e.type})))},Ht=({onClose:e,onClear:t})=>a.createElement(s.ClickAwayListener,{onClickAway:e},a.createElement(s.Alert,{variant:"standard",severity:"warning",onClose:e,action:a.createElement(a.Fragment,null,t&&a.createElement(s.AlertAction,{variant:"contained",onClick:t},(0,c.__)("Clear","elementor"))),sx:{maxWidth:300}},a.createElement(s.AlertTitle,null,(0,c.__)("This variable is missing","elementor")),a.createElement(s.Typography,{variant:"body2",color:"textPrimary"},(0,c.__)("It may have been deleted. Try clearing this field and select a different value or variable.","elementor")))),Wt=()=>{const{setValue:e}=(0,Q.useBoundProp)(),[t,n]=(0,a.useState)(!1),r=()=>n(!1);return a.createElement(a.Fragment,null,t&&a.createElement(s.Backdrop,{open:!0,onClick:r,invisible:!0}),a.createElement(s.Infotip,{color:"warning",placement:"right-start",open:t,disableHoverListener:!0,onClose:r,content:a.createElement(Ht,{onClose:r,onClear:()=>e(null)}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,24]}}]}}},a.createElement(Ft,{label:(0,c.__)("Missing variable","elementor"),onClick:()=>n(e=>!e)})))},Kt=()=>{const e=(0,Q.useBoundProp)(),t=e.value??e.placeholder,n=ie(t?.value);if(!n)return a.createElement(Wt,null);const{$$type:r}=t;if(n?.deleted)return a.createElement(Mt,{variable:n,propTypeKey:r});const{isCompatible:l}=j(n.type);return l&&!l(e?.propType,n)?a.createElement(Gt,{variable:n}):a.createElement(Lt,{variable:n,propTypeKey:r})},qt=()=>{const{propType:e,path:t}=(0,Q.useBoundProp)(),n=Xt(e);return{visible:Boolean(n),icon:i.ColorFilterIcon,title:(0,c.__)("Variables","elementor"),content:({close:e})=>n?(Jt(t,n.variableType),a.createElement(Pt,{closePopover:e,propTypeKey:n.propTypeUtil.key})):null}},Xt=e=>{if("union"===e.kind)for(const t of Object.keys(e.prop_types)){const e=j(t);if(e)return e}},Jt=(e,t)=>{p({varType:t,controlPath:e.join("."),action:"open"})},Yt="elementor://variables/tools/manage-global-variable-guide",Qt=()=>{const e=(0,Ke.toolPrompts)("manage-global-variable"),t=(0,ge.isProActive)()?"- **global-size-variable** — A simple CSS length with a unit (Elementor Pro). Use this for fixed spacing, font sizes, or layout values. Example: `16px`, `1.5rem`, `2em`, `10vh`\n- **global-custom-size-variable** — Any CSS size expression that goes beyond a simple number + unit (Elementor Pro). Use this when the value is a CSS function, a keyword, or a combination of units that `global-size-variable` cannot represent. Example: `auto`, `clamp(1rem, 2vw, 2rem)`, `calc(100% - 32px)`, `min(50vw, 600px)`, `300ms`, `2ch`. When in doubt: if the value contains a function call or a keyword, use `global-custom-size-variable`.":"- ~~global-size-variable~~ — requires Elementor Pro (not available on this site)\n- ~~global-custom-size-variable~~ — requires Elementor Pro (not available on this site)";return e.description(`\n# Purpose\nCreate, update, or delete V4 global CSS variables. These are distinct from legacy v3 globals and map 1:1 to \`--css-var: VALUE\`.\n\n# Available Types\n- **global-color-variable** — CSS color value. Example: \`#FF0000\`, \`rgba(255,0,0,1)\`, \`hsl(0,100%,50%)\`\n- **global-font-variable** — Font family name ONLY — NOT a size or px value. Example: \`Roboto\`, \`Open Sans\`. NEVER pass px/rem here.\n${t}\n\n# Naming Rules\n- Labels must be **lowercase**, using only letters (a-z), numbers, digits (0-9), dashes (-), or underscores (_)\n- No spaces, no special characters\n- Example: "Headline Primary" → \`headline-primary\`\n- Labels must be unique — always check [elementor://global-variables] first\n\n# Value Rules\n- Provide a **plain CSS value** only — do NOT pass JSON, legacy-globals object structures, or variable references\n- Values are inserted as-is: \`--css-var: <value>\`\n- NEVER store a px/rem value inside a \`global-font-variable\` — use \`global-size-variable\` (Pro) instead\n\n# Operations\n- **create** — requires \`type\`, \`label\`, \`value\`. Label must be unique.\n- **update** — requires \`id\`, \`label\`, \`value\`. Get \`id\` from [elementor://global-variables]. When renaming: keep existing value. When changing value: keep exact existing label.\n- **delete** — requires \`id\`. DESTRUCTIVE — always confirm with user before executing.\n`),e.parameter("action",'"create", "update", or "delete".'),e.parameter("type","Variable type. Required for create. See Available Types above."),e.parameter("label","Variable name (lowercase, dash-separated). Required for create/update."),e.parameter("value","Plain CSS value matching the variable type. Required for create/update. Do NOT pass JSON."),e.parameter("id","Variable ID. Required for update/delete. Obtain from [elementor://global-variables]."),e.example('\nCreate a brand color:\n{ "action": "create", "type": "global-color-variable", "label": "brand-primary", "value": "#1A73E8" }\n\nCreate a heading font:\n{ "action": "create", "type": "global-font-variable", "label": "font-heading", "value": "Playfair Display" }\n\nCreate a simple spacing size:\n{ "action": "create", "type": "global-size-variable", "label": "spacing-md", "value": "16px" }\n\nCreate a fluid/responsive size using a CSS function (use global-custom-size-variable, NOT global-size-variable):\n{ "action": "create", "type": "global-custom-size-variable", "label": "spacing-fluid", "value": "clamp(1rem, 2vw, 2rem)" }\n\nCreate a size that is a keyword:\n{ "action": "create", "type": "global-custom-size-variable", "label": "width-auto", "value": "auto" }\n\nCreate a size using calc():\n{ "action": "create", "type": "global-custom-size-variable", "label": "sidebar-width", "value": "calc(100% - 32px)" }\n\nUpdate a variable\'s value (keep exact label):\n{ "action": "update", "id": "abc123", "label": "brand-primary", "value": "#0D47A1" }\n\nRename a variable (keep existing value):\n{ "action": "update", "id": "abc123", "label": "brand-secondary", "value": "#1A73E8" }\n\nDelete a variable:\n{ "action": "delete", "id": "abc123" }\n'),e.instruction("Always read [elementor://global-variables] before creating to check existing variables and avoid duplicate labels."),e.prompt()},Zt="elementor://global-variables",ea=(e,t)=>{[t,e].forEach(e=>{const{resource:t,sendResourceUpdated:a}=e,n=()=>{a({uri:Zt})};t("global-variables",Zt,{description:"Global variables available (v4)"},async()=>{const e=await(async()=>{const e={};return Object.entries(R.variables()).forEach(([t,a])=>{a.deleted||(e[t]={...a,version:"v4"})}),e})();return{contents:[{uri:Zt,mimeType:"application/json",text:JSON.stringify(e)}]}}),window.addEventListener(A,n),(0,o.__privateListenTo)((0,o.commandEndEvent)("document/save/update"),n)})},ta="global-font-variable",aa="global-size-variable",na=/^(auto|\d+(\.\d+)?(px|rem|em|vh|vw|%|ch|s|ms))$/i,ra=/^(#[0-9a-f]{3,8}|rgba?\(|hsl)/i;function la(e,t){return e===ta&&na.test(t.trim())?`Font variable value must be a font family name (e.g. "Roboto"), not a size value like "${t}". Use "global-size-variable" or "global-custom-size-variable" for spacing/size values.`:"global-color-variable"!==e||ra.test(t.trim())?e!==aa||na.test(t.trim())?e!==ta||function(e){const t=window.elementor?.config?.controls?.font?.options??{},a=e.trim();return!!t?.[a]}(t)?null:`Font "${t}" is not supported in WordPress. Please choose one of the available font families.`:`Size variable value should include a CSS unit (e.g. "16px") or be "auto", got "${t}".`:`Color variable value should be a CSS color (e.g. "#FF0000"), got "${t}".`}const oa=e=>{const{addTool:t,resource:a}=e;a("manage-global-variable-guide",Yt,{title:"Manage Global Variable Guide",description:"Detailed guide for using the manage-global-variable tool",mimeType:"text/plain"},async e=>({contents:[{uri:e.href,mimeType:"text/plain",text:Qt()}]})),t({name:"manage-global-variable",description:"Manage V4 global variables (color, font, size). Read the guide resource before use.",schema:{action:_.z.enum(["create","update","delete"]).describe("Operation to perform"),id:_.z.string().optional().describe("Variable id — required for update/delete. Get from the global-variables resource."),type:_.z.string().optional().describe('Variable type — required for create. One of: "global-color-variable", "global-font-variable", "global-size-variable", "global-custom-size-variable" (size types require Elementor Pro). NEVER store px/rem values in a font variable.'),label:_.z.string().optional().describe("Variable label (lowercase, dash-separated) — required for create/update."),value:_.z.string().optional().describe('Plain CSS value — required for create/update. Color: hex/rgba/hsl. Font: family name only, never px/rem. Size: value with unit e.g. "16px", or "auto" (Pro). Do NOT pass JSON.')},outputSchema:{status:_.z.enum(["ok"]).describe("Operation status"),message:_.z.string().optional().describe("Error details if status is error")},modelPreferences:{intelligencePriority:.75,speedPriority:.75},requiredResources:[{uri:Yt,description:"Full guide for variable types, naming rules, and usage"},{uri:Zt,description:"Current global variables — check before creating to avoid duplicates"}],isDestructive:!0,handler:async e=>{const t=(a=R,{create({type:e,label:t,value:n}){if(!e||!t||!n)throw new Error("Create requires type, label, and value");if((e===aa||"global-custom-size-variable"===e)&&!(0,ge.isProActive)())throw new Error("Creating size variables requires Elementor Pro.");const r=g(t);if(r)throw new Error(r);const l=la(e,n);if(l)throw new Error(l);return a.create({type:e,label:t,value:n})},update({id:e,label:t,value:n}){if(!e||!t||!n)throw new Error("Update requires id, label, and value");const r=g(t);if(r)throw new Error(r);const l=a.variables()[e];if(l){const e=la(l.type,n);if(e)throw new Error(e)}return a.update(e,{label:t,value:n})},delete({id:e}){if(!e)throw new Error("delete requires id");return a.delete(e)}});var a;const n=t[e.action];if(n)return await n(e),{status:"ok"};throw new Error(`Unknown action ${e.action}`)}})},ia=({value:e,onChange:t,onValidationChange:n})=>{const[r,l]=(0,a.useState)(e),[o,i]=(0,a.useState)(""),c=(0,a.useRef)(null),u=ot()??c.current;return a.createElement(s.UnstableColorField,{id:"color-variable-field",size:"tiny",fullWidth:!0,value:r,onChange:e=>{l(e);const a=h(e);i(a),n?.(a),t(a?"":e)},error:o||void 0,slotProps:{colorPicker:{anchorEl:u,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-10},slotProps:{colorIndicator:{size:"inherit",sx:{borderRadius:.5}}}}}})};function sa(){return sa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},sa.apply(null,arguments)}const ca=({value:e,onChange:t,onValidationChange:n})=>{const[r,o]=(0,a.useState)(e),u=(0,a.useRef)(null),p=ot()??u.current,d=(0,s.usePopupState)({variant:"popover"}),m=(0,Q.useFontFamilies)(),b=(0,l.useSectionWidth)(),v=(0,a.useMemo)(()=>m.map(({label:e,fonts:t})=>({label:e,items:t})),[m]),g=(0,a.useId)();return a.createElement(a.Fragment,null,a.createElement(s.UnstableTag,sa({id:g,variant:"outlined",label:r,endIcon:a.createElement(i.ChevronDownIcon,{fontSize:"tiny"})},(0,s.bindTrigger)(d),{fullWidth:!0})),a.createElement(s.Popover,sa({disablePortal:!0,disableScrollLock:!0,anchorEl:p,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-28}},(0,s.bindPopover)(d)),a.createElement(Q.ItemSelector,{id:"font-family-variables-selector",itemsList:v,selectedItem:r,onItemChange:e=>{(e=>{o(e);const a=h(e);n?.(a),t(a?"":e)})(e),d.close()},onClose:d.close,sectionWidth:b,title:(0,c.__)("Font family","elementor"),itemStyle:e=>({fontFamily:e.value}),onDebounce:Q.enqueueFont,icon:i.TextIcon})))},ua=(0,C.createPropUtils)("global-size-variable",_.z.string()),pa=(0,f.createTransformer)(e=>null);function da(){M({key:w.key,valueField:ia,icon:i.BrushIcon,propTypeUtil:w,fallbackPropTypeUtil:C.colorPropTypeUtil,variableType:"color",startIcon:({value:e})=>a.createElement(E,{size:"inherit",component:"span",value:e}),defaultValue:"#ffffff",menuActionsFactory:({variable:e,variableId:t,handlers:a})=>{const n=[];return e.sync_to_v3?n.push({name:(0,c.__)("Stop syncing to Global Colors","elementor"),icon:i.RefreshOffIcon,color:"text.primary",onClick:()=>a.onStopSync(t)}):n.push({name:(0,c.__)("Sync to Global Colors","elementor"),icon:i.RefreshIcon,color:"text.primary",onClick:()=>a.onStartSync(t)}),n}}),M({key:O.key,valueField:ca,icon:i.TextIcon,propTypeUtil:O,fallbackPropTypeUtil:C.stringPropTypeUtil,variableType:"font",defaultValue:"Roboto"});const e={isActive:!1,icon:i.ExpandDiagonalIcon,propTypeUtil:ua,fallbackPropTypeUtil:C.sizePropTypeUtil,styleTransformer:pa,variableType:"size",selectionFilter:()=>[],emptyState:a.createElement(l.CtaButton,{size:"small",href:"https://go.elementor.com/go-pro-panel-size-variable/",onClick:()=>(0,Q.trackUpgradePromotionClick)({target_name:"variables_popover",location_l1:"variables_list"})})};M({...e,key:ua.key,defaultValue:"0px"}),M({...e,key:"global-custom-size-variable"})}const ma=":root";function ba(){const e=(0,o.__privateUseListenTo)((0,o.commandEndEvent)("editor/documents/attach-preview"),()=>(0,o.getCanvasIframeDocument)()?.head),t=function(){const[e,t]=(0,a.useState)({});return(0,a.useEffect)(()=>{const e=z.subscribe(t);return()=>{e()}},[]),e}(),n=Object.keys(t).length>0;if(!e||!n)return null;const r=(l=t,Object.entries(l).map(([e,t])=>function(e,t){return`--${t?.deleted?e:t.label}:${t.value};`}(e,t)).join(""));var l;const i=`${ma}{${r}}`;return a.createElement(s.Portal,{container:e},a.createElement("style",{"data-e-style-id":"e-variables",key:i},i))}const va=(0,C.createPropUtils)("global-custom-size-variable",_.z.string());function ga(e){if(ua.isValid(e)||va.isValid(e)){const t=se(e?.value);return t?.value}if(C.sizePropTypeUtil.isValid(e)){const{size:t,unit:a}=e.value;return"custom"!==a?`${t??0}${a??"px"}`:t||"fx"}return""}const ya=e=>{const t=e?.value?.color?.value;return se(t||"")},ha=({value:e})=>{const t=ya(e);return a.createElement(E,{component:"span",size:"inherit",value:t?.value})},fa=({value:e})=>{const t=ya(e);return a.createElement(s.Box,{component:"span"},t?.label)},Ea=({value:e})=>{const t=ya(e);return a.createElement(E,{component:"span",size:"inherit",value:t?.value})},Ca=({value:e})=>{const{args:t}=C.cssFilterFunctionPropUtil.extract(e)||{},{color:n}=C.dropShadowFilterPropTypeUtil.extract(t)||{},r=se(n?.value||"");return a.createElement(E,{component:"span",size:"inherit",value:r?.value})},_a=({value:e})=>{const t=C.cssFilterFunctionPropUtil.extract(e);if(C.dropShadowFilterPropTypeUtil.isValid(t?.args))return null;const n=t?.args,r=t?.func?.value??"",l=ga(n?.value?.size);return a.createElement(a.Fragment,null,a.createElement(s.Box,{component:"span",style:{textTransform:"capitalize"}},`${r}: `),a.createElement(s.Box,{component:"span"},l))},wa=({value:e})=>{const{args:t}=C.cssFilterFunctionPropUtil.extract(e)||{},{xAxis:n,yAxis:r,blur:l}=C.dropShadowFilterPropTypeUtil.extract(t)||{},o=[];for(const e of[n,r,l]){const t=ga(e);t&&o.push(t)}return a.createElement(s.Box,{component:"span"},(0,c.__)("Drop shadow:","elementor")," ",o.join(" "))},Ta=({value:e})=>{const{position:t,hOffset:n,vOffset:r,blur:l,spread:o}=C.shadowPropTypeUtil.extract(e)||{},i=[];for(const e of[n,r,l,o]){const t=ga(e);t&&i.push(t)}const c=t?.value||"outset";return a.createElement(s.Box,{component:"span",style:{textTransform:"capitalize"}},c,": ",i.join(" "))},Sa=({value:e})=>{const t=[];if(C.moveTransformPropTypeUtil.isValid(e)){t.push((0,c.__)("Move:","elementor"));const{x:a,y:n,z:r}=C.moveTransformPropTypeUtil.extract(e)||{};for(const e of[a,n,r]){const a=ga(e);a&&t.push(a)}}return a.createElement(s.Box,{component:"span"},t.join(" "))},ka=({value:e})=>{let t="";const n=se(e?.value?.size?.value||"");if(n&&C.selectionSizePropTypeUtil.isValid(e)){const a=e.value?.selection?.value?.key?.value;a&&(t+=`${a}: `),t+=n?.value}return a.createElement(s.Box,{component:"span"},t)};function xa(e){return!!ua.isValid(e)||!!va.isValid(e)}function Pa(e){return!!w.isValid(e)}const{registerPopoverAction:Ia}=qe.controlActionsMenu;function Aa(){da(),(0,Q.injectIntoRepeaterItemIcon)({id:"background-color-variables-icon",component:ha,condition:({value:e})=>Pa(C.backgroundColorOverlayPropTypeUtil.extract(e)?.color)}),(0,Q.injectIntoRepeaterItemLabel)({id:"background-color-variables-label",component:fa,condition:({value:e})=>Pa(C.backgroundColorOverlayPropTypeUtil.extract(e)?.color)}),(0,Q.injectIntoRepeaterItemIcon)({id:"box-shadow-color-variables-icon",component:Ea,condition:({value:e})=>{const{color:t}=C.shadowPropTypeUtil.extract(e)||{};return Pa(t)}}),(0,Q.injectIntoRepeaterItemLabel)({id:"color-variables-box-shadow-label",component:Ta,condition:({value:e})=>{const{hOffset:t,vOffset:a,blur:n,spread:r}=C.shadowPropTypeUtil.extract(e)||{};return xa(t)||xa(a)||xa(n)||xa(r)}}),(0,Q.injectIntoRepeaterItemLabel)({id:"transition-size-variables-label",component:ka,condition:({value:e})=>xa(C.selectionSizePropTypeUtil.extract(e)?.size)}),(0,Q.injectIntoRepeaterItemLabel)({id:"transform-size-variables-label",component:Sa,condition:({value:e})=>{if(C.moveTransformPropTypeUtil.isValid(e)){const{x:t,y:a,z:n}=C.moveTransformPropTypeUtil.extract(e)||{};return xa(t)||xa(a)||xa(n)}return!1}}),(0,Q.injectIntoRepeaterItemIcon)({id:"filters-color-variables-icon",component:Ca,condition:({value:e})=>{if(!C.cssFilterFunctionPropUtil.isValid(e))return!1;const t=C.cssFilterFunctionPropUtil.extract(e)?.args;return!!C.dropShadowFilterPropTypeUtil.isValid(t)&&Pa(C.dropShadowFilterPropTypeUtil.extract(t)?.color)}}),(0,Q.injectIntoRepeaterItemLabel)({id:"filters-drop-shadow-size-variables-label",component:wa,condition:({value:e})=>{if(!C.cssFilterFunctionPropUtil.isValid(e))return!1;const t=C.cssFilterFunctionPropUtil.extract(e)?.args;if(C.dropShadowFilterPropTypeUtil.isValid(t)){const{xAxis:e,yAxis:a,blur:n}=C.dropShadowFilterPropTypeUtil.extract(t)||{};return xa(e)||xa(a)||xa(n)}return!1}}),(0,Q.injectIntoRepeaterItemLabel)({id:"filters-size-variables-label",component:_a,condition:({value:e})=>{if(!C.cssFilterFunctionPropUtil.isValid(e))return!1;const t=C.cssFilterFunctionPropUtil.extract(e)?.args;return xa(t?.value?.size)}}),(0,Q.registerControlReplacement)({component:Kt,condition:({value:e,placeholder:t})=>!!Va(e)||!e&&Va(t)}),Ia({id:"variables",priority:40,useProps:qt}),R.init();var e,t;e=(0,Ke.getMCPByDomain)("variables",{instructions:"Everything related to V4 ( Atomic ) variables.\n# Global variables\n- Create/update/delete global variables\n- Get list of global variables\n- Get details of a global variable\n"}),t=(0,Ke.getMCPByDomain)("canvas"),oa(e),ea(e,t),(0,We.injectIntoTop)({id:"canvas-style-variables-render",component:ba}),(0,We.injectIntoLogic)({id:"variables-import-listener",component:Xe}),(0,o.isExperimentActive)("e_editor_design_system_panel")||((0,We.injectIntoLogic)({id:"variables-open-panel-from-url",component:at}),(0,We.injectIntoLogic)({id:"variables-open-panel-from-event",component:Qe}),(0,r.__registerPanel)(Me))}function Va(e){return!!(0,C.isTransformable)(e)&&$(e.$$type)}const Oa=e=>t=>{const a=String(t);return{$$type:e,value:R.variables()[a]?a:R.findIdByLabel(a)}},za={globalVariablesLLMResolvers:{"global-color-variable":Oa("global-color-variable"),"global-font-variable":Oa("global-font-variable"),"global-size-variable":Oa("global-size-variable")}};(window.elementorV2=window.elementorV2||{}).editorVariables=t}(),window.elementorV2.editorVariables?.init?.();