← All changes | assets/js/packages/editor-variables/editor-variables.js +3802 -7213 4.2.0-dev2 → 4.3.1 View file →

		@@ -1,7305 +1,3894 @@
1		-/******/ (function() { // webpackBootstrap
2		-/******/ "use strict";
3		-/******/ var __webpack_modules__ = ({
	1	+(function(react, _elementor_editor_current_user, _elementor_editor_panels, _elementor_editor_ui, _elementor_icons, _elementor_ui, _wordpress_i18n, _elementor_events, _elementor_editor_canvas, _elementor_editor_props, _elementor_schema, _elementor_http_client, _elementor_editor_v1_adapters, _elementor_editor_controls, _elementor_utils, _elementor_editor, _elementor_editor_mcp, _elementor_menus) {
4	2
5		-/***/ "./packages/packages/core/editor-variables/src/api.ts":
6		-/*!************************************************************!*\
7		- !*** ./packages/packages/core/editor-variables/src/api.ts ***!
8		- \************************************************************/
9		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	3	+//#region \0rolldown/runtime.js
	4	+ var __create = Object.create;
	5	+ var __defProp$1 = Object.defineProperty;
	6	+ var __name = (target, value) => __defProp$1(target, "name", {
	7	+ value,
	8	+ configurable: true
	9	+ });
	10	+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
	11	+ var __getOwnPropNames = Object.getOwnPropertyNames;
	12	+ var __getProtoOf = Object.getPrototypeOf;
	13	+ var __hasOwnProp = Object.prototype.hasOwnProperty;
	14	+ var __exportAll = (all, no_symbols) => {
	15	+ let target = {};
	16	+ for (var name in all) {
	17	+ __defProp$1(target, name, {
	18	+ get: all[name],
	19	+ enumerable: true
	20	+ });
	21	+ }
	22	+ if (!no_symbols) {
	23	+ __defProp$1(target, Symbol.toStringTag, { value: "Module" });
	24	+ }
	25	+ return target;
	26	+ };
	27	+ var __copyProps = (to, from, except, desc) => {
	28	+ if (from && typeof from === "object" || typeof from === "function") {
	29	+ for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
	30	+ key = keys[i];
	31	+ if (!__hasOwnProp.call(to, key) && key !== except) {
	32	+ __defProp$1(to, key, {
	33	+ get: ((k) => from[k]).bind(null, key),
	34	+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
	35	+ });
	36	+ }
	37	+ }
	38	+ }
	39	+ return to;
	40	+ };
	41	+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp$1(target, "default", {
	42	+ value: mod,
	43	+ enumerable: true
	44	+ }) : target, mod));
10	45
11		-__webpack_require__.r(__webpack_exports__);
12		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13		-/* harmony export */ apiClient: function() { return /* binding */ apiClient; }
14		-/* harmony export */ });
15		-/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/http-client */ "@elementor/http-client");
16		-/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__);
	46	+//#endregion
	47	+react = __toESM(react);
17	48
18		-const BASE_PATH = 'elementor/v1/variables';
19		-const apiClient = {
20		- list: () => {
21		- return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().get(BASE_PATH + '/list');
22		- },
23		- create: (type, label, value) => {
24		- return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().post(BASE_PATH + '/create', {
25		- type,
26		- label,
27		- value
28		- });
29		- },
30		- update: (id, label, value, type) => {
31		- return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().put(BASE_PATH + '/update', {
32		- id,
33		- label,
34		- value,
35		- type
36		- });
37		- },
38		- delete: id => {
39		- return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().post(BASE_PATH + '/delete', {
40		- id
41		- });
42		- },
43		- restore: (id, label, value, type) => {
44		- const payload = {
45		- id
46		- };
47		- if (label) {
48		- payload.label = label;
49		- }
50		- if (value) {
51		- payload.value = value;
52		- }
53		- if (type) {
54		- payload.type = type;
55		- }
56		- return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().post(BASE_PATH + '/restore', payload);
57		- },
58		- batch: payload => {
59		- return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().post(BASE_PATH + '/batch', payload);
60		- }
61		-};
	49	+//#region packages/packages/core/editor-variables/src/utils/tracking.ts
	50	+ var trackVariableEvent = ({ varType, controlPath, action, executedBy }) => {
	51	+ const { dispatchEvent, config } = (0, _elementor_events.getMixpanel)();
	52	+ if (!config?.names?.variables?.[action]) return;
	53	+ const name = config.names.variables[action];
	54	+ let eventData = {
	55	+ var_type: varType,
	56	+ action_type: name
	57	+ };
	58	+ if (executedBy) eventData.executed_by = executedBy;
	59	+ const defaultLocationInfo = {
	60	+ location: config?.locations?.variables || "",
	61	+ secondaryLocation: config?.secondaryLocations?.variablesPopover || "",
	62	+ trigger: config?.triggers?.click || ""
	63	+ };
	64	+ if (!executedBy || executedBy !== "mcp_tool") eventData = {
	65	+ ...defaultLocationInfo,
	66	+ ...eventData
	67	+ };
	68	+ if (controlPath) eventData.control_path = controlPath;
	69	+ dispatchEvent?.(name, eventData);
	70	+ };
	71	+ var trackVariablesManagerEvent = ({ action, source, varType, controlPath }) => {
	72	+ const { dispatchEvent, config } = (0, _elementor_events.getMixpanel)();
	73	+ if (!config?.names?.variables?.[action]) return;
	74	+ const name = config.names.variables[action];
	75	+ const eventData = {
	76	+ location: config?.locations?.variablesManager || "",
	77	+ trigger: config?.triggers?.click || "",
	78	+ action_type: name
	79	+ };
	80	+ if (source) eventData.source = source;
	81	+ if (varType) eventData.var_type = varType;
	82	+ if (controlPath) eventData.style_control_path = controlPath;
	83	+ dispatchEvent?.(name, eventData);
	84	+ };
	85	+ var trackVariableSyncToV3 = ({ variableLabel, action }) => {
	86	+ const { dispatchEvent, config } = (0, _elementor_events.getMixpanel)();
	87	+ if (!config?.names?.variables?.variableSyncToV3) return;
	88	+ const name = config.names.variables.variableSyncToV3;
	89	+ const isSync = action === "sync";
	90	+ dispatchEvent?.(name, {
	91	+ interaction_type: "click",
	92	+ target_type: variableLabel,
	93	+ target_name: isSync ? "sync_to_v3" : "unsync_to_v3",
	94	+ interaction_result: isSync ? "var_is_synced_to_V3" : "var_is_unsynced_from_V3",
	95	+ target_location: "widget_panel",
	96	+ location_l1: "var_manager",
	97	+ interaction_description: isSync ? `user_synced_${variableLabel}_to_v3` : `user_unsync_${variableLabel}_from_v3`
	98	+ });
	99	+ };
62	100
63		-/***/ }),
	101	+//#endregion
	102	+//#region packages/packages/core/editor-variables/src/utils/validations.ts
	103	+ var ERROR_MESSAGES = {
	104	+ MISSING_VARIABLE_NAME: (0, _wordpress_i18n.__)("Give your variable a name.", "elementor"),
	105	+ MISSING_VARIABLE_VALUE: (0, _wordpress_i18n.__)("Add a value to complete your variable.", "elementor"),
	106	+ INVALID_CHARACTERS: (0, _wordpress_i18n.__)("Use letters, numbers, dashes (-), or underscores (_) for the name.", "elementor"),
	107	+ NO_NON_SPECIAL_CHARACTER: (0, _wordpress_i18n.__)("Names have to include at least one non-special character.", "elementor"),
	108	+ VARIABLE_LABEL_MAX_LENGTH: (0, _wordpress_i18n.__)("Keep names up to 50 characters.", "elementor"),
	109	+ DUPLICATED_LABEL: (0, _wordpress_i18n.__)("This variable name already exists. Please choose a unique name.", "elementor"),
	110	+ UNEXPECTED_ERROR: (0, _wordpress_i18n.__)("There was a glitch. Try saving your variable again.", "elementor"),
	111	+ BATCH: {
	112	+ DUPLICATED_LABELS: (count, name) => (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("We found %1$d duplicated %2$s.", "elementor"), count, name),
	113	+ UNEXPECTED_ERROR: (0, _wordpress_i18n.__)("There was a glitch.", "elementor"),
	114	+ DUPLICATED_LABEL_ACTION: (0, _wordpress_i18n.__)("Take me there", "elementor"),
	115	+ DUPLICATED_LABEL_ACTION_MESSAGE: (0, _wordpress_i18n.__)("Please rename the variables.", "elementor"),
	116	+ UNEXPECTED_ERROR_ACTION_MESSAGE: (0, _wordpress_i18n.__)("Try saving your variables again.", "elementor")
	117	+ }
	118	+ };
	119	+ var VARIABLE_LABEL_MAX_LENGTH = 50;
	120	+ var mapServerError = (error) => {
	121	+ if (error?.response?.data?.code === "duplicated_label") return {
	122	+ field: "label",
	123	+ message: ERROR_MESSAGES.DUPLICATED_LABEL
	124	+ };
	125	+ if (error?.response?.data?.code === "batch_duplicated_label") {
	126	+ const errorData = error?.response?.data?.data ?? {};
	127	+ const count = Object.keys(errorData).length;
	128	+ const name = count === 1 ? "name" : "names";
	129	+ const duplicatedIds = Object.keys(errorData);
	130	+ return {
	131	+ field: "label",
	132	+ message: ERROR_MESSAGES.BATCH.DUPLICATED_LABELS(count, name),
	133	+ severity: "error",
	134	+ IconComponent: _elementor_icons.AlertTriangleFilledIcon,
	135	+ action: {
	136	+ label: ERROR_MESSAGES.BATCH.DUPLICATED_LABEL_ACTION,
	137	+ message: ERROR_MESSAGES.BATCH.DUPLICATED_LABEL_ACTION_MESSAGE,
	138	+ data: { duplicatedIds }
	139	+ }
	140	+ };
	141	+ }
	142	+ if (error?.response?.data?.code === "batch_operation_failed") return {
	143	+ field: "label",
	144	+ message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR,
	145	+ severity: "secondary",
	146	+ IconComponent: _elementor_icons.InfoCircleFilledIcon,
	147	+ action: { message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR_ACTION_MESSAGE }
	148	+ };
	149	+ };
	150	+ var validateLabel = (name, variables) => {
	151	+ if (!name.trim()) return ERROR_MESSAGES.MISSING_VARIABLE_NAME;
	152	+ if (!/^[a-zA-Z0-9_-]+$/.test(name)) return ERROR_MESSAGES.INVALID_CHARACTERS;
	153	+ if (!/[a-zA-Z0-9]/.test(name)) return ERROR_MESSAGES.NO_NON_SPECIAL_CHARACTER;
	154	+ if (50 < name.length) return ERROR_MESSAGES.VARIABLE_LABEL_MAX_LENGTH;
	155	+ if (Object.values(variables ?? {}).some((variable) => variable.label === name)) return ERROR_MESSAGES.DUPLICATED_LABEL;
	156	+ return "";
	157	+ };
	158	+ var labelHint = (name) => {
	159	+ if (50 * .8 - 1 < name.length) return ERROR_MESSAGES.VARIABLE_LABEL_MAX_LENGTH;
	160	+ return "";
	161	+ };
	162	+ var validateValue = (value) => {
	163	+ if (!value.trim()) return ERROR_MESSAGES.MISSING_VARIABLE_VALUE;
	164	+ return "";
	165	+ };
64	166
65		-/***/ "./packages/packages/core/editor-variables/src/batch-operations.ts":
66		-/*!*************************************************************************!*\
67		- !*** ./packages/packages/core/editor-variables/src/batch-operations.ts ***!
68		- \*************************************************************************/
69		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	167	+//#endregion
	168	+//#region packages/packages/core/editor-variables/src/components/ui/color-indicator.tsx
	169	+ var ColorIndicator = (0, _elementor_ui.styled)(_elementor_ui.UnstableColorIndicator)(({ theme }) => ({
	170	+ borderRadius: `${theme.shape.borderRadius / 2}px`,
	171	+ marginRight: theme.spacing(.25)
	172	+ }));
70	173
71		-__webpack_require__.r(__webpack_exports__);
72		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
73		-/* harmony export */ buildOperationsArray: function() { return /* binding */ buildOperationsArray; },
74		-/* harmony export */ generateTempId: function() { return /* binding */ generateTempId; },
75		-/* harmony export */ isTempId: function() { return /* binding */ isTempId; }
76		-/* harmony export */ });
77		-const generateTempId = () => {
78		- const timestamp = Date.now().toString(36);
79		- const random = Math.random().toString(36).substring(2, 8);
80		- return `tmp-${timestamp}-${random}`;
81		-};
82		-const isTempId = id => {
83		- return id.startsWith('tmp-');
84		-};
85		-const buildOperationsArray = (originalVariables, currentVariables, deletedVariables) => {
86		- const operations = [];
87		- Object.entries(currentVariables).forEach(([id, variable]) => {
88		- if (isTempId(id)) {
89		- operations.push({
90		- type: 'create',
91		- variable: {
92		- ...variable,
93		- id
94		- }
95		- });
96		- } else if (originalVariables[id]) {
97		- const original = originalVariables[id];
98		- const syncChanged = original.sync_to_v3 !== variable.sync_to_v3;
99		- if (original.deleted && !variable.deleted) {
100		- operations.push({
101		- type: 'restore',
102		- id,
103		- ...(original.label !== variable.label && {
104		- label: variable.label
105		- }),
106		- ...(original.value !== variable.value && {
107		- value: variable.value
108		- })
109		- });
110		- } else if (!variable.deleted && (original.label !== variable.label || original.value !== variable.value || original.order !== variable.order || original.type !== variable.type || syncChanged)) {
111		- operations.push({
112		- type: 'update',
113		- id,
114		- variable: {
115		- ...(original.label !== variable.label && {
116		- label: variable.label
117		- }),
118		- ...(original.value !== variable.value && {
119		- value: variable.value
120		- }),
121		- ...(original.order !== variable.order && {
122		- order: variable.order
123		- }),
124		- ...(original.type !== variable.type && {
125		- type: variable.type
126		- }),
127		- ...(syncChanged && {
128		- sync_to_v3: variable.sync_to_v3
129		- })
130		- }
131		- });
132		- }
133		- }
134		- });
135		- deletedVariables.forEach(id => {
136		- operations.push({
137		- type: 'delete',
138		- id
139		- });
140		- });
141		- return operations.filter(op => {
142		- const id = op.id || op.variable?.id;
143		- return id && !(isTempId(id) && currentVariables[id]?.deleted);
144		- });
145		-};
	174	+//#endregion
	175	+//#region packages/packages/core/editor-variables/src/prop-types/color-variable-prop-type.ts
	176	+ var colorVariablePropTypeUtil = (0, _elementor_editor_props.createPropUtils)("global-color-variable", _elementor_schema.z.string());
146	177
147		-/***/ }),
	178	+//#endregion
	179	+//#region packages/packages/core/editor-variables/src/api.ts
	180	+ var apiClient = {
	181	+ list: () => {
	182	+ return (0, _elementor_http_client.httpService)().get("elementor/v1/variables/list");
	183	+ },
	184	+ create: (type, label, value) => {
	185	+ return (0, _elementor_http_client.httpService)().post("elementor/v1/variables/create", {
	186	+ type,
	187	+ label,
	188	+ value
	189	+ });
	190	+ },
	191	+ update: (id, label, value, type) => {
	192	+ return (0, _elementor_http_client.httpService)().put("elementor/v1/variables/update", {
	193	+ id,
	194	+ label,
	195	+ value,
	196	+ type
	197	+ });
	198	+ },
	199	+ delete: (id) => {
	200	+ return (0, _elementor_http_client.httpService)().post("elementor/v1/variables/delete", { id });
	201	+ },
	202	+ restore: (id, label, value, type) => {
	203	+ const payload = { id };
	204	+ if (label) payload.label = label;
	205	+ if (value) payload.value = value;
	206	+ if (type) payload.type = type;
	207	+ return (0, _elementor_http_client.httpService)().post("elementor/v1/variables/restore", payload);
	208	+ },
	209	+ batch: (payload) => {
	210	+ return (0, _elementor_http_client.httpService)().post("elementor/v1/variables/batch", payload);
	211	+ }
	212	+ };
148	213
149		-/***/ "./packages/packages/core/editor-variables/src/components/fields/color-field.tsx":
150		-/*!***************************************************************************************!*\
151		- !*** ./packages/packages/core/editor-variables/src/components/fields/color-field.tsx ***!
152		- \***************************************************************************************/
153		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	214	+//#endregion
	215	+//#region packages/packages/core/editor-variables/src/batch-operations.ts
	216	+ var generateTempId = () => {
	217	+ return `tmp-${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 8)}`;
	218	+ };
	219	+ var isTempId = (id) => {
	220	+ return id.startsWith("tmp-");
	221	+ };
	222	+ var buildOperationsArray = (originalVariables, currentVariables, deletedVariables) => {
	223	+ const operations = [];
	224	+ Object.entries(currentVariables).forEach(([id, variable]) => {
	225	+ if (isTempId(id)) operations.push({
	226	+ type: "create",
	227	+ variable: {
	228	+ ...variable,
	229	+ id
	230	+ }
	231	+ });
	232	+ else if (originalVariables[id]) {
	233	+ const original = originalVariables[id];
	234	+ const syncChanged = original.sync_to_v3 !== variable.sync_to_v3;
	235	+ if (original.deleted && !variable.deleted) operations.push({
	236	+ type: "restore",
	237	+ id,
	238	+ ...original.label !== variable.label && { label: variable.label },
	239	+ ...original.value !== variable.value && { value: variable.value }
	240	+ });
	241	+ else if (!variable.deleted && (original.label !== variable.label || original.value !== variable.value || original.order !== variable.order || original.type !== variable.type || syncChanged)) operations.push({
	242	+ type: "update",
	243	+ id,
	244	+ variable: {
	245	+ ...original.label !== variable.label && { label: variable.label },
	246	+ ...original.value !== variable.value && { value: variable.value },
	247	+ ...original.order !== variable.order && { order: variable.order },
	248	+ ...original.type !== variable.type && { type: variable.type },
	249	+ ...syncChanged && { sync_to_v3: variable.sync_to_v3 }
	250	+ }
	251	+ });
	252	+ }
	253	+ });
	254	+ deletedVariables.forEach((id) => {
	255	+ operations.push({
	256	+ type: "delete",
	257	+ id
	258	+ });
	259	+ });
	260	+ return operations.filter((op) => {
	261	+ const id = op.id || op.variable?.id;
	262	+ return id && !(isTempId(id) && currentVariables[id]?.deleted);
	263	+ });
	264	+ };
154	265
155		-__webpack_require__.r(__webpack_exports__);
156		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
157		-/* harmony export */ ColorField: function() { return /* binding */ ColorField; }
158		-/* harmony export */ });
159		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
160		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
161		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
162		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
163		-/* harmony import */ var _context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../context/variable-selection-popover.context */ "./packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx");
164		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
	266	+//#endregion
	267	+//#region packages/packages/core/editor-variables/src/storage.ts
	268	+ var __defProp = Object.defineProperty;
	269	+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
	270	+ enumerable: true,
	271	+ configurable: true,
	272	+ writable: true,
	273	+ value
	274	+ }) : obj[key] = value;
	275	+ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
	276	+ var STORAGE_KEY = "elementor-global-variables";
	277	+ var STORAGE_WATERMARK_KEY = "elementor-global-variables-watermark";
	278	+ var STORAGE_UPDATED_EVENT = "variables:updated";
	279	+ var OP_RW = "RW";
	280	+ var OP_RO = "RO";
	281	+ var Storage = class {
	282	+ constructor() {
	283	+ __publicField(this, "state");
	284	+ this.state = {
	285	+ watermark: -1,
	286	+ variables: {}
	287	+ };
	288	+ }
	289	+ notifyChange() {
	290	+ window.dispatchEvent(new Event(STORAGE_UPDATED_EVENT));
	291	+ }
	292	+ load() {
	293	+ this.state.watermark = parseInt(localStorage.getItem(STORAGE_WATERMARK_KEY) || "-1");
	294	+ this.state.variables = JSON.parse(localStorage.getItem(STORAGE_KEY) || "{}");
	295	+ return this.state.variables;
	296	+ }
	297	+ fill(variables, watermark) {
	298	+ this.state.variables = {};
	299	+ if (variables && Object.keys(variables).length) this.state.variables = variables;
	300	+ this.state.watermark = watermark;
	301	+ localStorage.setItem(STORAGE_WATERMARK_KEY, this.state.watermark.toString());
	302	+ localStorage.setItem(STORAGE_KEY, JSON.stringify(this.state.variables));
	303	+ this.notifyChange();
	304	+ }
	305	+ add(id, variable) {
	306	+ this.load();
	307	+ this.state.variables[id] = variable;
	308	+ localStorage.setItem(STORAGE_KEY, JSON.stringify(this.state.variables));
	309	+ this.notifyChange();
	310	+ }
	311	+ update(id, variable) {
	312	+ this.load();
	313	+ this.state.variables[id] = variable;
	314	+ localStorage.setItem(STORAGE_KEY, JSON.stringify(this.state.variables));
	315	+ this.notifyChange();
	316	+ }
	317	+ watermark(watermark) {
	318	+ this.state.watermark = watermark;
	319	+ localStorage.setItem(STORAGE_WATERMARK_KEY, this.state.watermark.toString());
	320	+ }
	321	+ watermarkDiff(operation, newWatermark) {
	322	+ const diff = newWatermark - this.state.watermark;
	323	+ if ("RW" === operation) return 1 !== diff;
	324	+ if (OP_RO === operation) return 0 !== diff;
	325	+ return false;
	326	+ }
	327	+ };
165	328
	329	+//#endregion
	330	+//#region packages/packages/core/editor-variables/src/prop-types/font-variable-prop-type.ts
	331	+ var fontVariablePropTypeUtil = (0, _elementor_editor_props.createPropUtils)("global-font-variable", _elementor_schema.z.string());
166	332
	333	+//#endregion
	334	+//#region packages/packages/core/editor-variables/src/create-style-variables-repository.ts
	335	+ var createStyleVariablesRepository = () => {
	336	+ const variables = {};
	337	+ let subscription;
	338	+ const subscribe = (cb) => {
	339	+ subscription = cb;
	340	+ return () => {
	341	+ subscription = () => {};
	342	+ };
	343	+ };
	344	+ const notify = () => {
	345	+ if (typeof subscription === "function") subscription({ ...variables });
	346	+ };
	347	+ const shouldUpdate = (key, maybeUpdated) => {
	348	+ if (!(key in variables)) return true;
	349	+ if (variables[key].label !== maybeUpdated.label) return true;
	350	+ if (variables[key].value !== maybeUpdated.value) return true;
	351	+ if (!variables[key]?.deleted && maybeUpdated?.deleted) return true;
	352	+ if (variables[key]?.deleted && !maybeUpdated?.deleted) return true;
	353	+ return false;
	354	+ };
	355	+ const applyUpdates = (updatedVars) => {
	356	+ let hasChanges = false;
	357	+ for (const [key, variable] of Object.entries(updatedVars)) if (shouldUpdate(key, variable)) {
	358	+ variables[key] = variable;
	359	+ if (variable.type === fontVariablePropTypeUtil.key) fontEnqueue(variable.value);
	360	+ hasChanges = true;
	361	+ }
	362	+ return hasChanges;
	363	+ };
	364	+ const fontEnqueue = (value) => {
	365	+ if (!value) return;
	366	+ try {
	367	+ (0, _elementor_editor_v1_adapters.enqueueFont)(value);
	368	+ } catch {}
	369	+ };
	370	+ const update = (updatedVars) => {
	371	+ if (applyUpdates(updatedVars)) notify();
	372	+ };
	373	+ return {
	374	+ subscribe,
	375	+ update
	376	+ };
	377	+ };
167	378
	379	+//#endregion
	380	+//#region packages/packages/core/editor-variables/src/style-variables-repository.ts
	381	+ var styleVariablesRepository = createStyleVariablesRepository();
168	382
	383	+//#endregion
	384	+//#region packages/packages/core/editor-variables/src/service.ts
	385	+ var storage = new Storage();
	386	+ var service = {
	387	+ variables: () => {
	388	+ return storage.load();
	389	+ },
	390	+ findIdByLabel(needle) {
	391	+ const variableId = Object.entries(this.variables()).find(([, variable]) => variable.label === needle);
	392	+ if (!variableId) throw new Error(`Variable with label ${needle} not found`);
	393	+ return variableId[0];
	394	+ },
	395	+ findVariableByLabel(needle) {
	396	+ return Object.values(this.variables()).find((variable) => variable.label === needle) || null;
	397	+ },
	398	+ getWatermark: () => {
	399	+ return storage.state.watermark;
	400	+ },
	401	+ init: () => {
	402	+ return service.load();
	403	+ },
	404	+ load: () => {
	405	+ return apiClient.list().then((response) => {
	406	+ const { success, data: payload } = response.data;
	407	+ if (!success) throw new Error("Unexpected response from server");
	408	+ return payload;
	409	+ }).then((data) => {
	410	+ const { variables, watermark } = data;
	411	+ storage.fill(variables, watermark);
	412	+ styleVariablesRepository.update(variables);
	413	+ return variables;
	414	+ });
	415	+ },
	416	+ create: ({ type, label, value }, options = {}) => {
	417	+ return apiClient.create(type, label, value).then((response) => {
	418	+ const { success, data: payload } = response.data;
	419	+ if (!success) {
	420	+ const errorMessage = payload?.message || (0, _wordpress_i18n.__)("Unexpected response from server", "elementor");
	421	+ throw new Error(errorMessage);
	422	+ }
	423	+ return payload;
	424	+ }).then((data) => {
	425	+ const { variable, watermark } = data;
	426	+ handleWatermark("RW", watermark);
	427	+ const { id: variableId, ...createdVariable } = variable;
	428	+ storage.add(variableId, createdVariable);
	429	+ styleVariablesRepository.update({ [variableId]: createdVariable });
	430	+ trackVariableEvent({
	431	+ varType: type,
	432	+ action: "save",
	433	+ ...options.eventData
	434	+ });
	435	+ return {
	436	+ id: variableId,
	437	+ variable: createdVariable
	438	+ };
	439	+ });
	440	+ },
	441	+ update: (id, { label, value, type }, options = {}) => {
	442	+ return apiClient.update(id, label, value, type).then((response) => {
	443	+ const { success, data: payload } = response.data;
	444	+ if (!success) {
	445	+ const errorMessage = payload?.message || (0, _wordpress_i18n.__)("Unexpected response from server", "elementor");
	446	+ throw new Error(errorMessage);
	447	+ }
	448	+ return payload;
	449	+ }).then((data) => {
	450	+ const { variable, watermark } = data;
	451	+ handleWatermark("RW", watermark);
	452	+ const { id: variableId, ...updatedVariable } = variable;
	453	+ storage.update(variableId, updatedVariable);
	454	+ styleVariablesRepository.update({ [variableId]: updatedVariable });
	455	+ trackVariableEvent({
	456	+ varType: updatedVariable.type,
	457	+ action: "update",
	458	+ ...options.eventData
	459	+ });
	460	+ return {
	461	+ id: variableId,
	462	+ variable: updatedVariable
	463	+ };
	464	+ });
	465	+ },
	466	+ delete: (id) => {
	467	+ return apiClient.delete(id).then((response) => {
	468	+ const { success, data: payload } = response.data;
	469	+ if (!success) throw new Error("Unexpected response from server");
	470	+ return payload;
	471	+ }).then((data) => {
	472	+ const { variable, watermark } = data;
	473	+ handleWatermark("RW", watermark);
	474	+ const { id: variableId, ...deletedVariable } = variable;
	475	+ storage.update(variableId, deletedVariable);
	476	+ styleVariablesRepository.update({ [variableId]: deletedVariable });
	477	+ return {
	478	+ id: variableId,
	479	+ variable: deletedVariable
	480	+ };
	481	+ });
	482	+ },
	483	+ restore: (id, label, value, type) => {
	484	+ return apiClient.restore(id, label, value, type).then((response) => {
	485	+ const { success, data: payload } = response.data;
	486	+ if (!success) throw new Error("Unexpected response from server");
	487	+ return payload;
	488	+ }).then((data) => {
	489	+ const { variable, watermark } = data;
	490	+ handleWatermark("RW", watermark);
	491	+ const { id: variableId, ...restoredVariable } = variable;
	492	+ storage.update(variableId, restoredVariable);
	493	+ styleVariablesRepository.update({ [variableId]: restoredVariable });
	494	+ return {
	495	+ id: variableId,
	496	+ variable: restoredVariable
	497	+ };
	498	+ });
	499	+ },
	500	+ batchSave: (originalVariables, currentVariables, deletedVariables) => {
	501	+ const operations = buildOperationsArray(originalVariables, currentVariables, deletedVariables);
	502	+ const batchPayload = {
	503	+ operations,
	504	+ watermark: storage.state.watermark
	505	+ };
	506	+ if (operations.length === 0) return Promise.resolve({
	507	+ success: true,
	508	+ watermark: storage.state.watermark,
	509	+ operations: 0
	510	+ });
	511	+ return apiClient.batch(batchPayload).then((response) => {
	512	+ const { success, data: payload } = response.data;
	513	+ if (!success) throw new Error("Unexpected response from server");
	514	+ return payload;
	515	+ }).then((data) => {
	516	+ const { results, watermark } = data;
	517	+ handleWatermark("RW", watermark);
	518	+ if (results) results.forEach((result) => {
	519	+ const variableId = result.id;
	520	+ if (result.variable) {
	521	+ if (result.type === "create") storage.add(variableId, result.variable);
	522	+ else storage.update(variableId, result.variable);
	523	+ styleVariablesRepository.update({ [variableId]: result.variable });
	524	+ }
	525	+ });
	526	+ return {
	527	+ success: true,
	528	+ watermark,
	529	+ operations: operations.length
	530	+ };
	531	+ });
	532	+ }
	533	+ };
	534	+ var handleWatermark = (operation, newWatermark) => {
	535	+ if (storage.watermarkDiff(operation, newWatermark)) setTimeout(() => service.load(), 500);
	536	+ storage.watermark(newWatermark);
	537	+ };
	538	+ var applyLocalMutation = (action, variableWithId, watermark) => {
	539	+ const { id: variableId, ...variable } = variableWithId;
	540	+ handleWatermark("RW", watermark);
	541	+ if (action === "create") storage.add(variableId, variable);
	542	+ else storage.update(variableId, variable);
	543	+ styleVariablesRepository.update({ [variableId]: variable });
	544	+ };
169	545
170		-const ColorField = ({
171		- value,
172		- onChange,
173		- onValidationChange
174		-}) => {
175		- const [color, setColor] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value);
176		- const [errorMessage, setErrorMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
177		- const defaultRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
178		- const anchorRef = (0,_context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_2__.usePopoverContentRef)() ?? defaultRef.current;
179		- const handleChange = newValue => {
180		- setColor(newValue);
181		- const errorMsg = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_3__.validateValue)(newValue);
182		- setErrorMessage(errorMsg);
183		- onValidationChange?.(errorMsg);
184		- onChange(errorMsg ? '' : newValue);
185		- };
186		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.UnstableColorField, {
187		- id: "color-variable-field",
188		- size: "tiny",
189		- fullWidth: true,
190		- value: color,
191		- onChange: handleChange,
192		- error: errorMessage || undefined,
193		- slotProps: {
194		- colorPicker: {
195		- anchorEl: anchorRef,
196		- anchorOrigin: {
197		- vertical: 'top',
198		- horizontal: 'right'
199		- },
200		- transformOrigin: {
201		- vertical: 'top',
202		- horizontal: -10
203		- },
204		- slotProps: {
205		- colorIndicator: {
206		- size: 'inherit',
207		- sx: {
208		- borderRadius: 0.5
209		- }
210		- }
211		- }
212		- }
213		- }
214		- });
215		-};
	546	+//#endregion
	547	+//#region packages/packages/core/editor-variables/src/transformers/utils/resolve-css-variable.ts
	548	+ var resolveCssVariable = (id, variable) => {
	549	+ let name = id;
	550	+ let fallbackValue = "";
	551	+ if (variable) fallbackValue = variable.value;
	552	+ if (variable && !variable.deleted) name = variable.label;
	553	+ if (!name.trim()) return null;
	554	+ const validCssVariableName = `--${name}`;
	555	+ if (!fallbackValue.trim()) return `var(${validCssVariableName})`;
	556	+ return `var(${validCssVariableName}, ${fallbackValue})`;
	557	+ };
216	558
217		-/***/ }),
	559	+//#endregion
	560	+//#region packages/packages/core/editor-variables/src/transformers/inheritance-transformer.tsx
	561	+ var inheritanceTransformer = (0, _elementor_editor_canvas.createTransformer)((id) => {
	562	+ const variable = service.variables()[id];
	563	+ if (!variable) return /* @__PURE__ */ react.createElement("span", null, (0, _wordpress_i18n.__)("Missing variable", "elementor"));
	564	+ const showColorIndicator = variable.type === colorVariablePropTypeUtil.key;
	565	+ const css = resolveCssVariable(id, variable);
	566	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	567	+ direction: "row",
	568	+ spacing: .5,
	569	+ sx: { paddingInline: "1px" },
	570	+ alignItems: "center"
	571	+ }, showColorIndicator && /* @__PURE__ */ react.createElement(ColorIndicator, {
	572	+ size: "inherit",
	573	+ value: variable.value
	574	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	575	+ variant: "caption",
	576	+ overflow: "hidden",
	577	+ whiteSpace: "nowrap",
	578	+ textOverflow: "ellipsis"
	579	+ }, css));
	580	+ });
218	581
219		-/***/ "./packages/packages/core/editor-variables/src/components/fields/font-field.tsx":
220		-/*!**************************************************************************************!*\
221		- !*** ./packages/packages/core/editor-variables/src/components/fields/font-field.tsx ***!
222		- \**************************************************************************************/
223		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	582	+//#endregion
	583	+//#region packages/packages/core/editor-variables/src/transformers/variable-transformer.ts
	584	+ var variableTransformer = (0, _elementor_editor_canvas.createTransformer)((idOrLabel, { key }) => {
	585	+ const targetVariable = service.variables()[idOrLabel] || service.findVariableByLabel(idOrLabel);
	586	+ if (!targetVariable) return null;
	587	+ if ((0, _elementor_editor_canvas.isGridTrackProperty)(key)) return (0, _elementor_editor_canvas.formatGridTrackRepeat)(parseInt((targetVariable.value ?? "").trim(), 10));
	588	+ return resolveCssVariable(service.findIdByLabel(targetVariable.label), targetVariable);
	589	+ });
224	590
225		-__webpack_require__.r(__webpack_exports__);
226		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
227		-/* harmony export */ FontField: function() { return /* binding */ FontField; }
228		-/* harmony export */ });
229		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
230		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
231		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
232		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
233		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
234		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
235		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
236		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
237		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
238		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
239		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
240		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
241		-/* harmony import */ var _context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../context/variable-selection-popover.context */ "./packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx");
242		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
243		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
	591	+//#endregion
	592	+//#region packages/packages/core/editor-variables/src/variables-registry/create-variable-type-registry.ts
	593	+ function createVariableTypeRegistry() {
	594	+ const variableTypes = {};
	595	+ const registerVariableType = ({ key, icon, startIcon, valueField, propTypeUtil, variableType, defaultValue, selectionFilter, valueTransformer, styleTransformer, fallbackPropTypeUtil, isCompatible, emptyState, isActive = true, menuActionsFactory }) => {
	596	+ const variableTypeKey = key ?? propTypeUtil.key;
	597	+ if (!isCompatible) isCompatible = (propType, variable) => {
	598	+ if ("union" === propType.kind) {
	599	+ if (variable.type in propType.prop_types) return true;
	600	+ }
	601	+ return false;
	602	+ };
	603	+ variableTypes[variableTypeKey] = {
	604	+ icon,
	605	+ startIcon,
	606	+ valueField,
	607	+ propTypeUtil,
	608	+ variableType,
	609	+ defaultValue,
	610	+ selectionFilter,
	611	+ valueTransformer,
	612	+ fallbackPropTypeUtil,
	613	+ isCompatible,
	614	+ emptyState,
	615	+ isActive,
	616	+ menuActionsFactory
	617	+ };
	618	+ registerTransformer(propTypeUtil.key, styleTransformer);
	619	+ registerInheritanceTransformer(propTypeUtil.key);
	620	+ };
	621	+ const registerTransformer = (key, transformer) => {
	622	+ _elementor_editor_canvas.styleTransformersRegistry.register(key, transformer ?? variableTransformer);
	623	+ };
	624	+ const registerInheritanceTransformer = (key) => {
	625	+ _elementor_editor_canvas.stylesInheritanceTransformersRegistry.register(key, inheritanceTransformer);
	626	+ };
	627	+ const getVariableType = (key) => {
	628	+ return variableTypes[key];
	629	+ };
	630	+ const getVariableTypes = () => {
	631	+ return variableTypes;
	632	+ };
	633	+ const hasVariableType = (key) => {
	634	+ return key in variableTypes && !!variableTypes[key].isActive;
	635	+ };
	636	+ return {
	637	+ registerVariableType,
	638	+ getVariableType,
	639	+ getVariableTypes,
	640	+ hasVariableType
	641	+ };
	642	+ }
244	643
	644	+//#endregion
	645	+//#region packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts
	646	+ var { registerVariableType, getVariableType, getVariableTypes, hasVariableType } = createVariableTypeRegistry();
	647	+ function getMenuActionsForVariable(variableType, context) {
	648	+ const typeOptions = getVariableType(variableType);
	649	+ if (typeOptions?.menuActionsFactory) return typeOptions.menuActionsFactory(context);
	650	+ return [];
	651	+ }
245	652
	653	+//#endregion
	654	+//#region packages/packages/core/editor-variables/src/components/ui/delete-confirmation-dialog.tsx
	655	+ var DeleteConfirmationDialog = ({ open, label, closeDialog, onConfirm }) => {
	656	+ return /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog, {
	657	+ open,
	658	+ onClose: closeDialog
	659	+ }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.Title, null, (0, _wordpress_i18n.__)("Delete this variable?", "elementor")), /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.Content, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.ContentText, null, (0, _wordpress_i18n.__)("All elements using", "elementor"), "\xA0", /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	660	+ variant: "subtitle2",
	661	+ component: "span",
	662	+ sx: { lineBreak: "anywhere" }
	663	+ }, label), "\xA0", (0, _wordpress_i18n.__)("will keep their current values, but the variable itself will be removed.", "elementor"))), /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.Actions, {
	664	+ onClose: closeDialog,
	665	+ onConfirm
	666	+ }));
	667	+ };
246	668
	669	+//#endregion
	670	+//#region packages/packages/core/editor-variables/src/hooks/use-permissions.ts
	671	+ var usePermissions = () => {
	672	+ const { canUser, isAdmin } = (0, _elementor_editor_current_user.useCurrentUserCapabilities)();
	673	+ return {
	674	+ canAssign: () => canUser("edit_posts"),
	675	+ canUnlink: () => canUser("edit_posts"),
	676	+ canAdd: () => isAdmin,
	677	+ canDelete: () => isAdmin,
	678	+ canEdit: () => isAdmin,
	679	+ canRestore: () => isAdmin,
	680	+ canManageSettings: () => isAdmin
	681	+ };
	682	+ };
247	683
	684	+//#endregion
	685	+//#region packages/packages/core/editor-variables/src/components/ui/empty-state.tsx
	686	+ var EmptyState = ({ icon, title, message, onAdd, children }) => {
	687	+ const canAdd = usePermissions().canAdd();
	688	+ const displayTitle = canAdd ? title : (0, _wordpress_i18n.__)("There are no variables", "elementor");
	689	+ const displayMessage = canAdd ? message : (0, _wordpress_i18n.__)("With your current role, you can only connect and detach variables.", "elementor");
	690	+ return /* @__PURE__ */ react.createElement(Content, {
	691	+ title: displayTitle,
	692	+ message: displayMessage,
	693	+ icon
	694	+ }, children || onAdd && /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	695	+ variant: "outlined",
	696	+ color: "secondary",
	697	+ size: "small",
	698	+ onClick: onAdd
	699	+ }, (0, _wordpress_i18n.__)("Create a variable", "elementor")));
	700	+ };
	701	+ function Content({ title, message, icon, children }) {
	702	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	703	+ gap: 1,
	704	+ alignItems: "center",
	705	+ justifyContent: "flex-start",
	706	+ height: "100%",
	707	+ color: "text.secondary",
	708	+ sx: {
	709	+ p: 2.5,
	710	+ pt: 8,
	711	+ pb: 5.5
	712	+ }
	713	+ }, icon, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	714	+ align: "center",
	715	+ variant: "subtitle2"
	716	+ }, title), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	717	+ align: "center",
	718	+ variant: "caption",
	719	+ maxWidth: "180px"
	720	+ }, message), children);
	721	+ }
248	722
	723	+//#endregion
	724	+//#region packages/packages/core/editor-variables/src/components/ui/no-search-results.tsx
	725	+ var NoSearchResults = ({ searchValue, onClear, icon }) => {
	726	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	727	+ gap: 1,
	728	+ alignItems: "center",
	729	+ justifyContent: "center",
	730	+ p: 2.5,
	731	+ color: "text.secondary",
	732	+ sx: {
	733	+ pb: 3.5,
	734	+ pt: 8
	735	+ }
	736	+ }, icon, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	737	+ align: "center",
	738	+ variant: "subtitle2"
	739	+ }, (0, _wordpress_i18n.__)("Sorry, nothing matched", "elementor"), /* @__PURE__ */ react.createElement("br", null), "“", searchValue, "”."), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	740	+ align: "center",
	741	+ variant: "caption",
	742	+ sx: {
	743	+ display: "flex",
	744	+ flexDirection: "column"
	745	+ }
	746	+ }, (0, _wordpress_i18n.__)("Try something else.", "elementor"), /* @__PURE__ */ react.createElement(_elementor_ui.Link, {
	747	+ color: "text.secondary",
	748	+ variant: "caption",
	749	+ component: "button",
	750	+ onClick: onClear
	751	+ }, (0, _wordpress_i18n.__)("Clear & try again", "elementor"))));
	752	+ };
249	753
	754	+//#endregion
	755	+//#region packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-auto-edit.ts
	756	+ var useAutoEdit = () => {
	757	+ const [autoEditVariableId, setAutoEditVariableId] = (0, react.useState)(void 0);
	758	+ return {
	759	+ autoEditVariableId,
	760	+ startAutoEdit: (0, react.useCallback)((variableId) => {
	761	+ setAutoEditVariableId(variableId);
	762	+ }, []),
	763	+ handleAutoEditComplete: (0, react.useCallback)(() => {
	764	+ setTimeout(() => {
	765	+ setAutoEditVariableId(void 0);
	766	+ }, 100);
	767	+ }, [])
	768	+ };
	769	+ };
250	770
	771	+//#endregion
	772	+//#region packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-error-navigation.ts
	773	+ var useErrorNavigation = () => {
	774	+ const currentIndexRef = (0, react.useRef)(0);
	775	+ return {
	776	+ createNavigationCallback: (0, react.useCallback)((ids, onNavigate, onComplete) => {
	777	+ return () => {
	778	+ if (!ids?.length) return;
	779	+ const currentIndex = currentIndexRef.current;
	780	+ const currentId = ids[currentIndex];
	781	+ if (currentId) {
	782	+ onNavigate(currentId);
	783	+ const nextIndex = currentIndex + 1;
	784	+ if (nextIndex >= ids.length) {
	785	+ onComplete();
	786	+ currentIndexRef.current = 0;
	787	+ } else currentIndexRef.current = nextIndex;
	788	+ }
	789	+ };
	790	+ }, []),
	791	+ resetNavigation: (0, react.useCallback)(() => {
	792	+ currentIndexRef.current = 0;
	793	+ }, [])
	794	+ };
	795	+ };
251	796
	797	+//#endregion
	798	+//#region packages/packages/core/editor-variables/src/context/variable-type-context.tsx
	799	+ var VariableTypeContext = (0, react.createContext)(null);
	800	+ function VariableTypeProvider({ children, propTypeKey }) {
	801	+ return /* @__PURE__ */ react.createElement(VariableTypeContext.Provider, { value: propTypeKey }, children);
	802	+ }
	803	+ function useVariableType() {
	804	+ const context = (0, react.useContext)(VariableTypeContext);
	805	+ if (context === null) throw new Error("useVariableType must be used within a VariableTypeProvider");
	806	+ return getVariableType(context);
	807	+ }
252	808
253		-const FontField = ({
254		- value,
255		- onChange,
256		- onValidationChange
257		-}) => {
258		- const [fontFamily, setFontFamily] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value);
259		- const defaultRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
260		- const anchorRef = (0,_context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_6__.usePopoverContentRef)() ?? defaultRef.current;
261		- const fontPopoverState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.usePopupState)({
262		- variant: 'popover'
263		- });
264		- const fontFamilies = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useFontFamilies)();
265		- const sectionWidth = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useSectionWidth)();
266		- const mapFontSubs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
267		- return fontFamilies.map(({
268		- label,
269		- fonts
270		- }) => ({
271		- label,
272		- items: fonts
273		- }));
274		- }, [fontFamilies]);
275		- const handleChange = newValue => {
276		- setFontFamily(newValue);
277		- const errorMsg = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_7__.validateValue)(newValue);
278		- onValidationChange?.(errorMsg);
279		- onChange(errorMsg ? '' : newValue);
280		- };
281		- const handleFontFamilyChange = newFontFamily => {
282		- handleChange(newFontFamily);
283		- fontPopoverState.close();
284		- };
285		- const id = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
286		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.UnstableTag, _extends({
287		- id: id,
288		- variant: "outlined",
289		- label: fontFamily,
290		- endIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ChevronDownIcon, {
291		- fontSize: "tiny"
292		- })
293		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindTrigger)(fontPopoverState), {
294		- fullWidth: true
295		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Popover, _extends({
296		- disablePortal: true,
297		- disableScrollLock: true,
298		- anchorEl: anchorRef,
299		- anchorOrigin: {
300		- vertical: 'top',
301		- horizontal: 'right'
302		- },
303		- transformOrigin: {
304		- vertical: 'top',
305		- horizontal: -28
306		- }
307		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindPopover)(fontPopoverState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ItemSelector, {
308		- id: "font-family-variables-selector",
309		- itemsList: mapFontSubs,
310		- selectedItem: fontFamily,
311		- onItemChange: handleFontFamilyChange,
312		- onClose: fontPopoverState.close,
313		- sectionWidth: sectionWidth,
314		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Font family', 'elementor'),
315		- itemStyle: item => ({
316		- fontFamily: item.value
317		- }),
318		- onDebounce: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.enqueueFont,
319		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_3__.TextIcon
320		- })));
321		-};
	809	+//#endregion
	810	+//#region packages/packages/core/editor-variables/src/utils/filter-by-search.ts
	811	+ function filterBySearch(variables, searchValue) {
	812	+ const lowerSearchValue = searchValue.toLowerCase();
	813	+ return variables.filter((variable) => variable.label.toLowerCase().includes(lowerSearchValue));
	814	+ }
322	815
323		-/***/ }),
	816	+//#endregion
	817	+//#region packages/packages/core/editor-variables/src/utils/variables-to-list.ts
	818	+ var variablesToList = (variables) => {
	819	+ return Object.entries(variables).map(([key, variable]) => ({
	820	+ key,
	821	+ ...variable
	822	+ }));
	823	+ };
	824	+ var toNormalizedVariable = ({ key, label, value, order, sync_to_v3: syncToV3 }) => ({
	825	+ key,
	826	+ label,
	827	+ value,
	828	+ order,
	829	+ sync_to_v3: syncToV3
	830	+ });
	831	+ var applySelectionFilters = (variables, variableTypes) => {
	832	+ const grouped = {};
	833	+ variables.forEach((item) => {
	834	+ var _a;
	835	+ return (grouped[_a = item.type] ?? (grouped[_a] = [])).push(item);
	836	+ });
	837	+ return Object.entries(grouped).flatMap(([type, vars]) => {
	838	+ const filter = variableTypes[type]?.selectionFilter;
	839	+ const normalized = vars.map(toNormalizedVariable);
	840	+ return (filter?.(normalized) ?? normalized).map((v) => ({
	841	+ ...v,
	842	+ type
	843	+ }));
	844	+ });
	845	+ };
324	846
325		-/***/ "./packages/packages/core/editor-variables/src/components/fields/label-field.tsx":
326		-/*!***************************************************************************************!*\
327		- !*** ./packages/packages/core/editor-variables/src/components/fields/label-field.tsx ***!
328		- \***************************************************************************************/
329		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	847	+//#endregion
	848	+//#region packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts
	849	+ var getVariables = (includeDeleted = true) => {
	850	+ const variables = service.variables();
	851	+ if (includeDeleted) return variables;
	852	+ return Object.fromEntries(Object.entries(variables).filter(([, variable]) => !variable.deleted));
	853	+ };
	854	+ var hasVariable = (key) => {
	855	+ return getVariables()[key] !== void 0;
	856	+ };
	857	+ var useVariable = (key) => {
	858	+ return getVariable(key);
	859	+ };
	860	+ function getVariable(key) {
	861	+ const variables = getVariables();
	862	+ if (!variables?.[key]) return null;
	863	+ return {
	864	+ ...variables[key],
	865	+ key
	866	+ };
	867	+ }
	868	+ var useFilteredVariables = (searchValue, propTypeKey) => {
	869	+ const baseVariables = usePropVariables(propTypeKey);
	870	+ const typeFilteredVariables = useVariableSelectionFilter(baseVariables);
	871	+ const searchFilteredVariables = filterBySearch(typeFilteredVariables, searchValue);
	872	+ return {
	873	+ list: searchFilteredVariables.sort((a, b) => {
	874	+ return (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER);
	875	+ }),
	876	+ hasMatches: searchFilteredVariables.length > 0,
	877	+ isSourceNotEmpty: typeFilteredVariables.length > 0,
	878	+ hasNoCompatibleVariables: baseVariables.length > 0 && typeFilteredVariables.length === 0
	879	+ };
	880	+ };
	881	+ var useVariableSelectionFilter = (variables) => {
	882	+ const { selectionFilter } = useVariableType();
	883	+ const { propType } = (0, _elementor_editor_controls.useBoundProp)();
	884	+ return selectionFilter ? selectionFilter(variables, propType) : variables;
	885	+ };
	886	+ var usePropVariables = (propKey) => {
	887	+ return (0, react.useMemo)(() => normalizeVariables(propKey), [propKey]);
	888	+ };
	889	+ var getMatchingTypes = (propKey) => {
	890	+ const matchingTypes = [];
	891	+ const allTypes = getVariableTypes();
	892	+ const variableType = getVariableType(propKey);
	893	+ Object.entries(allTypes).forEach(([key, typeOptions]) => {
	894	+ if (variableType.variableType === typeOptions.variableType) matchingTypes.push(key);
	895	+ });
	896	+ return matchingTypes;
	897	+ };
	898	+ var normalizeVariables = (propKey) => {
	899	+ const variables = getVariables(false);
	900	+ const matchingTypes = getMatchingTypes(propKey);
	901	+ return variablesToList(variables).filter((variable) => matchingTypes.includes(variable.type)).map(toNormalizedVariable);
	902	+ };
	903	+ var extractId = ({ id }) => id;
	904	+ var createVariable = (newVariable, options) => {
	905	+ return service.create(newVariable, options).then(extractId);
	906	+ };
	907	+ var updateVariable = (updateId, { value, label, type }, options) => {
	908	+ return service.update(updateId, {
	909	+ value,
	910	+ label,
	911	+ type
	912	+ }, options).then(extractId);
	913	+ };
	914	+ var deleteVariable = (deleteId) => {
	915	+ return service.delete(deleteId).then(extractId);
	916	+ };
	917	+ var restoreVariable = (restoreId, label, value, type) => {
	918	+ return service.restore(restoreId, label, value, type).then(extractId);
	919	+ };
330	920
331		-__webpack_require__.r(__webpack_exports__);
332		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
333		-/* harmony export */ LabelField: function() { return /* binding */ LabelField; },
334		-/* harmony export */ useLabelError: function() { return /* binding */ useLabelError; }
335		-/* harmony export */ });
336		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
337		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
338		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
339		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
340		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
341		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
342		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
343		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
	921	+//#endregion
	922	+//#region packages/packages/core/editor-variables/src/utils/duplicate-label.ts
	923	+ var COPY_SUFFIX = "-Copy";
	924	+ var trimToFit = (base, suffix) => {
	925	+ const combined = base + suffix;
	926	+ if (combined.length <= 50) return combined;
	927	+ return base.slice(0, 50 - suffix.length) + suffix;
	928	+ };
	929	+ var generateDuplicateLabel = (originalLabel, existingLabels) => {
	930	+ const labelsSet = new Set(existingLabels);
	931	+ const firstCandidate = trimToFit(originalLabel, COPY_SUFFIX);
	932	+ if (!labelsSet.has(firstCandidate)) return firstCandidate;
	933	+ for (let i = 2; i <= labelsSet.size + 1; i++) {
	934	+ const candidate = trimToFit(originalLabel, `${COPY_SUFFIX}-${i}`);
	935	+ if (!labelsSet.has(candidate)) return candidate;
	936	+ }
	937	+ return firstCandidate;
	938	+ };
344	939
	940	+//#endregion
	941	+//#region packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-variables-manager-state.ts
	942	+ var useVariablesManagerState = () => {
	943	+ const [variables, setVariables] = (0, react.useState)(() => getVariables(false));
	944	+ const [deletedVariables, setDeletedVariables] = (0, react.useState)([]);
	945	+ const [isSaveDisabled, setIsSaveDisabled] = (0, react.useState)(false);
	946	+ const [isDirty, setIsDirty] = (0, react.useState)(false);
	947	+ const [isSaving, setIsSaving] = (0, react.useState)(false);
	948	+ const [searchValue, setSearchValue] = (0, react.useState)("");
	949	+ (0, react.useEffect)(() => {
	950	+ const handleStorageUpdated = () => {
	951	+ setVariables(getVariables(false));
	952	+ setDeletedVariables([]);
	953	+ setIsDirty(false);
	954	+ };
	955	+ window.addEventListener(STORAGE_UPDATED_EVENT, handleStorageUpdated);
	956	+ return () => {
	957	+ window.removeEventListener(STORAGE_UPDATED_EVENT, handleStorageUpdated);
	958	+ };
	959	+ }, []);
	960	+ const handleOnChange = (0, react.useCallback)((newVariables) => {
	961	+ if (Object.entries(newVariables).some(([id, newVar]) => {
	962	+ const existingVar = variables[id];
	963	+ if (!existingVar) return true;
	964	+ return existingVar.label !== newVar.label || existingVar.value !== newVar.value || existingVar.order !== newVar.order || existingVar.type !== newVar.type || (existingVar.sync_to_v3 ?? false) !== (newVar.sync_to_v3 ?? false);
	965	+ })) {
	966	+ setVariables({
	967	+ ...variables,
	968	+ ...newVariables
	969	+ });
	970	+ setIsDirty(true);
	971	+ }
	972	+ }, [variables]);
	973	+ const createVariable = (0, react.useCallback)((type, defaultName, defaultValue) => {
	974	+ const newId = generateTempId();
	975	+ const newVariable = {
	976	+ id: newId,
	977	+ label: defaultName.trim(),
	978	+ value: defaultValue.trim(),
	979	+ type
	980	+ };
	981	+ setVariables((prev) => ({
	982	+ ...prev,
	983	+ [newId]: newVariable
	984	+ }));
	985	+ setIsDirty(true);
	986	+ return newId;
	987	+ }, []);
	988	+ const duplicateVariable = (0, react.useCallback)((sourceId) => {
	989	+ const newId = generateTempId();
	990	+ setVariables((prev) => {
	991	+ const source = prev[sourceId];
	992	+ if (!source || source.deleted) return prev;
	993	+ const existingLabels = Object.values(prev).filter((v) => !v.deleted).map((v) => v.label);
	994	+ return {
	995	+ ...prev,
	996	+ [newId]: {
	997	+ label: generateDuplicateLabel(source.label, existingLabels),
	998	+ value: source.value,
	999	+ type: source.type
	1000	+ }
	1001	+ };
	1002	+ });
	1003	+ setIsDirty(true);
	1004	+ return newId;
	1005	+ }, []);
	1006	+ const handleDeleteVariable = (0, react.useCallback)((itemId) => {
	1007	+ setDeletedVariables((prev) => [...prev, itemId]);
	1008	+ setVariables((prev) => ({
	1009	+ ...prev,
	1010	+ [itemId]: {
	1011	+ ...prev[itemId],
	1012	+ deleted: true
	1013	+ }
	1014	+ }));
	1015	+ setIsDirty(true);
	1016	+ }, []);
	1017	+ const handleStartSync = (0, react.useCallback)((itemId) => {
	1018	+ setVariables((prev) => ({
	1019	+ ...prev,
	1020	+ [itemId]: {
	1021	+ ...prev[itemId],
	1022	+ sync_to_v3: true
	1023	+ }
	1024	+ }));
	1025	+ setIsDirty(true);
	1026	+ }, []);
	1027	+ const handleStopSync = (0, react.useCallback)((itemId) => {
	1028	+ setVariables((prev) => ({
	1029	+ ...prev,
	1030	+ [itemId]: {
	1031	+ ...prev[itemId],
	1032	+ sync_to_v3: false
	1033	+ }
	1034	+ }));
	1035	+ setIsDirty(true);
	1036	+ }, []);
	1037	+ const handleSearch = (searchTerm) => {
	1038	+ setSearchValue(searchTerm);
	1039	+ };
	1040	+ const handleSave = (0, react.useCallback)(async () => {
	1041	+ const originalVariables = getVariables(false);
	1042	+ setIsSaving(true);
	1043	+ const result = await service.batchSave(originalVariables, variables, deletedVariables);
	1044	+ if (result.success) {
	1045	+ await service.load();
	1046	+ const updatedVariables = service.variables();
	1047	+ setVariables(updatedVariables);
	1048	+ setDeletedVariables([]);
	1049	+ setIsDirty(false);
	1050	+ }
	1051	+ return { success: result.success };
	1052	+ }, [variables, deletedVariables]);
	1053	+ return {
	1054	+ variables: (0, react.useCallback)(() => {
	1055	+ const searchFiltered = filterBySearch(applySelectionFilters(variablesToList(variables).filter((v) => !v.deleted), getVariableTypes()), searchValue);
	1056	+ return Object.fromEntries(searchFiltered.map(({ key, ...rest }) => [key, rest]));
	1057	+ }, [variables, searchValue])(),
	1058	+ deletedVariables,
	1059	+ isDirty,
	1060	+ isSaveDisabled,
	1061	+ handleOnChange,
	1062	+ createVariable,
	1063	+ duplicateVariable,
	1064	+ handleDeleteVariable,
	1065	+ handleStartSync,
	1066	+ handleStopSync,
	1067	+ handleSave,
	1068	+ isSaving,
	1069	+ handleSearch,
	1070	+ searchValue,
	1071	+ setIsSaving,
	1072	+ setIsSaveDisabled
	1073	+ };
	1074	+ };
345	1075
	1076	+//#endregion
	1077	+//#region packages/packages/core/editor-variables/src/hooks/use-quota-permissions.ts
	1078	+ var useQuotaPermissions = (variableType) => {
	1079	+ const quotaConfig = {
	1080	+ ...window.ElementorVariablesQuotaConfig ?? {},
	1081	+ ...window.ElementorVariablesQuotaConfigExtended ?? {}
	1082	+ };
	1083	+ const hasLegacySupport = quotaConfig[variableType] === void 0 && window.elementorPro;
	1084	+ const limit = quotaConfig[variableType] || 0;
	1085	+ const hasPermission = hasLegacySupport || limit > 0;
	1086	+ return {
	1087	+ canAdd: () => hasPermission,
	1088	+ canEdit: () => hasPermission
	1089	+ };
	1090	+ };
346	1091
	1092	+//#endregion
	1093	+//#region packages/packages/core/editor-variables/src/components/ui/variable-promotion-chip.tsx
	1094	+ var VariablePromotionChip = (0, react.forwardRef)(({ variableType, upgradeUrl, trackingData }, ref) => {
	1095	+ const [isOpen, setIsOpen] = (0, react.useState)(false);
	1096	+ (0, _elementor_editor_ui.useCanvasClickHandler)(isOpen, () => setIsOpen(false));
	1097	+ const toggle = (0, react.useCallback)(() => {
	1098	+ setIsOpen((prev) => {
	1099	+ if (!prev) (0, _elementor_editor_controls.trackViewPromotion)(trackingData);
	1100	+ return !prev;
	1101	+ });
	1102	+ }, [trackingData]);
	1103	+ (0, react.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
	1104	+ const title = (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("%s variables", "elementor"), (0, _elementor_utils.capitalize)(variableType));
	1105	+ const content = (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("Upgrade to continue creating and editing %s variables.", "elementor"), variableType);
	1106	+ return /* @__PURE__ */ react.createElement(_elementor_editor_ui.PromotionPopover, {
	1107	+ open: isOpen,
	1108	+ title,
	1109	+ content,
	1110	+ ctaText: (0, _wordpress_i18n.__)("Upgrade now", "elementor"),
	1111	+ ctaUrl: upgradeUrl,
	1112	+ onClose: (e) => {
	1113	+ e.stopPropagation();
	1114	+ setIsOpen(false);
	1115	+ },
	1116	+ onCtaClick: () => (0, _elementor_editor_controls.trackUpgradePromotionClick)(trackingData)
	1117	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Box, {
	1118	+ onClick: (e) => {
	1119	+ e.stopPropagation();
	1120	+ toggle();
	1121	+ },
	1122	+ sx: {
	1123	+ cursor: "pointer",
	1124	+ display: "inline-flex"
	1125	+ }
	1126	+ }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.PromotionChip, null)));
	1127	+ });
347	1128
	1129	+//#endregion
	1130	+//#region packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-create-menu.tsx
	1131	+ var TRACKING_DATA$1 = {
	1132	+ target_name: "variables_manager",
	1133	+ target_location: "variables_manager",
	1134	+ location_l1: "create variable menu"
	1135	+ };
	1136	+ var SIZE$6 = "tiny";
	1137	+ var VariableManagerCreateMenu = ({ variables, onCreate, menuState, outlinedTrigger = false }) => {
	1138	+ const buttonRef = (0, react.useRef)(null);
	1139	+ const variableTypes = getVariableTypes();
	1140	+ const menuOptionConfigs = (0, react.useMemo)(() => Object.entries(variableTypes).filter(([, variable]) => !!variable.defaultValue).map(([key, variable]) => ({
	1141	+ key,
	1142	+ propTypeKey: variable.propTypeUtil.key,
	1143	+ variableType: variable.variableType,
	1144	+ defaultValue: variable.defaultValue || "",
	1145	+ icon: variable.icon
	1146	+ })), [variableTypes]);
	1147	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	1148	+ ...(0, _elementor_ui.bindTrigger)(menuState),
	1149	+ ref: buttonRef,
	1150	+ size: SIZE$6,
	1151	+ variant: outlinedTrigger ? "outlined" : void 0,
	1152	+ "aria-label": (0, _wordpress_i18n.__)("Add variable", "elementor")
	1153	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.PlusIcon, { fontSize: SIZE$6 })), /* @__PURE__ */ react.createElement(_elementor_ui.Menu, {
	1154	+ disablePortal: true,
	1155	+ MenuListProps: { dense: true },
	1156	+ PaperProps: { elevation: 6 },
	1157	+ ...(0, _elementor_ui.bindMenu)(menuState),
	1158	+ anchorEl: buttonRef.current,
	1159	+ anchorOrigin: {
	1160	+ vertical: "bottom",
	1161	+ horizontal: "right"
	1162	+ },
	1163	+ transformOrigin: {
	1164	+ vertical: "top",
	1165	+ horizontal: "right"
	1166	+ },
	1167	+ "data-testid": "variable-manager-create-menu"
	1168	+ }, menuOptionConfigs.map((config) => /* @__PURE__ */ react.createElement(MenuOption, {
	1169	+ key: config.key,
	1170	+ config,
	1171	+ variables,
	1172	+ onCreate,
	1173	+ onClose: menuState.close
	1174	+ }))));
	1175	+ };
	1176	+ var MenuOption = ({ config, variables, onCreate, onClose }) => {
	1177	+ const promotionRef = (0, react.useRef)(null);
	1178	+ const userQuotaPermissions = useQuotaPermissions(config.propTypeKey);
	1179	+ const displayName = (0, _elementor_utils.capitalize)(config.variableType);
	1180	+ const isDisabled = !userQuotaPermissions.canAdd();
	1181	+ const handleClick = () => {
	1182	+ if (isDisabled) {
	1183	+ promotionRef.current?.toggle();
	1184	+ return;
	1185	+ }
	1186	+ const defaultName = getDefaultName(variables, config.variableType);
	1187	+ onCreate(config.key, defaultName, config.defaultValue);
	1188	+ trackVariablesManagerEvent({
	1189	+ action: "add",
	1190	+ varType: config.variableType
	1191	+ });
	1192	+ onClose();
	1193	+ };
	1194	+ return /* @__PURE__ */ react.createElement(_elementor_ui.MenuItem, {
	1195	+ onClick: handleClick,
	1196	+ sx: {
	1197	+ gap: 1.5,
	1198	+ cursor: "pointer"
	1199	+ }
	1200	+ }, (0, react.createElement)(config.icon, {
	1201	+ fontSize: SIZE$6,
	1202	+ color: isDisabled ? "disabled" : "action"
	1203	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	1204	+ variant: "caption",
	1205	+ color: isDisabled ? "text.disabled" : "text.primary"
	1206	+ }, displayName), isDisabled && /* @__PURE__ */ react.createElement(VariablePromotionChip, {
	1207	+ variableType: config.variableType,
	1208	+ upgradeUrl: `https://go.elementor.com/go-pro-manager-${config.variableType}-variable/`,
	1209	+ ref: promotionRef,
	1210	+ trackingData: TRACKING_DATA$1
	1211	+ }));
	1212	+ };
	1213	+ var getDefaultName = (variables, baseName) => {
	1214	+ const pattern = new RegExp(`^${baseName}-(\\d+)$`, "i");
	1215	+ const takenNumbers = /* @__PURE__ */ new Set();
	1216	+ Object.values(variables).forEach((variable) => {
	1217	+ const match = variable.label.match(pattern);
	1218	+ if (match) takenNumbers.add(parseInt(match[1], 10));
	1219	+ });
	1220	+ let counter = 1;
	1221	+ while (takenNumbers.has(counter)) counter++;
	1222	+ return `${baseName}-${counter}`;
	1223	+ };
348	1224
349		-function isLabelEqual(a, b) {
350		- return a.trim().toLowerCase() === b.trim().toLowerCase();
351		-}
352		-const useLabelError = initialError => {
353		- const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialError ?? {
354		- value: '',
355		- message: ''
356		- });
357		- return {
358		- labelFieldError: error,
359		- setLabelFieldError: setError
360		- };
361		-};
362		-const LabelField = ({
363		- value,
364		- error,
365		- onChange,
366		- id,
367		- onErrorChange,
368		- size = 'tiny',
369		- focusOnShow = false,
370		- selectOnShow = false,
371		- showWarningInfotip = false,
372		- variables,
373		- onKeyDown
374		-}) => {
375		- const [label, setLabel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value);
376		- const [errorMessage, setErrorMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
377		- const fieldRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
378		- const handleChange = newValue => {
379		- setLabel(newValue);
380		- const errorMsg = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_3__.validateLabel)(newValue, variables);
381		- setErrorMessage(errorMsg);
382		- onErrorChange?.(errorMsg);
383		- onChange(isLabelEqual(newValue, error?.value ?? '') || errorMsg ? '' : newValue);
384		- };
385		- let errorMsg = errorMessage;
386		- if (isLabelEqual(label, error?.value ?? '') && error?.message) {
387		- errorMsg = error.message;
388		- }
389		- const hintMsg = !errorMsg ? (0,_utils_validations__WEBPACK_IMPORTED_MODULE_3__.labelHint)(label) : '';
390		- const textField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.TextField, {
391		- ref: fieldRef,
392		- id: id,
393		- size: size,
394		- fullWidth: true,
395		- value: label,
396		- error: !!errorMsg,
397		- onChange: e => handleChange(e.target.value),
398		- inputProps: {
399		- maxLength: _utils_validations__WEBPACK_IMPORTED_MODULE_3__.VARIABLE_LABEL_MAX_LENGTH,
400		- ...(selectOnShow && {
401		- onFocus: e => e.target.select()
402		- }),
403		- 'aria-label': 'Name',
404		- onKeyDown
405		- }
406		- // eslint-disable-next-line jsx-a11y/no-autofocus
407		- ,
408		- autoFocus: focusOnShow
409		- });
410		- if (showWarningInfotip) {
411		- const tooltipWidth = Math.max(240, fieldRef.current?.getBoundingClientRect().width ?? 240);
412		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.WarningInfotip, _extends({
413		- open: Boolean(errorMsg || hintMsg),
414		- text: errorMsg || hintMsg,
415		- placement: "bottom-start",
416		- width: tooltipWidth,
417		- offset: [0, -15]
418		- }, hintMsg && {
419		- hasError: false
420		- }), textField);
421		- }
422		- return textField;
423		-};
	1225	+//#endregion
	1226	+//#region packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-cell.tsx
	1227	+ var VariableTableCell = ({ children, isHeader, width, maxWidth, align, noPadding, sx }) => {
	1228	+ const baseSx = {
	1229	+ maxWidth: maxWidth ?? 150,
	1230	+ cursor: "initial",
	1231	+ typography: "caption",
	1232	+ ...isHeader && {
	1233	+ color: "text.primary",
	1234	+ fontWeight: "bold"
	1235	+ },
	1236	+ ...isHeader && !noPadding && { padding: "10px 16px" },
	1237	+ ...width && { width },
	1238	+ ...sx
	1239	+ };
	1240	+ return /* @__PURE__ */ react.createElement(_elementor_ui.TableCell, {
	1241	+ size: "small",
	1242	+ padding: noPadding ? "none" : void 0,
	1243	+ align,
	1244	+ sx: baseSx
	1245	+ }, children);
	1246	+ };
424	1247
425		-/***/ }),
	1248	+//#endregion
	1249	+//#region packages/packages/core/editor-variables/src/components/fields/label-field.tsx
	1250	+ function isLabelEqual(a, b) {
	1251	+ return a.trim().toLowerCase() === b.trim().toLowerCase();
	1252	+ }
	1253	+ var useLabelError = (initialError) => {
	1254	+ const [error, setError] = (0, react.useState)(initialError ?? {
	1255	+ value: "",
	1256	+ message: ""
	1257	+ });
	1258	+ return {
	1259	+ labelFieldError: error,
	1260	+ setLabelFieldError: setError
	1261	+ };
	1262	+ };
	1263	+ var LabelField = ({ value, error, onChange, id, onErrorChange, size = "tiny", focusOnShow = false, selectOnShow = false, showWarningInfotip = false, variables, onKeyDown }) => {
	1264	+ const [label, setLabel] = (0, react.useState)(value);
	1265	+ const [errorMessage, setErrorMessage] = (0, react.useState)("");
	1266	+ const fieldRef = (0, react.useRef)(null);
	1267	+ const handleChange = (newValue) => {
	1268	+ setLabel(newValue);
	1269	+ const errorMsg2 = validateLabel(newValue, variables);
	1270	+ setErrorMessage(errorMsg2);
	1271	+ onErrorChange?.(errorMsg2);
	1272	+ onChange(isLabelEqual(newValue, error?.value ?? "") || errorMsg2 ? "" : newValue);
	1273	+ };
	1274	+ let errorMsg = errorMessage;
	1275	+ if (isLabelEqual(label, error?.value ?? "") && error?.message) errorMsg = error.message;
	1276	+ const hintMsg = !errorMsg ? labelHint(label) : "";
	1277	+ const textField = /* @__PURE__ */ react.createElement(_elementor_ui.TextField, {
	1278	+ ref: fieldRef,
	1279	+ id,
	1280	+ size,
	1281	+ fullWidth: true,
	1282	+ value: label,
	1283	+ error: !!errorMsg,
	1284	+ onChange: (e) => handleChange(e.target.value),
	1285	+ inputProps: {
	1286	+ maxLength: 50,
	1287	+ ...selectOnShow && { onFocus: (e) => e.target.select() },
	1288	+ "aria-label": "Name",
	1289	+ onKeyDown
	1290	+ },
	1291	+ autoFocus: focusOnShow
	1292	+ });
	1293	+ if (showWarningInfotip) {
	1294	+ const tooltipWidth = Math.max(240, fieldRef.current?.getBoundingClientRect().width ?? 240);
	1295	+ return /* @__PURE__ */ react.createElement(_elementor_editor_ui.WarningInfotip, {
	1296	+ open: Boolean(errorMsg || hintMsg),
	1297	+ text: errorMsg || hintMsg,
	1298	+ placement: "bottom-start",
	1299	+ width: tooltipWidth,
	1300	+ offset: [0, -15],
	1301	+ ...hintMsg && { hasError: false }
	1302	+ }, textField);
	1303	+ }
	1304	+ return textField;
	1305	+ };
426	1306
427		-/***/ "./packages/packages/core/editor-variables/src/components/global-styles-import-listener.tsx":
428		-/*!**************************************************************************************************!*\
429		- !*** ./packages/packages/core/editor-variables/src/components/global-styles-import-listener.tsx ***!
430		- \**************************************************************************************************/
431		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	1307	+//#endregion
	1308	+//#region packages/packages/core/editor-variables/src/components/variables-manager/variable-editable-cell.tsx
	1309	+ var VariableEditableCell = react.memo(({ initialValue, children, editableElement, onChange, prefixElement, autoEdit = false, onRowRef, onAutoEditComplete, gap = 1, fieldType, disabled = false }) => {
	1310	+ const [value, setValue] = (0, react.useState)(initialValue);
	1311	+ const [isEditing, setIsEditing] = (0, react.useState)(false);
	1312	+ const { labelFieldError, setLabelFieldError } = useLabelError();
	1313	+ const [valueFieldError, setValueFieldError] = (0, react.useState)("");
	1314	+ const rowRef = (0, react.useRef)(null);
	1315	+ const handleSave = (0, react.useCallback)(() => {
	1316	+ if (!(fieldType === "label" && labelFieldError?.message || fieldType === "value" && valueFieldError)) onChange(value);
	1317	+ setIsEditing(false);
	1318	+ }, [
	1319	+ value,
	1320	+ onChange,
	1321	+ fieldType,
	1322	+ labelFieldError,
	1323	+ valueFieldError
	1324	+ ]);
	1325	+ (0, react.useEffect)(() => {
	1326	+ onRowRef?.(rowRef?.current);
	1327	+ }, [onRowRef]);
	1328	+ (0, react.useEffect)(() => {
	1329	+ if (autoEdit && !isEditing && !disabled) {
	1330	+ setIsEditing(true);
	1331	+ onAutoEditComplete?.();
	1332	+ }
	1333	+ }, [
	1334	+ autoEdit,
	1335	+ isEditing,
	1336	+ onAutoEditComplete,
	1337	+ disabled
	1338	+ ]);
	1339	+ const handleDoubleClick = () => {
	1340	+ if (disabled) return;
	1341	+ setIsEditing(true);
	1342	+ };
	1343	+ const handleKeyDown = (event) => {
	1344	+ if (disabled) return;
	1345	+ if (event.key === "Enter") handleSave();
	1346	+ else if (event.key === "Escape") setIsEditing(false);
	1347	+ if (event.key === " " && !isEditing) {
	1348	+ event.preventDefault();
	1349	+ setIsEditing(true);
	1350	+ }
	1351	+ };
	1352	+ const handleChange = (0, react.useCallback)((newValue) => {
	1353	+ setValue(newValue);
	1354	+ }, []);
	1355	+ const handleValidationChange = (0, react.useCallback)((errorMsg) => {
	1356	+ if (fieldType === "label") setLabelFieldError({
	1357	+ value,
	1358	+ message: errorMsg
	1359	+ });
	1360	+ else setValueFieldError(errorMsg);
	1361	+ }, [
	1362	+ fieldType,
	1363	+ value,
	1364	+ setLabelFieldError,
	1365	+ setValueFieldError
	1366	+ ]);
	1367	+ let currentError;
	1368	+ if (fieldType === "label") currentError = labelFieldError;
	1369	+ else if (fieldType === "value") currentError = {
	1370	+ value,
	1371	+ message: valueFieldError
	1372	+ };
	1373	+ const editableContent = editableElement({
	1374	+ value,
	1375	+ onChange: handleChange,
	1376	+ onValidationChange: handleValidationChange,
	1377	+ error: currentError
	1378	+ });
	1379	+ if (isEditing) return /* @__PURE__ */ react.createElement(_elementor_ui.ClickAwayListener, { onClickAway: handleSave }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	1380	+ ref: rowRef,
	1381	+ direction: "row",
	1382	+ alignItems: "center",
	1383	+ gap,
	1384	+ onDoubleClick: handleDoubleClick,
	1385	+ onKeyDown: handleKeyDown,
	1386	+ tabIndex: 0,
	1387	+ role: "button",
	1388	+ "aria-label": "Double click or press Space to edit"
	1389	+ }, prefixElement, editableContent));
	1390	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	1391	+ ref: rowRef,
	1392	+ direction: "row",
	1393	+ alignItems: "center",
	1394	+ gap,
	1395	+ onDoubleClick: handleDoubleClick,
	1396	+ onKeyDown: handleKeyDown,
	1397	+ tabIndex: disabled ? -1 : 0,
	1398	+ role: "button",
	1399	+ "aria-label": disabled ? "" : "Double click or press Space to edit"
	1400	+ }, prefixElement, children);
	1401	+ });
432	1402
433		-__webpack_require__.r(__webpack_exports__);
434		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
435		-/* harmony export */ GlobalStylesImportListener: function() { return /* binding */ GlobalStylesImportListener; }
436		-/* harmony export */ });
437		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
438		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
439		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
440		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
441		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
	1403	+//#endregion
	1404	+//#region packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-edit-menu.tsx
	1405	+ var VariableEditMenu = ({ menuActions, disabled, itemId }) => {
	1406	+ const menuState = (0, _elementor_ui.usePopupState)({ variant: "popover" });
	1407	+ const triggerProps = (0, _elementor_ui.bindTrigger)(menuState);
	1408	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	1409	+ ...triggerProps,
	1410	+ disabled,
	1411	+ size: "tiny",
	1412	+ onClick: (e) => {
	1413	+ e.stopPropagation();
	1414	+ triggerProps.onClick?.(e);
	1415	+ }
	1416	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.DotsVerticalIcon, { fontSize: "tiny" })), /* @__PURE__ */ react.createElement(_elementor_ui.Menu, {
	1417	+ disablePortal: true,
	1418	+ MenuListProps: { dense: true },
	1419	+ PaperProps: { elevation: 6 },
	1420	+ ...(0, _elementor_ui.bindMenu)(menuState),
	1421	+ anchorEl: menuState.anchorEl,
	1422	+ anchorOrigin: {
	1423	+ vertical: "bottom",
	1424	+ horizontal: "right"
	1425	+ },
	1426	+ transformOrigin: {
	1427	+ vertical: "top",
	1428	+ horizontal: "right"
	1429	+ },
	1430	+ open: menuState.isOpen,
	1431	+ onClose: menuState.close
	1432	+ }, menuActions.map((action) => /* @__PURE__ */ react.createElement(_elementor_ui.MenuItem, {
	1433	+ key: action.name,
	1434	+ onClick: (e) => {
	1435	+ e.stopPropagation();
	1436	+ action.onClick?.(itemId);
	1437	+ menuState.close();
	1438	+ },
	1439	+ sx: {
	1440	+ color: action.color,
	1441	+ gap: 1
	1442	+ }
	1443	+ }, action.icon && (0, react.createElement)(action.icon, { fontSize: "inherit" }), " ", action.name))));
	1444	+ };
442	1445
	1446	+//#endregion
	1447	+//#region packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-row.tsx
	1448	+ var TRACKING_DATA = {
	1449	+ target_name: "variables_manager",
	1450	+ target_location: "variables_manager"
	1451	+ };
	1452	+ var VariableRow = (props) => {
	1453	+ const { row, variables, handleOnChange, autoEditVariableId, onAutoEditComplete, onFieldError, menuActions, handleRowRef, itemProps, showDropIndication, triggerProps, itemStyle, triggerStyle, isDragged, dropPosition, setTriggerRef, isSorting } = props;
	1454	+ const promotionRef = (0, react.useRef)(null);
	1455	+ const isDisabled = !useQuotaPermissions(row.type).canEdit();
	1456	+ const showIndicationBefore = showDropIndication && dropPosition === "before";
	1457	+ const showIndicationAfter = showDropIndication && dropPosition === "after";
	1458	+ return /* @__PURE__ */ react.createElement(_elementor_ui.TableRow, {
	1459	+ ...itemProps,
	1460	+ ref: itemProps.ref,
	1461	+ selected: isDragged,
	1462	+ sx: {
	1463	+ ...isDisabled && { "& td, & th": { color: "text.disabled" } },
	1464	+ ...showIndicationBefore && { "& td, & th": {
	1465	+ borderTop: "2px solid",
	1466	+ borderTopColor: "primary.main"
	1467	+ } },
	1468	+ ...showIndicationAfter && { "& td, & th": {
	1469	+ borderBottom: "2px solid",
	1470	+ borderBottomColor: "primary.main"
	1471	+ } },
	1472	+ "&:hover, &:focus-within": {
	1473	+ backgroundColor: "action.hover",
	1474	+ "& [role=\"toolbar\"], & [draggable]": { opacity: 1 }
	1475	+ },
	1476	+ "& [role=\"toolbar\"], & [draggable]": { opacity: 0 }
	1477	+ },
	1478	+ style: {
	1479	+ ...itemStyle,
	1480	+ ...triggerStyle
	1481	+ },
	1482	+ onClick: () => {
	1483	+ if (isDisabled) promotionRef.current?.toggle();
	1484	+ }
	1485	+ }, /* @__PURE__ */ react.createElement(VariableTableCell, {
	1486	+ noPadding: true,
	1487	+ width: 10,
	1488	+ maxWidth: 10
	1489	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	1490	+ size: "small",
	1491	+ ref: setTriggerRef,
	1492	+ ...triggerProps,
	1493	+ disabled: isSorting,
	1494	+ draggable: true
	1495	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.GripVerticalIcon, { fontSize: "inherit" }))), /* @__PURE__ */ react.createElement(VariableTableCell, null, /* @__PURE__ */ react.createElement(VariableEditableCell, {
	1496	+ initialValue: row.name,
	1497	+ onChange: (value) => {
	1498	+ if (value !== row.name && !isDisabled) handleOnChange({
	1499	+ ...variables,
	1500	+ [row.id]: {
	1501	+ ...variables[row.id],
	1502	+ label: value
	1503	+ }
	1504	+ });
	1505	+ },
	1506	+ prefixElement: (0, react.createElement)(row.icon, {
	1507	+ fontSize: "inherit",
	1508	+ color: isDisabled ? "disabled" : "inherit"
	1509	+ }),
	1510	+ editableElement: ({ value, onChange, onValidationChange, error }) => /* @__PURE__ */ react.createElement(LabelField, {
	1511	+ id: "variable-label-" + row.id,
	1512	+ size: "tiny",
	1513	+ value,
	1514	+ onChange,
	1515	+ onErrorChange: (errorMsg) => {
	1516	+ onValidationChange?.(errorMsg);
	1517	+ onFieldError?.(!!errorMsg);
	1518	+ },
	1519	+ error,
	1520	+ focusOnShow: true,
	1521	+ selectOnShow: autoEditVariableId === row.id,
	1522	+ showWarningInfotip: true,
	1523	+ variables
	1524	+ }),
	1525	+ autoEdit: autoEditVariableId === row.id && !isDisabled,
	1526	+ onRowRef: handleRowRef(row.id),
	1527	+ onAutoEditComplete: autoEditVariableId === row.id ? onAutoEditComplete : void 0,
	1528	+ fieldType: "label",
	1529	+ disabled: isDisabled
	1530	+ }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.EllipsisWithTooltip, {
	1531	+ title: row.name,
	1532	+ sx: { border: "4px solid transparent" }
	1533	+ }, row.name))), /* @__PURE__ */ react.createElement(VariableTableCell, null, /* @__PURE__ */ react.createElement(VariableEditableCell, {
	1534	+ initialValue: row.value,
	1535	+ onChange: (value) => {
	1536	+ if (value !== row.value && !isDisabled) handleOnChange({
	1537	+ ...variables,
	1538	+ [row.id]: {
	1539	+ ...variables[row.id],
	1540	+ value
	1541	+ }
	1542	+ });
	1543	+ },
	1544	+ editableElement: ({ value, onChange, onValidationChange, error }) => row.valueField?.({
	1545	+ value,
	1546	+ onChange,
	1547	+ onPropTypeKeyChange: (type) => {
	1548	+ if (!isDisabled && type !== row.type) handleOnChange({
	1549	+ ...variables,
	1550	+ [row.id]: {
	1551	+ ...variables[row.id],
	1552	+ type
	1553	+ }
	1554	+ });
	1555	+ },
	1556	+ propTypeKey: row.type,
	1557	+ onValidationChange: (errorMsg) => {
	1558	+ onValidationChange?.(errorMsg);
	1559	+ onFieldError?.(!!errorMsg);
	1560	+ },
	1561	+ error
	1562	+ }) ?? /* @__PURE__ */ react.createElement(react.Fragment, null),
	1563	+ onRowRef: handleRowRef(row.id),
	1564	+ gap: .25,
	1565	+ fieldType: "value",
	1566	+ disabled: isDisabled
	1567	+ }, row.startIcon && row.startIcon({ value: row.value }), /* @__PURE__ */ react.createElement(_elementor_editor_ui.EllipsisWithTooltip, {
	1568	+ title: row.value,
	1569	+ sx: {
	1570	+ border: "4px solid transparent",
	1571	+ lineHeight: "1",
	1572	+ pt: .25
	1573	+ }
	1574	+ }, row.value))), /* @__PURE__ */ react.createElement(VariableTableCell, {
	1575	+ align: "right",
	1576	+ noPadding: true,
	1577	+ width: 16,
	1578	+ maxWidth: 16,
	1579	+ sx: { paddingInlineEnd: 1 }
	1580	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	1581	+ role: "toolbar",
	1582	+ direction: "row",
	1583	+ justifyContent: "flex-end",
	1584	+ alignItems: "center"
	1585	+ }, isDisabled && /* @__PURE__ */ react.createElement(VariablePromotionChip, {
	1586	+ variableType: row.variableType,
	1587	+ upgradeUrl: `https://go.elementor.com/renew-license-manager-${row.variableType}-variable`,
	1588	+ ref: promotionRef,
	1589	+ trackingData: TRACKING_DATA
	1590	+ }), /* @__PURE__ */ react.createElement(VariableEditMenu, {
	1591	+ menuActions: menuActions(row.id),
	1592	+ disabled: isSorting,
	1593	+ itemId: row.id
	1594	+ }))));
	1595	+ };
443	1596
	1597	+//#endregion
	1598	+//#region packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-table.tsx
	1599	+ var VariablesManagerTable = ({ menuActions, variables, onChange: handleOnChange, autoEditVariableId, onAutoEditComplete, onFieldError }) => {
	1600	+ const tableContainerRef = (0, react.useRef)(null);
	1601	+ const variableRowRefs = (0, react.useRef)(/* @__PURE__ */ new Map());
	1602	+ (0, react.useEffect)(() => {
	1603	+ if (autoEditVariableId && tableContainerRef.current) {
	1604	+ const rowElement = variableRowRefs.current.get(autoEditVariableId);
	1605	+ if (rowElement) setTimeout(() => {
	1606	+ rowElement.scrollIntoView({
	1607	+ behavior: "smooth",
	1608	+ block: "center",
	1609	+ inline: "nearest"
	1610	+ });
	1611	+ }, 100);
	1612	+ }
	1613	+ }, [autoEditVariableId]);
	1614	+ const handleRowRef = (id) => (ref) => {
	1615	+ if (ref) variableRowRefs.current.set(id, ref);
	1616	+ else variableRowRefs.current.delete(id);
	1617	+ };
	1618	+ const ids = Object.keys(variables).sort(sortVariablesOrder(variables));
	1619	+ const rows = ids.map((id) => {
	1620	+ const variable = variables[id];
	1621	+ const variableType = getVariableType(variable.type);
	1622	+ if (!variableType) return null;
	1623	+ return {
	1624	+ id,
	1625	+ type: variable.type,
	1626	+ name: variable.label,
	1627	+ value: variable.value,
	1628	+ ...variableType
	1629	+ };
	1630	+ }).filter(Boolean);
	1631	+ const tableSX = {
	1632	+ minWidth: 250,
	1633	+ tableLayout: "fixed"
	1634	+ };
	1635	+ const handleReorder = (newIds) => {
	1636	+ const updatedVariables = { ...variables };
	1637	+ newIds.forEach((id, index) => {
	1638	+ const current = updatedVariables[id];
	1639	+ if (!current) return;
	1640	+ updatedVariables[id] = Object.assign({}, current, { order: index + 1 });
	1641	+ });
	1642	+ handleOnChange(updatedVariables);
	1643	+ };
	1644	+ return /* @__PURE__ */ react.createElement(_elementor_ui.TableContainer, {
	1645	+ ref: tableContainerRef,
	1646	+ sx: { overflow: "initial" }
	1647	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Table, {
	1648	+ sx: tableSX,
	1649	+ "aria-label": "Variables manager list with drag and drop reordering",
	1650	+ stickyHeader: true
	1651	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.TableHead, null, /* @__PURE__ */ react.createElement(_elementor_ui.TableRow, null, /* @__PURE__ */ react.createElement(VariableTableCell, {
	1652	+ isHeader: true,
	1653	+ noPadding: true,
	1654	+ width: 10,
	1655	+ maxWidth: 10
	1656	+ }), /* @__PURE__ */ react.createElement(VariableTableCell, { isHeader: true }, (0, _wordpress_i18n.__)("Name", "elementor")), /* @__PURE__ */ react.createElement(VariableTableCell, { isHeader: true }, (0, _wordpress_i18n.__)("Value", "elementor")), /* @__PURE__ */ react.createElement(VariableTableCell, {
	1657	+ isHeader: true,
	1658	+ noPadding: true,
	1659	+ width: 16,
	1660	+ maxWidth: 16
	1661	+ }))), /* @__PURE__ */ react.createElement(_elementor_ui.TableBody, null, /* @__PURE__ */ react.createElement(_elementor_ui.UnstableSortableProvider, {
	1662	+ value: ids,
	1663	+ onChange: handleReorder,
	1664	+ variant: "static",
	1665	+ restrictAxis: true,
	1666	+ dragOverlay: ({ children: dragOverlayChildren, ...dragOverlayProps }) => /* @__PURE__ */ react.createElement(_elementor_ui.Table, {
	1667	+ sx: tableSX,
	1668	+ ...dragOverlayProps
	1669	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.TableBody, null, dragOverlayChildren))
	1670	+ }, rows.map((row) => /* @__PURE__ */ react.createElement(_elementor_ui.UnstableSortableItem, {
	1671	+ key: row.id,
	1672	+ id: row.id,
	1673	+ render: (props) => /* @__PURE__ */ react.createElement(VariableRow, {
	1674	+ ...props,
	1675	+ row,
	1676	+ variables,
	1677	+ handleOnChange,
	1678	+ autoEditVariableId,
	1679	+ onAutoEditComplete,
	1680	+ onFieldError,
	1681	+ menuActions,
	1682	+ handleRowRef
	1683	+ })
	1684	+ }))))));
	1685	+ };
	1686	+ function sortVariablesOrder(variables) {
	1687	+ return (a, b) => {
	1688	+ return (variables[a]?.order ?? Number.MAX_SAFE_INTEGER) - (variables[b]?.order ?? Number.MAX_SAFE_INTEGER);
	1689	+ };
	1690	+ }
444	1691
445		-function GlobalStylesImportListener() {
446		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
447		- const handleGlobalStylesImported = () => {
448		- _service__WEBPACK_IMPORTED_MODULE_2__.service.load();
449		- };
450		- window.addEventListener(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
451		- return () => {
452		- window.removeEventListener(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
453		- };
454		- }, []);
455		- return null;
456		-}
	1692	+//#endregion
	1693	+//#region packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-panel.tsx
	1694	+ var STOP_SYNC_MESSAGE_KEY = "stop-sync-variable";
	1695	+ function VariablesManagerPanelEmbedded({ onRequestClose, onExposeCloseAttempt }) {
	1696	+ return /* @__PURE__ */ react.createElement(VariablesManagerPanelContent, {
	1697	+ onRequestClose,
	1698	+ onExposeCloseAttempt
	1699	+ });
	1700	+ }
	1701	+ function VariablesManagerPanelContent({ onRequestClose, onExposeCloseAttempt }) {
	1702	+ const { open: openSaveChangesDialog, close: closeSaveChangesDialog, isOpen: isSaveChangesDialogOpen } = (0, _elementor_editor_ui.useDialog)();
	1703	+ const [isStopSyncSuppressed] = (0, _elementor_editor_current_user.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
	1704	+ const createMenuState = (0, _elementor_ui.usePopupState)({ variant: "popover" });
	1705	+ const { variables, isDirty, searchValue, isSaveDisabled, handleOnChange, createVariable, duplicateVariable, handleDeleteVariable, handleStartSync: startSyncFromState, handleStopSync: stopSyncFromState, handleSave, isSaving, handleSearch, setIsSaving, setIsSaveDisabled } = useVariablesManagerState();
	1706	+ const { autoEditVariableId, startAutoEdit, handleAutoEditComplete } = useAutoEdit();
	1707	+ const { createNavigationCallback, resetNavigation } = useErrorNavigation();
	1708	+ const [deleteConfirmation, setDeleteConfirmation] = (0, react.useState)(null);
	1709	+ const [stopSyncConfirmation, setStopSyncConfirmation] = (0, react.useState)(null);
	1710	+ const [serverError, setServerError] = (0, react.useState)(null);
	1711	+ usePreventUnload(isDirty);
	1712	+ const handleClosePanel = (0, react.useCallback)(() => {
	1713	+ if (isDirty) {
	1714	+ openSaveChangesDialog();
	1715	+ return;
	1716	+ }
	1717	+ onRequestClose();
	1718	+ }, [
	1719	+ isDirty,
	1720	+ openSaveChangesDialog,
	1721	+ onRequestClose
	1722	+ ]);
	1723	+ (0, react.useEffect)(() => {
	1724	+ if (!onExposeCloseAttempt) return;
	1725	+ onExposeCloseAttempt(() => handleClosePanel());
	1726	+ return () => onExposeCloseAttempt(null);
	1727	+ }, [onExposeCloseAttempt, handleClosePanel]);
	1728	+ const handleCreateVariable = (0, react.useCallback)((type, defaultName, defaultValue) => {
	1729	+ const newId = createVariable(type, defaultName, defaultValue);
	1730	+ if (newId) startAutoEdit(newId);
	1731	+ }, [createVariable, startAutoEdit]);
	1732	+ const handleSaveClick = async () => {
	1733	+ try {
	1734	+ setServerError(null);
	1735	+ resetNavigation();
	1736	+ const result = await handleSave();
	1737	+ trackVariablesManagerEvent({ action: "saveChanges" });
	1738	+ return result;
	1739	+ } catch (error) {
	1740	+ const mappedError = mapServerError(error);
	1741	+ const duplicatedIds = mappedError?.action?.data?.duplicatedIds;
	1742	+ if (mappedError && "label" === mappedError.field) {
	1743	+ if (duplicatedIds && mappedError.action) mappedError.action.callback = createNavigationCallback(duplicatedIds, startAutoEdit, () => {
	1744	+ setIsSaveDisabled(false);
	1745	+ });
	1746	+ setServerError(mappedError);
	1747	+ setIsSaveDisabled(true);
	1748	+ resetNavigation();
	1749	+ }
	1750	+ return {
	1751	+ success: false,
	1752	+ error: mappedError
	1753	+ };
	1754	+ } finally {
	1755	+ setIsSaving(false);
	1756	+ }
	1757	+ };
	1758	+ const handleDeleteVariableWithConfirmation = (0, react.useCallback)((itemId) => {
	1759	+ handleDeleteVariable(itemId);
	1760	+ setDeleteConfirmation(null);
	1761	+ }, [handleDeleteVariable]);
	1762	+ const commitStopSync = (0, react.useCallback)((itemId) => {
	1763	+ stopSyncFromState(itemId);
	1764	+ const variable = variables[itemId];
	1765	+ if (variable) trackVariableSyncToV3({
	1766	+ variableLabel: variable.label,
	1767	+ action: "unsync"
	1768	+ });
	1769	+ }, [stopSyncFromState, variables]);
	1770	+ const handleStartSync = (0, react.useCallback)((itemId) => {
	1771	+ startSyncFromState(itemId);
	1772	+ const variable = variables[itemId];
	1773	+ if (variable) trackVariableSyncToV3({
	1774	+ variableLabel: variable.label,
	1775	+ action: "sync"
	1776	+ });
	1777	+ }, [startSyncFromState, variables]);
	1778	+ const handleStopSync = (0, react.useCallback)((itemId) => {
	1779	+ if (!isStopSyncSuppressed) setStopSyncConfirmation(itemId);
	1780	+ else commitStopSync(itemId);
	1781	+ }, [isStopSyncSuppressed, commitStopSync]);
	1782	+ const buildMenuActions = (0, react.useCallback)((variableId) => {
	1783	+ const variable = variables[variableId];
	1784	+ if (!variable) return [];
	1785	+ const typeActions = getMenuActionsForVariable(variable.type, {
	1786	+ variable,
	1787	+ variableId,
	1788	+ handlers: {
	1789	+ onStartSync: handleStartSync,
	1790	+ onStopSync: handleStopSync
	1791	+ }
	1792	+ });
	1793	+ const duplicateAction = {
	1794	+ name: (0, _wordpress_i18n.__)("Duplicate", "elementor"),
	1795	+ icon: _elementor_icons.CopyIcon,
	1796	+ color: "text.primary",
	1797	+ onClick: (itemId) => {
	1798	+ const newId = duplicateVariable(itemId);
	1799	+ startAutoEdit(newId);
	1800	+ trackVariablesManagerEvent({
	1801	+ action: "duplicate",
	1802	+ varType: getVariableType(variable.type)?.variableType
	1803	+ });
	1804	+ }
	1805	+ };
	1806	+ const deleteAction = {
	1807	+ name: (0, _wordpress_i18n.__)("Delete", "elementor"),
	1808	+ icon: _elementor_icons.TrashIcon,
	1809	+ color: "error.main",
	1810	+ onClick: (itemId) => {
	1811	+ const v = variables[itemId];
	1812	+ if (v) {
	1813	+ setDeleteConfirmation({
	1814	+ id: itemId,
	1815	+ label: v.label
	1816	+ });
	1817	+ trackVariablesManagerEvent({
	1818	+ action: "delete",
	1819	+ varType: getVariableType(v.type)?.variableType
	1820	+ });
	1821	+ }
	1822	+ }
	1823	+ };
	1824	+ return [
	1825	+ ...typeActions,
	1826	+ duplicateAction,
	1827	+ deleteAction
	1828	+ ];
	1829	+ }, [
	1830	+ variables,
	1831	+ handleStartSync,
	1832	+ handleStopSync,
	1833	+ duplicateVariable,
	1834	+ startAutoEdit
	1835	+ ]);
	1836	+ const hasVariables = Object.keys(variables).length > 0;
	1837	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	1838	+ direction: "column",
	1839	+ sx: {
	1840	+ height: "100%",
	1841	+ width: "100%",
	1842	+ flex: 1,
	1843	+ minHeight: 0,
	1844	+ overflow: "hidden"
	1845	+ }
	1846	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	1847	+ direction: "row",
	1848	+ alignItems: "center",
	1849	+ spacing: 1,
	1850	+ width: "100%",
	1851	+ sx: {
	1852	+ flexShrink: 0,
	1853	+ px: 2,
	1854	+ pb: 1
	1855	+ }
	1856	+ }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.SearchField, {
	1857	+ placeholder: (0, _wordpress_i18n.__)("Search", "elementor"),
	1858	+ value: searchValue,
	1859	+ onSearch: handleSearch,
	1860	+ sx: {
	1861	+ flex: 1,
	1862	+ minWidth: 0,
	1863	+ px: 0,
	1864	+ py: 0,
	1865	+ display: "flex",
	1866	+ alignItems: "center",
	1867	+ alignSelf: "stretch"
	1868	+ }
	1869	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Box, { sx: {
	1870	+ display: "flex",
	1871	+ flexShrink: 0,
	1872	+ alignItems: "center"
	1873	+ } }, /* @__PURE__ */ react.createElement(VariableManagerCreateMenu, {
	1874	+ outlinedTrigger: true,
	1875	+ onCreate: handleCreateVariable,
	1876	+ variables,
	1877	+ menuState: createMenuState
	1878	+ }))), /* @__PURE__ */ react.createElement(_elementor_ui.Divider, { sx: { width: "100%" } }), /* @__PURE__ */ react.createElement(_elementor_editor_panels.PanelBody, { sx: {
	1879	+ display: "flex",
	1880	+ flexDirection: "column",
	1881	+ flex: 1,
	1882	+ minHeight: 0
	1883	+ } }, hasVariables && /* @__PURE__ */ react.createElement(VariablesManagerTable, {
	1884	+ menuActions: buildMenuActions,
	1885	+ variables,
	1886	+ onChange: handleOnChange,
	1887	+ autoEditVariableId,
	1888	+ onAutoEditComplete: handleAutoEditComplete,
	1889	+ onFieldError: setIsSaveDisabled
	1890	+ }), !hasVariables && searchValue && /* @__PURE__ */ react.createElement(NoSearchResults, {
	1891	+ searchValue,
	1892	+ onClear: () => handleSearch(""),
	1893	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.ColorFilterIcon, { fontSize: "large" })
	1894	+ }), !hasVariables && !searchValue && /* @__PURE__ */ react.createElement(EmptyState, {
	1895	+ title: (0, _wordpress_i18n.__)("Create your first variable", "elementor"),
	1896	+ message: (0, _wordpress_i18n.__)("Variables are saved attributes that you can apply anywhere on your site.", "elementor"),
	1897	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.ColorFilterIcon, { fontSize: "large" }),
	1898	+ onAdd: createMenuState.open
	1899	+ })), /* @__PURE__ */ react.createElement(_elementor_editor_panels.PanelFooter, null, /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	1900	+ placement: "right",
	1901	+ open: !!serverError,
	1902	+ content: serverError ? /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	1903	+ severity: serverError.severity ?? "error",
	1904	+ action: serverError.action?.label ? /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, { onClick: serverError.action.callback }, serverError.action.label) : void 0,
	1905	+ onClose: !serverError.action?.label ? () => {
	1906	+ setServerError(null);
	1907	+ setIsSaveDisabled(false);
	1908	+ } : void 0,
	1909	+ icon: serverError.IconComponent ? /* @__PURE__ */ react.createElement(serverError.IconComponent, null) : /* @__PURE__ */ react.createElement(_elementor_icons.AlertTriangleFilledIcon, null)
	1910	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.AlertTitle, null, serverError.message), serverError.action?.message) : null,
	1911	+ arrow: false,
	1912	+ slotProps: { popper: { modifiers: [{
	1913	+ name: "offset",
	1914	+ options: { offset: [-10, 10] }
	1915	+ }] } }
	1916	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	1917	+ fullWidth: true,
	1918	+ size: "small",
	1919	+ color: "global",
	1920	+ variant: "contained",
	1921	+ disabled: isSaveDisabled || !isDirty || isSaving,
	1922	+ onClick: handleSaveClick,
	1923	+ loading: isSaving
	1924	+ }, (0, _wordpress_i18n.__)("Save changes", "elementor"))))), deleteConfirmation && /* @__PURE__ */ react.createElement(DeleteConfirmationDialog, {
	1925	+ open: true,
	1926	+ label: deleteConfirmation.label,
	1927	+ onConfirm: () => handleDeleteVariableWithConfirmation(deleteConfirmation.id),
	1928	+ closeDialog: () => setDeleteConfirmation(null)
	1929	+ }), stopSyncConfirmation && /* @__PURE__ */ react.createElement(StopSyncConfirmationDialog, {
	1930	+ open: true,
	1931	+ onClose: () => setStopSyncConfirmation(null),
	1932	+ onConfirm: () => {
	1933	+ commitStopSync(stopSyncConfirmation);
	1934	+ setStopSyncConfirmation(null);
	1935	+ }
	1936	+ }), isSaveChangesDialogOpen && /* @__PURE__ */ react.createElement(_elementor_editor_ui.SaveChangesDialog, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.SaveChangesDialog.Title, { onClose: closeSaveChangesDialog }, (0, _wordpress_i18n.__)("You have unsaved changes", "elementor")), /* @__PURE__ */ react.createElement(_elementor_editor_ui.SaveChangesDialog.Content, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.SaveChangesDialog.ContentText, null, (0, _wordpress_i18n.__)("You have unsaved changes in the Variables Manager.", "elementor")), /* @__PURE__ */ react.createElement(_elementor_editor_ui.SaveChangesDialog.ContentText, null, (0, _wordpress_i18n.__)("To avoid losing your updates, save your changes before leaving.", "elementor"))), /* @__PURE__ */ react.createElement(_elementor_editor_ui.SaveChangesDialog.Actions, { actions: {
	1937	+ discard: {
	1938	+ label: (0, _wordpress_i18n.__)("Discard", "elementor"),
	1939	+ action: () => {
	1940	+ closeSaveChangesDialog();
	1941	+ onRequestClose();
	1942	+ }
	1943	+ },
	1944	+ confirm: {
	1945	+ label: (0, _wordpress_i18n.__)("Save", "elementor"),
	1946	+ action: async () => {
	1947	+ const result = await handleSaveClick();
	1948	+ closeSaveChangesDialog();
	1949	+ if (result?.success) onRequestClose();
	1950	+ }
	1951	+ }
	1952	+ } })));
	1953	+ }
	1954	+ var usePreventUnload = (isDirty) => {
	1955	+ (0, react.useEffect)(() => {
	1956	+ const handleBeforeUnload = (event) => {
	1957	+ if (isDirty) event.preventDefault();
	1958	+ };
	1959	+ window.addEventListener("beforeunload", handleBeforeUnload);
	1960	+ return () => {
	1961	+ window.removeEventListener("beforeunload", handleBeforeUnload);
	1962	+ };
	1963	+ }, [isDirty]);
	1964	+ };
	1965	+ var StopSyncConfirmationDialog = ({ open, onClose, onConfirm }) => {
	1966	+ const [, suppressStopSyncMessage] = (0, _elementor_editor_current_user.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
	1967	+ return /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog, {
	1968	+ open,
	1969	+ onClose
	1970	+ }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.Title, {
	1971	+ icon: _elementor_icons.ColorFilterIcon,
	1972	+ iconColor: "primary"
	1973	+ }, (0, _wordpress_i18n.__)("Stop syncing variable color", "elementor")), /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.Content, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.ContentText, null, (0, _wordpress_i18n.__)("This will disconnect the variable color from Global Colors. Existing uses on your site will automatically switch to a default color.", "elementor"))), /* @__PURE__ */ react.createElement(_elementor_editor_ui.ConfirmationDialog.Actions, {
	1974	+ onClose,
	1975	+ onConfirm,
	1976	+ cancelLabel: (0, _wordpress_i18n.__)("Cancel", "elementor"),
	1977	+ confirmLabel: (0, _wordpress_i18n.__)("Got it", "elementor"),
	1978	+ color: "primary",
	1979	+ onSuppressMessage: suppressStopSyncMessage,
	1980	+ suppressLabel: (0, _wordpress_i18n.__)("Don't show again", "elementor")
	1981	+ }));
	1982	+ };
457	1983
458		-/***/ }),
	1984	+//#endregion
	1985	+//#region packages/packages/core/editor-variables/src/components/global-styles-import-listener.tsx
	1986	+ function GlobalStylesImportListener() {
	1987	+ (0, react.useEffect)(() => {
	1988	+ const handleGlobalStylesImported = () => {
	1989	+ service.load();
	1990	+ };
	1991	+ window.addEventListener(_elementor_editor_canvas.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
	1992	+ return () => {
	1993	+ window.removeEventListener(_elementor_editor_canvas.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
	1994	+ };
	1995	+ }, []);
	1996	+ return null;
	1997	+ }
459	1998
460		-/***/ "./packages/packages/core/editor-variables/src/components/mcp-variable-connect-listener.tsx":
461		-/*!**************************************************************************************************!*\
462		- !*** ./packages/packages/core/editor-variables/src/components/mcp-variable-connect-listener.tsx ***!
463		- \**************************************************************************************************/
464		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	1999	+//#endregion
	2000	+//#region packages/packages/core/editor-variables/src/utils/extract-variables-from-style-value.ts
	2001	+ var VARIABLE_TYPE_KEYS = [
	2002	+ "global-color-variable",
	2003	+ "global-font-variable",
	2004	+ "global-size-variable",
	2005	+ "global-custom-size-variable"
	2006	+ ];
	2007	+ function tryExtractVariable(value) {
	2008	+ for (const key of VARIABLE_TYPE_KEYS) {
	2009	+ const propUtil = (0, _elementor_editor_props.getPropSchemaFromCache)(key);
	2010	+ if (propUtil?.isValid(value)) return {
	2011	+ type: key,
	2012	+ variableId: propUtil.extract(value)
	2013	+ };
	2014	+ }
	2015	+ return null;
	2016	+ }
	2017	+ function traverse(value, path, result) {
	2018	+ const extracted = tryExtractVariable(value);
	2019	+ if (extracted) {
	2020	+ result.push({
	2021	+ ...extracted,
	2022	+ controlPath: path.join(".")
	2023	+ });
	2024	+ return;
	2025	+ }
	2026	+ if ((0, _elementor_editor_props.isTransformable)(value)) {
	2027	+ traverse(value.value, path, result);
	2028	+ return;
	2029	+ }
	2030	+ if (value && typeof value === "object") for (const [key, val] of Object.entries(value)) traverse(val, [...path, key], result);
	2031	+ }
	2032	+ function extractVariablesFromStyleValue(styleValue) {
	2033	+ const result = [];
	2034	+ traverse(styleValue, [], result);
	2035	+ return result;
	2036	+ }
465	2037
466		-__webpack_require__.r(__webpack_exports__);
467		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
468		-/* harmony export */ McpVariableConnectListener: function() { return /* binding */ McpVariableConnectListener; }
469		-/* harmony export */ });
470		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
471		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
472		-/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
473		-/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__);
474		-/* harmony import */ var _utils_extract_variables_from_style_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/extract-variables-from-style-value */ "./packages/packages/core/editor-variables/src/utils/extract-variables-from-style-value.ts");
475		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
	2038	+//#endregion
	2039	+//#region packages/packages/core/editor-variables/src/components/mcp-variable-connect-listener.tsx
	2040	+ function McpVariableConnectListener() {
	2041	+ (0, react.useEffect)(() => {
	2042	+ const handleMcpStylesApplied = (event) => {
	2043	+ const { styleValue } = event.detail;
	2044	+ extractVariablesFromStyleValue(styleValue).forEach(({ type, controlPath }) => {
	2045	+ trackVariableEvent({
	2046	+ varType: type,
	2047	+ controlPath,
	2048	+ action: "connect",
	2049	+ executedBy: "mcp_tool"
	2050	+ });
	2051	+ });
	2052	+ };
	2053	+ window.addEventListener(_elementor_editor_mcp.MCP_STYLES_APPLIED_EVENT, handleMcpStylesApplied);
	2054	+ return () => {
	2055	+ window.removeEventListener(_elementor_editor_mcp.MCP_STYLES_APPLIED_EVENT, handleMcpStylesApplied);
	2056	+ };
	2057	+ }, []);
	2058	+ return null;
	2059	+ }
476	2060
	2061	+//#endregion
	2062	+//#region packages/packages/core/editor-variables/src/utils/unlink-variable.ts
	2063	+ function transformValueBeforeUnlink(variable, propTypeKey) {
	2064	+ const { valueTransformer } = getVariableType(propTypeKey);
	2065	+ if (valueTransformer) return valueTransformer(variable.value, variable.type);
	2066	+ return variable.value;
	2067	+ }
	2068	+ function createUnlinkHandler(variable, propTypeKey, setValue) {
	2069	+ return () => {
	2070	+ const { fallbackPropTypeUtil } = getVariableType(propTypeKey);
	2071	+ const transformedValue = transformValueBeforeUnlink(variable, propTypeKey);
	2072	+ setValue(fallbackPropTypeUtil.create(transformedValue));
	2073	+ };
	2074	+ }
477	2075
	2076	+//#endregion
	2077	+//#region packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx
	2078	+ var PopoverContentRefContext = (0, react.createContext)(null);
	2079	+ var PopoverContentRefContextProvider = ({ children }) => {
	2080	+ const [anchorRef, setAnchorRef] = (0, react.useState)(null);
	2081	+ return /* @__PURE__ */ react.createElement(PopoverContentRefContext.Provider, { value: anchorRef }, /* @__PURE__ */ react.createElement(_elementor_ui.Box, { ref: setAnchorRef }, children));
	2082	+ };
	2083	+ var usePopoverContentRef = () => {
	2084	+ return (0, react.useContext)(PopoverContentRefContext);
	2085	+ };
478	2086
	2087	+//#endregion
	2088	+//#region packages/packages/core/editor-variables/src/hooks/use-initial-value.ts
	2089	+ var useInitialValue = () => {
	2090	+ const { value: initial } = (0, _elementor_editor_controls.useBoundProp)();
	2091	+ const hasAssignedVariable = hasVariableType(initial?.$$type) && Boolean(initial?.value);
	2092	+ const variable = useVariable(hasAssignedVariable ? initial.value : "");
	2093	+ if (hasAssignedVariable) return variable ? variable.value : "";
	2094	+ return initial?.value ?? "";
	2095	+ };
479	2096
480		-function McpVariableConnectListener() {
481		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
482		- const handleMcpStylesApplied = event => {
483		- const {
484		- styleValue
485		- } = event.detail;
486		- const variables = (0,_utils_extract_variables_from_style_value__WEBPACK_IMPORTED_MODULE_2__.extractVariablesFromStyleValue)(styleValue);
487		- variables.forEach(({
488		- type,
489		- controlPath
490		- }) => {
491		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_3__.trackVariableEvent)({
492		- varType: type,
493		- controlPath,
494		- action: 'connect',
495		- executedBy: 'mcp_tool'
496		- });
497		- });
498		- };
499		- window.addEventListener(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__.MCP_STYLES_APPLIED_EVENT, handleMcpStylesApplied);
500		- return () => {
501		- window.removeEventListener(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__.MCP_STYLES_APPLIED_EVENT, handleMcpStylesApplied);
502		- };
503		- }, []);
504		- return null;
505		-}
	2097	+//#endregion
	2098	+//#region packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts
	2099	+ var useVariableBoundProp = () => {
	2100	+ const { propTypeUtil } = useVariableType();
	2101	+ const boundProp = (0, _elementor_editor_controls.useBoundProp)(propTypeUtil);
	2102	+ return {
	2103	+ ...boundProp,
	2104	+ setVariableValue: (value) => resolveBoundPropAndSetValue(value, boundProp),
	2105	+ variableId: boundProp.value ?? boundProp.placeholder
	2106	+ };
	2107	+ };
	2108	+ var resolveBoundPropAndSetValue = (value, boundProp) => {
	2109	+ const propValue = unwrapValue(boundProp.value);
	2110	+ const placeholder = unwrapValue(boundProp.placeholder);
	2111	+ const newValue = unwrapValue(value);
	2112	+ if (!propValue && placeholder === newValue) return boundProp.setValue(null);
	2113	+ return boundProp.setValue(value);
	2114	+ };
	2115	+ var unwrapValue = (input) => {
	2116	+ if ((0, _elementor_editor_props.isTransformable)(input)) return input.value;
	2117	+ return input;
	2118	+ };
506	2119
507		-/***/ }),
	2120	+//#endregion
	2121	+//#region packages/packages/core/editor-variables/src/components/ui/form-field.tsx
	2122	+ var FormField = ({ id, label, errorMsg, noticeMsg, children }) => {
	2123	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Grid, {
	2124	+ container: true,
	2125	+ gap: .75,
	2126	+ alignItems: "center"
	2127	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Grid, {
	2128	+ item: true,
	2129	+ xs: 12
	2130	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.FormLabel, {
	2131	+ htmlFor: id,
	2132	+ size: "tiny"
	2133	+ }, label)), /* @__PURE__ */ react.createElement(_elementor_ui.Grid, {
	2134	+ item: true,
	2135	+ xs: 12
	2136	+ }, children, errorMsg && /* @__PURE__ */ react.createElement(_elementor_ui.FormHelperText, { error: true }, errorMsg), noticeMsg && /* @__PURE__ */ react.createElement(_elementor_ui.FormHelperText, null, noticeMsg)));
	2137	+ };
508	2138
509		-/***/ "./packages/packages/core/editor-variables/src/components/ui/color-indicator.tsx":
510		-/*!***************************************************************************************!*\
511		- !*** ./packages/packages/core/editor-variables/src/components/ui/color-indicator.tsx ***!
512		- \***************************************************************************************/
513		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	2139	+//#endregion
	2140	+//#region packages/packages/core/editor-variables/src/components/variable-creation.tsx
	2141	+ var SIZE$5 = "tiny";
	2142	+ var VariableCreation = ({ onGoBack, onClose }) => {
	2143	+ const { icon: VariableIcon, valueField: ValueField, propTypeUtil } = useVariableType();
	2144	+ const { setVariableValue: setVariable, path } = useVariableBoundProp();
	2145	+ const { propType } = (0, _elementor_editor_controls.useBoundProp)();
	2146	+ const [value, setValue] = (0, react.useState)(useInitialValue());
	2147	+ const [label, setLabel] = (0, react.useState)("");
	2148	+ const [errorMessage, setErrorMessage] = (0, react.useState)("");
	2149	+ const [valueFieldError, setValueFieldError] = (0, react.useState)("");
	2150	+ const [propTypeKey, setPropTypeKey] = (0, react.useState)(propTypeUtil.key);
	2151	+ const { labelFieldError, setLabelFieldError } = useLabelError();
	2152	+ const resetFields = () => {
	2153	+ setValue("");
	2154	+ setLabel("");
	2155	+ setErrorMessage("");
	2156	+ setValueFieldError("");
	2157	+ };
	2158	+ const closePopover = () => {
	2159	+ resetFields();
	2160	+ onClose();
	2161	+ };
	2162	+ const handleCreateAndTrack = () => {
	2163	+ createVariable({
	2164	+ value,
	2165	+ label,
	2166	+ type: propTypeKey
	2167	+ }, { eventData: { controlPath: path.join(".") } }).then((key) => {
	2168	+ setVariable(key);
	2169	+ closePopover();
	2170	+ }).catch((error) => {
	2171	+ const mappedError = mapServerError(error);
	2172	+ if (mappedError && "label" === mappedError.field) {
	2173	+ setLabel("");
	2174	+ setLabelFieldError({
	2175	+ value: label,
	2176	+ message: mappedError.message
	2177	+ });
	2178	+ return;
	2179	+ }
	2180	+ setErrorMessage(ERROR_MESSAGES.UNEXPECTED_ERROR);
	2181	+ });
	2182	+ };
	2183	+ const hasEmptyFields = () => {
	2184	+ if ("" === label.trim()) return true;
	2185	+ if ("string" === typeof value) return "" === value.trim();
	2186	+ return false === Boolean(value);
	2187	+ };
	2188	+ const hasErrors = () => {
	2189	+ return !!errorMessage;
	2190	+ };
	2191	+ const isSubmitDisabled = hasEmptyFields() || hasErrors();
	2192	+ const handleKeyDown = (event) => {
	2193	+ if (event.key === "Enter" && !isSubmitDisabled) {
	2194	+ event.preventDefault();
	2195	+ handleCreateAndTrack();
	2196	+ }
	2197	+ };
	2198	+ return /* @__PURE__ */ react.createElement(_elementor_editor_ui.SectionPopoverBody, { height: "auto" }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.PopoverHeader, {
	2199	+ icon: /* @__PURE__ */ react.createElement(react.Fragment, null, onGoBack && /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2200	+ size: SIZE$5,
	2201	+ "aria-label": (0, _wordpress_i18n.__)("Go Back", "elementor"),
	2202	+ onClick: onGoBack
	2203	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.ArrowLeftIcon, { fontSize: SIZE$5 })), /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: SIZE$5 })),
	2204	+ title: (0, _wordpress_i18n.__)("Create variable", "elementor"),
	2205	+ onClose: closePopover
	2206	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Divider, null), /* @__PURE__ */ react.createElement(_elementor_editor_controls.PopoverContent, { p: 2 }, /* @__PURE__ */ react.createElement(FormField, {
	2207	+ id: "variable-label",
	2208	+ label: (0, _wordpress_i18n.__)("Name", "elementor"),
	2209	+ errorMsg: labelFieldError?.message,
	2210	+ noticeMsg: labelHint(label)
	2211	+ }, /* @__PURE__ */ react.createElement(LabelField, {
	2212	+ id: "variable-label",
	2213	+ value: label,
	2214	+ error: labelFieldError,
	2215	+ onChange: (newValue) => {
	2216	+ setLabel(newValue);
	2217	+ setErrorMessage("");
	2218	+ },
	2219	+ onErrorChange: (errorMsg) => {
	2220	+ setLabelFieldError({
	2221	+ value: "",
	2222	+ message: errorMsg
	2223	+ });
	2224	+ },
	2225	+ onKeyDown: handleKeyDown,
	2226	+ focusOnShow: true
	2227	+ })), ValueField && /* @__PURE__ */ react.createElement(FormField, {
	2228	+ errorMsg: valueFieldError,
	2229	+ label: (0, _wordpress_i18n.__)("Value", "elementor")
	2230	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	2231	+ variant: "h5",
	2232	+ id: "variable-value-wrapper"
	2233	+ }, /* @__PURE__ */ react.createElement(ValueField, {
	2234	+ value,
	2235	+ onPropTypeKeyChange: (key) => setPropTypeKey(key),
	2236	+ onChange: (newValue) => {
	2237	+ setValue(newValue);
	2238	+ setErrorMessage("");
	2239	+ setValueFieldError("");
	2240	+ },
	2241	+ onValidationChange: setValueFieldError,
	2242	+ propType,
	2243	+ onKeyDown: handleKeyDown
	2244	+ }))), errorMessage && /* @__PURE__ */ react.createElement(_elementor_ui.FormHelperText, { error: true }, errorMessage)), /* @__PURE__ */ react.createElement(_elementor_ui.CardActions, { sx: {
	2245	+ pt: .5,
	2246	+ pb: 1
	2247	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	2248	+ id: "create-variable-button",
	2249	+ size: "small",
	2250	+ variant: "contained",
	2251	+ disabled: isSubmitDisabled,
	2252	+ onClick: handleCreateAndTrack
	2253	+ }, (0, _wordpress_i18n.__)("Create", "elementor"))));
	2254	+ };
514	2255
515		-__webpack_require__.r(__webpack_exports__);
516		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
517		-/* harmony export */ ColorIndicator: function() { return /* binding */ ColorIndicator; }
518		-/* harmony export */ });
519		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
520		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__);
	2256	+//#endregion
	2257	+//#region packages/packages/core/editor-variables/src/components/ui/edit-confirmation-dialog.tsx
	2258	+ var EDIT_CONFIRMATION_DIALOG_ID = "edit-confirmation-dialog";
	2259	+ var EditConfirmationDialog = ({ closeDialog, onConfirm, onSuppressMessage }) => {
	2260	+ const [dontShowAgain, setDontShowAgain] = (0, react.useState)(false);
	2261	+ const handleSave = () => {
	2262	+ if (dontShowAgain) onSuppressMessage?.();
	2263	+ onConfirm?.();
	2264	+ };
	2265	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Dialog, {
	2266	+ open: true,
	2267	+ onClose: closeDialog,
	2268	+ maxWidth: "xs"
	2269	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.DialogTitle, {
	2270	+ display: "flex",
	2271	+ alignItems: "center",
	2272	+ gap: 1
	2273	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.AlertTriangleFilledIcon, { color: "secondary" }), (0, _wordpress_i18n.__)("Changes to variables go live right away.", "elementor")), /* @__PURE__ */ react.createElement(_elementor_ui.DialogContent, null, /* @__PURE__ */ react.createElement(_elementor_ui.DialogContentText, {
	2274	+ variant: "body2",
	2275	+ color: "textPrimary"
	2276	+ }, (0, _wordpress_i18n.__)("Don't worry - all other changes you make will wait until you publish your site.", "elementor"))), /* @__PURE__ */ react.createElement(_elementor_ui.DialogActions, { sx: {
	2277	+ justifyContent: "space-between",
	2278	+ alignItems: "center"
	2279	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.FormControlLabel, {
	2280	+ control: /* @__PURE__ */ react.createElement(_elementor_ui.Checkbox, {
	2281	+ checked: dontShowAgain,
	2282	+ onChange: (event) => setDontShowAgain(event.target.checked),
	2283	+ size: "small"
	2284	+ }),
	2285	+ label: /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "body2" }, (0, _wordpress_i18n.__)("Don't show me again", "elementor"))
	2286	+ }), /* @__PURE__ */ react.createElement("div", null, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	2287	+ color: "secondary",
	2288	+ onClick: closeDialog
	2289	+ }, (0, _wordpress_i18n.__)("Keep editing", "elementor")), /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	2290	+ variant: "contained",
	2291	+ color: "secondary",
	2292	+ onClick: handleSave,
	2293	+ sx: { ml: 1 }
	2294	+ }, (0, _wordpress_i18n.__)("Save", "elementor")))));
	2295	+ };
521	2296
522		-const ColorIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.UnstableColorIndicator)(({
523		- theme
524		-}) => ({
525		- borderRadius: `${theme.shape.borderRadius / 2}px`,
526		- marginRight: theme.spacing(0.25)
527		-}));
	2297	+//#endregion
	2298	+//#region packages/packages/core/editor-variables/src/components/variable-edit.tsx
	2299	+ var SIZE$4 = "tiny";
	2300	+ var DELETE_LABEL = (0, _wordpress_i18n.__)("Delete variable", "elementor");
	2301	+ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
	2302	+ const { icon: VariableIcon, valueField: ValueField, variableType, propTypeUtil } = useVariableType();
	2303	+ const { setVariableValue: notifyBoundPropChange, variableId, path } = useVariableBoundProp();
	2304	+ const { propType } = (0, _elementor_editor_controls.useBoundProp)();
	2305	+ const [isMessageSuppressed, suppressMessage] = (0, _elementor_editor_current_user.useSuppressedMessage)(EDIT_CONFIRMATION_DIALOG_ID);
	2306	+ const [deleteConfirmation, setDeleteConfirmation] = (0, react.useState)(false);
	2307	+ const [editConfirmation, setEditConfirmation] = (0, react.useState)(false);
	2308	+ const [errorMessage, setErrorMessage] = (0, react.useState)("");
	2309	+ const [valueFieldError, setValueFieldError] = (0, react.useState)("");
	2310	+ const { labelFieldError, setLabelFieldError } = useLabelError();
	2311	+ const variable = useVariable(editId);
	2312	+ const [propTypeKey, setPropTypeKey] = (0, react.useState)(variable?.type ?? propTypeUtil.key);
	2313	+ if (!variable) throw new Error(`Global ${variableType} variable not found`);
	2314	+ const userPermissions = usePermissions();
	2315	+ const [value, setValue] = (0, react.useState)(() => variable.value);
	2316	+ const [label, setLabel] = (0, react.useState)(() => variable.label);
	2317	+ (0, react.useEffect)(() => {
	2318	+ styleVariablesRepository.update({ [editId]: {
	2319	+ ...variable,
	2320	+ value
	2321	+ } });
	2322	+ return () => {
	2323	+ styleVariablesRepository.update({ [editId]: { ...variable } });
	2324	+ };
	2325	+ }, [
	2326	+ editId,
	2327	+ value,
	2328	+ variable
	2329	+ ]);
	2330	+ const handleUpdate = () => {
	2331	+ if (isMessageSuppressed) handleSaveVariable();
	2332	+ else setEditConfirmation(true);
	2333	+ };
	2334	+ const handleSaveVariable = () => {
	2335	+ updateVariable(editId, propTypeKey !== variable.type ? {
	2336	+ value,
	2337	+ label,
	2338	+ type: propTypeKey
	2339	+ } : {
	2340	+ value,
	2341	+ label
	2342	+ }, { eventData: { controlPath: path.join(".") } }).then(() => {
	2343	+ maybeTriggerBoundPropChange();
	2344	+ onSubmit?.();
	2345	+ }).catch((error) => {
	2346	+ const mappedError = mapServerError(error);
	2347	+ if (mappedError && "label" === mappedError.field) {
	2348	+ setLabel("");
	2349	+ setLabelFieldError({
	2350	+ value: label,
	2351	+ message: mappedError.message
	2352	+ });
	2353	+ return;
	2354	+ }
	2355	+ setErrorMessage(ERROR_MESSAGES.UNEXPECTED_ERROR);
	2356	+ });
	2357	+ };
	2358	+ const handleDelete = () => {
	2359	+ deleteVariable(editId).then(() => {
	2360	+ maybeTriggerBoundPropChange();
	2361	+ onSubmit?.();
	2362	+ });
	2363	+ };
	2364	+ const maybeTriggerBoundPropChange = () => {
	2365	+ if (editId === variableId) notifyBoundPropChange(editId);
	2366	+ };
	2367	+ const handleDeleteConfirmation = () => {
	2368	+ setDeleteConfirmation(true);
	2369	+ };
	2370	+ const closeDeleteDialog = () => () => {
	2371	+ setDeleteConfirmation(false);
	2372	+ };
	2373	+ const closeEditDialog = () => () => {
	2374	+ setEditConfirmation(false);
	2375	+ };
	2376	+ const actions = [];
	2377	+ if (userPermissions.canDelete()) actions.push(/* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2378	+ key: "delete",
	2379	+ placement: "top",
	2380	+ title: DELETE_LABEL
	2381	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2382	+ size: SIZE$4,
	2383	+ onClick: handleDeleteConfirmation,
	2384	+ "aria-label": DELETE_LABEL
	2385	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.TrashIcon, { fontSize: SIZE$4 }))));
	2386	+ const hasEmptyFields = () => {
	2387	+ if ("" === label.trim()) return true;
	2388	+ if ("string" === typeof value) return "" === value.trim();
	2389	+ return false === Boolean(value);
	2390	+ };
	2391	+ const noValueChanged = () => {
	2392	+ return value === variable.value && label === variable.label;
	2393	+ };
	2394	+ const hasErrors = () => {
	2395	+ return !!errorMessage;
	2396	+ };
	2397	+ const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
	2398	+ const handleKeyDown = (event) => {
	2399	+ if (event.key === "Enter" && !isSubmitDisabled) {
	2400	+ event.preventDefault();
	2401	+ handleUpdate();
	2402	+ }
	2403	+ };
	2404	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.SectionPopoverBody, { height: "auto" }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.PopoverHeader, {
	2405	+ title: (0, _wordpress_i18n.__)("Edit variable", "elementor"),
	2406	+ onClose,
	2407	+ icon: /* @__PURE__ */ react.createElement(react.Fragment, null, onGoBack && /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2408	+ size: SIZE$4,
	2409	+ "aria-label": (0, _wordpress_i18n.__)("Go Back", "elementor"),
	2410	+ onClick: onGoBack
	2411	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.ArrowLeftIcon, { fontSize: SIZE$4 })), /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: SIZE$4 })),
	2412	+ actions
	2413	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Divider, null), /* @__PURE__ */ react.createElement(_elementor_editor_controls.PopoverContent, { p: 2 }, /* @__PURE__ */ react.createElement(FormField, {
	2414	+ id: "variable-label",
	2415	+ label: (0, _wordpress_i18n.__)("Name", "elementor"),
	2416	+ errorMsg: labelFieldError?.message,
	2417	+ noticeMsg: labelHint(label)
	2418	+ }, /* @__PURE__ */ react.createElement(LabelField, {
	2419	+ id: "variable-label",
	2420	+ value: label,
	2421	+ error: labelFieldError,
	2422	+ onChange: (newValue) => {
	2423	+ setLabel(newValue);
	2424	+ setErrorMessage("");
	2425	+ },
	2426	+ onErrorChange: (errorMsg) => {
	2427	+ setLabelFieldError({
	2428	+ value: "",
	2429	+ message: errorMsg
	2430	+ });
	2431	+ },
	2432	+ onKeyDown: handleKeyDown,
	2433	+ focusOnShow: true
	2434	+ })), ValueField && /* @__PURE__ */ react.createElement(FormField, {
	2435	+ errorMsg: valueFieldError,
	2436	+ label: (0, _wordpress_i18n.__)("Value", "elementor")
	2437	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "h5" }, /* @__PURE__ */ react.createElement(ValueField, {
	2438	+ propTypeKey: variable.type,
	2439	+ onPropTypeKeyChange: (key) => setPropTypeKey(key),
	2440	+ value,
	2441	+ onChange: (newValue) => {
	2442	+ setValue(newValue);
	2443	+ setErrorMessage("");
	2444	+ setValueFieldError("");
	2445	+ },
	2446	+ onKeyDown: handleKeyDown,
	2447	+ onValidationChange: setValueFieldError,
	2448	+ propType
	2449	+ }))), errorMessage && /* @__PURE__ */ react.createElement(_elementor_ui.FormHelperText, { error: true }, errorMessage)), /* @__PURE__ */ react.createElement(_elementor_ui.CardActions, { sx: {
	2450	+ pt: .5,
	2451	+ pb: 1
	2452	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	2453	+ size: "small",
	2454	+ variant: "contained",
	2455	+ disabled: isSubmitDisabled,
	2456	+ onClick: handleUpdate
	2457	+ }, (0, _wordpress_i18n.__)("Save", "elementor")))), deleteConfirmation && /* @__PURE__ */ react.createElement(DeleteConfirmationDialog, {
	2458	+ open: true,
	2459	+ label,
	2460	+ onConfirm: handleDelete,
	2461	+ closeDialog: closeDeleteDialog()
	2462	+ }), editConfirmation && !isMessageSuppressed && /* @__PURE__ */ react.createElement(EditConfirmationDialog, {
	2463	+ closeDialog: closeEditDialog(),
	2464	+ onConfirm: handleSaveVariable,
	2465	+ onSuppressMessage: suppressMessage
	2466	+ }));
	2467	+ };
528	2468
529		-/***/ }),
	2469	+//#endregion
	2470	+//#region packages/packages/core/editor-variables/src/components/ui/menu-item-content.tsx
	2471	+ var SIZE$3 = "tiny";
	2472	+ var EDIT_LABEL = (0, _wordpress_i18n.__)("Edit variable", "elementor");
	2473	+ var MenuItemContent = ({ item, disabled = false }) => {
	2474	+ const onEdit = item.onEdit;
	2475	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.ListItemIcon, { sx: { color: disabled ? "text.disabled" : "inherit" } }, item.icon), /* @__PURE__ */ react.createElement(_elementor_ui.Box, { sx: {
	2476	+ flex: 1,
	2477	+ minWidth: 0,
	2478	+ display: "flex",
	2479	+ alignItems: "center",
	2480	+ gap: 1
	2481	+ } }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.EllipsisWithTooltip, {
	2482	+ title: item.label || item.value,
	2483	+ as: _elementor_ui.Typography,
	2484	+ variant: "caption",
	2485	+ color: disabled ? "text.disabled" : "text.primary",
	2486	+ sx: {
	2487	+ marginTop: "1px",
	2488	+ lineHeight: "2"
	2489	+ },
	2490	+ maxWidth: "50%"
	2491	+ }), item.secondaryText && /* @__PURE__ */ react.createElement(_elementor_editor_ui.EllipsisWithTooltip, {
	2492	+ title: item.secondaryText,
	2493	+ as: _elementor_ui.Typography,
	2494	+ variant: "caption",
	2495	+ color: disabled ? "text.disabled" : "text.tertiary",
	2496	+ sx: {
	2497	+ marginTop: "1px",
	2498	+ lineHeight: "1"
	2499	+ },
	2500	+ maxWidth: "50%"
	2501	+ })), !!onEdit && !disabled && /* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2502	+ placement: "top",
	2503	+ title: EDIT_LABEL
	2504	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2505	+ sx: {
	2506	+ mx: 1,
	2507	+ opacity: "0"
	2508	+ },
	2509	+ onClick: (e) => {
	2510	+ e.stopPropagation();
	2511	+ onEdit(item.value);
	2512	+ },
	2513	+ "aria-label": EDIT_LABEL
	2514	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.EditIcon, {
	2515	+ color: "action",
	2516	+ fontSize: SIZE$3
	2517	+ }))));
	2518	+ };
530	2519
531		-/***/ "./packages/packages/core/editor-variables/src/components/ui/delete-confirmation-dialog.tsx":
532		-/*!**************************************************************************************************!*\
533		- !*** ./packages/packages/core/editor-variables/src/components/ui/delete-confirmation-dialog.tsx ***!
534		- \**************************************************************************************************/
535		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	2520	+//#endregion
	2521	+//#region packages/packages/core/editor-variables/src/components/ui/styled-menu-list.tsx
	2522	+ var VariablesStyledMenuList = (0, _elementor_ui.styled)(_elementor_ui.MenuList)(({ theme, disabled }) => ({
	2523	+ "& > li": {
	2524	+ height: 32,
	2525	+ width: "100%",
	2526	+ display: "flex",
	2527	+ alignItems: "center"
	2528	+ },
	2529	+ "& > [role=\"option\"]": {
	2530	+ ...theme.typography.caption,
	2531	+ lineHeight: "inherit",
	2532	+ padding: theme.spacing(.5, 1, .5, 2),
	2533	+ ...!disabled && {
	2534	+ "&:hover, &:focus": { backgroundColor: theme.palette.action.hover },
	2535	+ cursor: "pointer"
	2536	+ },
	2537	+ "&[aria-selected=\"true\"]": { backgroundColor: theme.palette.action.selected },
	2538	+ textOverflow: "ellipsis",
	2539	+ position: "absolute",
	2540	+ top: 0,
	2541	+ left: 0,
	2542	+ "&:hover .MuiIconButton-root, .MuiIconButton-root:focus": { opacity: 1 }
	2543	+ },
	2544	+ width: "100%",
	2545	+ position: "relative"
	2546	+ }));
536	2547
537		-__webpack_require__.r(__webpack_exports__);
538		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
539		-/* harmony export */ DeleteConfirmationDialog: function() { return /* binding */ DeleteConfirmationDialog; }
540		-/* harmony export */ });
541		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
542		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
543		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
544		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
545		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
546		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
547		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
548		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
	2548	+//#endregion
	2549	+//#region packages/packages/core/editor-variables/src/components/variables-selection.tsx
	2550	+ var SIZE$2 = "tiny";
	2551	+ var CREATE_LABEL = (0, _wordpress_i18n.__)("Create variable", "elementor");
	2552	+ var MANAGER_LABEL = (0, _wordpress_i18n.__)("Variables Manager", "elementor");
	2553	+ var getProUpgradeUrl = (variableType) => `https://go.elementor.com/renew-license-panel-${variableType}-variable`;
	2554	+ var VariablesSelection = ({ closePopover, onAdd, onEdit, onSettings, disabled = false }) => {
	2555	+ const { icon: VariableIcon, startIcon, variableType, propTypeUtil, emptyState } = useVariableType();
	2556	+ const { value: variable, setValue: setVariable, path } = useVariableBoundProp();
	2557	+ const [searchValue, setSearchValue] = (0, react.useState)("");
	2558	+ const { list: variables, hasMatches: hasSearchResults, isSourceNotEmpty: hasVariables, hasNoCompatibleVariables } = useFilteredVariables(searchValue, propTypeUtil.key);
	2559	+ const handleSetVariable = (key) => {
	2560	+ setVariable(key);
	2561	+ trackVariableEvent({
	2562	+ varType: variableType,
	2563	+ controlPath: path.join("."),
	2564	+ action: "connect"
	2565	+ });
	2566	+ closePopover();
	2567	+ };
	2568	+ const onAddAndTrack = () => {
	2569	+ onAdd?.();
	2570	+ trackVariableEvent({
	2571	+ varType: variableType,
	2572	+ controlPath: path.join("."),
	2573	+ action: "add"
	2574	+ });
	2575	+ };
	2576	+ const actions = [];
	2577	+ if (onAdd) actions.push(/* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2578	+ key: "add",
	2579	+ placement: "top",
	2580	+ title: CREATE_LABEL
	2581	+ }, /* @__PURE__ */ react.createElement("span", null, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2582	+ id: "add-variable-button",
	2583	+ size: SIZE$2,
	2584	+ onClick: onAddAndTrack,
	2585	+ "aria-label": CREATE_LABEL,
	2586	+ disabled
	2587	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.PlusIcon, { fontSize: SIZE$2 })))));
	2588	+ if (onSettings) {
	2589	+ const handleOpenManager = () => {
	2590	+ onSettings();
	2591	+ trackVariablesManagerEvent({
	2592	+ action: "openManager",
	2593	+ source: "vars-popover",
	2594	+ varType: variableType,
	2595	+ controlPath: path.join(".")
	2596	+ });
	2597	+ };
	2598	+ actions.push(/* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2599	+ key: "settings",
	2600	+ placement: "top",
	2601	+ title: MANAGER_LABEL
	2602	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2603	+ id: "variables-manager-button",
	2604	+ size: SIZE$2,
	2605	+ onClick: handleOpenManager,
	2606	+ "aria-label": MANAGER_LABEL
	2607	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.SettingsIcon, { fontSize: SIZE$2 }))));
	2608	+ }
	2609	+ const StartIcon = startIcon || (() => /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: SIZE$2 }));
	2610	+ const items = variables.map(({ value, label, key }) => ({
	2611	+ type: "item",
	2612	+ value: key,
	2613	+ label,
	2614	+ icon: /* @__PURE__ */ react.createElement(StartIcon, { value }),
	2615	+ secondaryText: value,
	2616	+ onEdit: onEdit ? () => onEdit?.(key) : void 0
	2617	+ }));
	2618	+ const handleSearch = (search) => {
	2619	+ setSearchValue(search);
	2620	+ };
	2621	+ const handleClearSearch = () => {
	2622	+ setSearchValue("");
	2623	+ };
	2624	+ (0, react.useEffect)(() => {
	2625	+ if (disabled) (0, _elementor_editor_controls.trackViewPromotion)({
	2626	+ target_name: "variables_popover",
	2627	+ target_location: "widget_panel",
	2628	+ location_l1: "variables_list"
	2629	+ });
	2630	+ }, [disabled]);
	2631	+ return /* @__PURE__ */ react.createElement(_elementor_editor_ui.SectionPopoverBody, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.PopoverHeader, {
	2632	+ title: (0, _wordpress_i18n.__)("Variables", "elementor"),
	2633	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.ColorFilterIcon, { fontSize: SIZE$2 }),
	2634	+ onClose: closePopover,
	2635	+ actions
	2636	+ }), hasVariables && /* @__PURE__ */ react.createElement(_elementor_editor_ui.SearchField, {
	2637	+ value: searchValue,
	2638	+ onSearch: handleSearch,
	2639	+ placeholder: (0, _wordpress_i18n.__)("Search", "elementor")
	2640	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Divider, null), hasVariables && hasSearchResults && /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.PopoverMenuList, {
	2641	+ items,
	2642	+ onSelect: disabled ? () => {} : handleSetVariable,
	2643	+ onClose: () => {},
	2644	+ selectedValue: variable,
	2645	+ "data-testid": `${variableType}-variables-list`,
	2646	+ menuListTemplate: (props) => /* @__PURE__ */ react.createElement(VariablesStyledMenuList, {
	2647	+ ...props,
	2648	+ disabled
	2649	+ }),
	2650	+ menuItemContentTemplate: (item) => /* @__PURE__ */ react.createElement(MenuItemContent, {
	2651	+ item,
	2652	+ disabled
	2653	+ })
	2654	+ }), disabled && /* @__PURE__ */ react.createElement(_elementor_editor_ui.PromotionAlert, {
	2655	+ message: (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("Upgrade to continue creating and editing %s variables.", "elementor"), variableType),
	2656	+ upgradeUrl: getProUpgradeUrl(variableType),
	2657	+ onCtaClick: () => (0, _elementor_editor_controls.trackUpgradePromotionClick)({
	2658	+ target_name: "variables_popover",
	2659	+ location_l1: "variables_list"
	2660	+ })
	2661	+ })), !hasSearchResults && hasVariables && /* @__PURE__ */ react.createElement(NoSearchResults, {
	2662	+ searchValue,
	2663	+ onClear: handleClearSearch,
	2664	+ icon: /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: "large" })
	2665	+ }), disabled && !hasVariables && /* @__PURE__ */ react.createElement(EmptyState, {
	2666	+ title: (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("No %s variables yet", "elementor"), variableType),
	2667	+ message: (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("Upgrade to create %s variables and maintain consistent element sizing.", "elementor"), variableType),
	2668	+ icon: /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: "large" })
	2669	+ }, emptyState), !hasVariables && !hasNoCompatibleVariables && !disabled && /* @__PURE__ */ react.createElement(EmptyState, {
	2670	+ title: (0, _wordpress_i18n.sprintf)((0, _wordpress_i18n.__)("Create your first %s variable", "elementor"), variableType),
	2671	+ message: (0, _wordpress_i18n.__)("Variables are saved attributes that you can apply anywhere on your site.", "elementor"),
	2672	+ icon: /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: "large" }),
	2673	+ onAdd
	2674	+ }), hasNoCompatibleVariables && !disabled && /* @__PURE__ */ react.createElement(EmptyState, {
	2675	+ title: (0, _wordpress_i18n.__)("No compatible variables", "elementor"),
	2676	+ message: (0, _wordpress_i18n.__)("Looks like none of your variables work with this control. Create a new variable to use it here.", "elementor"),
	2677	+ icon: /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: "large" }),
	2678	+ onAdd
	2679	+ }));
	2680	+ };
549	2681
	2682	+//#endregion
	2683	+//#region packages/packages/core/editor-variables/src/components/variable-selection-popover.tsx
	2684	+ var VIEW_LIST = "list";
	2685	+ var VIEW_ADD = "add";
	2686	+ var VIEW_EDIT = "edit";
	2687	+ var VariableSelectionPopover = ({ closePopover, propTypeKey, selectedVariable }) => {
	2688	+ const [currentView, setCurrentView] = (0, react.useState)(VIEW_LIST);
	2689	+ const [editId, setEditId] = (0, react.useState)("");
	2690	+ const onSettingsAvailable = () => {
	2691	+ window.dispatchEvent(new CustomEvent("elementor/toggle-design-system", { detail: { tab: "variables" } }));
	2692	+ };
	2693	+ return /* @__PURE__ */ react.createElement(VariableTypeProvider, { propTypeKey }, /* @__PURE__ */ react.createElement(PopoverContentRefContextProvider, null, RenderView({
	2694	+ propTypeKey,
	2695	+ currentView,
	2696	+ selectedVariable,
	2697	+ editId,
	2698	+ setEditId,
	2699	+ setCurrentView,
	2700	+ closePopover,
	2701	+ onSettings: onSettingsAvailable
	2702	+ })));
	2703	+ };
	2704	+ function RenderView(props) {
	2705	+ const userPermissions = usePermissions();
	2706	+ const userQuotaPermissions = useQuotaPermissions(props.propTypeKey);
	2707	+ const handlers = {
	2708	+ onClose: () => {
	2709	+ props.closePopover();
	2710	+ },
	2711	+ onGoBack: () => {
	2712	+ props.setCurrentView(VIEW_LIST);
	2713	+ }
	2714	+ };
	2715	+ if (userPermissions.canAdd()) handlers.onAdd = () => {
	2716	+ props.setCurrentView(VIEW_ADD);
	2717	+ };
	2718	+ if (userPermissions.canEdit()) handlers.onEdit = (key) => {
	2719	+ props.setEditId(key);
	2720	+ props.setCurrentView(VIEW_EDIT);
	2721	+ };
	2722	+ if (userPermissions.canManageSettings() && props.onSettings) handlers.onSettings = () => {
	2723	+ props.closePopover();
	2724	+ props.onSettings?.();
	2725	+ };
	2726	+ const handleSubmitOnEdit = () => {
	2727	+ if (props?.selectedVariable?.key === props.editId) handlers.onClose();
	2728	+ else handlers.onGoBack?.();
	2729	+ };
	2730	+ if (VIEW_LIST === props.currentView) return /* @__PURE__ */ react.createElement(VariablesSelection, {
	2731	+ closePopover: handlers.onClose,
	2732	+ onAdd: handlers.onAdd,
	2733	+ onEdit: handlers.onEdit,
	2734	+ onSettings: handlers.onSettings,
	2735	+ disabled: !userQuotaPermissions.canAdd()
	2736	+ });
	2737	+ if (VIEW_ADD === props.currentView) return /* @__PURE__ */ react.createElement(VariableCreation, {
	2738	+ onGoBack: handlers.onGoBack,
	2739	+ onClose: handlers.onClose
	2740	+ });
	2741	+ if (VIEW_EDIT === props.currentView) return /* @__PURE__ */ react.createElement(VariableEdit, {
	2742	+ editId: props.editId,
	2743	+ onGoBack: handlers.onGoBack,
	2744	+ onClose: handlers.onClose,
	2745	+ onSubmit: handleSubmitOnEdit
	2746	+ });
	2747	+ return null;
	2748	+ }
550	2749
	2750	+//#endregion
	2751	+//#region packages/packages/core/editor-variables/src/components/ui/tags/assigned-tag.tsx
	2752	+ var SIZE$1 = "tiny";
	2753	+ var UNLINK_LABEL = (0, _wordpress_i18n.__)("Unlink variable", "elementor");
	2754	+ var AssignedTag = ({ startIcon, label, onUnlink, ...props }) => {
	2755	+ const actions = [];
	2756	+ if (onUnlink) actions.push(/* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2757	+ key: "unlink",
	2758	+ title: UNLINK_LABEL,
	2759	+ placement: "bottom"
	2760	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	2761	+ size: SIZE$1,
	2762	+ onClick: onUnlink,
	2763	+ "aria-label": UNLINK_LABEL
	2764	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.DetachIcon, { fontSize: SIZE$1 }))));
	2765	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2766	+ title: label,
	2767	+ placement: "top"
	2768	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.UnstableTag, {
	2769	+ fullWidth: true,
	2770	+ showActionsOnHover: true,
	2771	+ startIcon: /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	2772	+ gap: .5,
	2773	+ direction: "row",
	2774	+ alignItems: "center"
	2775	+ }, startIcon),
	2776	+ label: /* @__PURE__ */ react.createElement(_elementor_ui.Box, { sx: {
	2777	+ display: "inline-grid",
	2778	+ minWidth: 0
	2779	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	2780	+ sx: { lineHeight: 1.34 },
	2781	+ variant: "caption",
	2782	+ noWrap: true
	2783	+ }, label)),
	2784	+ actions,
	2785	+ ...props
	2786	+ }));
	2787	+ };
551	2788
	2789	+//#endregion
	2790	+//#region packages/packages/core/editor-variables/src/components/ui/variable/assigned-variable.tsx
	2791	+ var AssignedVariable = ({ variable, propTypeKey }) => {
	2792	+ const { startIcon, propTypeUtil } = getVariableType(propTypeKey);
	2793	+ const { setValue } = (0, _elementor_editor_controls.useBoundProp)();
	2794	+ const anchorRef = (0, react.useRef)(null);
	2795	+ const popupState = (0, _elementor_ui.usePopupState)({
	2796	+ variant: "popover",
	2797	+ popupId: `elementor-variables-list-${(0, react.useId)()}`
	2798	+ });
	2799	+ const unlinkVariable = createUnlinkHandler(variable, propTypeKey, setValue);
	2800	+ const StartIcon = startIcon || (() => null);
	2801	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { ref: anchorRef }, /* @__PURE__ */ react.createElement(AssignedTag, {
	2802	+ label: variable.label,
	2803	+ startIcon: /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_icons.ColorFilterIcon, { fontSize: SIZE$1 }), /* @__PURE__ */ react.createElement(StartIcon, { value: variable.value })),
	2804	+ onUnlink: unlinkVariable,
	2805	+ ...(0, _elementor_ui.bindTrigger)(popupState)
	2806	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Popover, {
	2807	+ disableScrollLock: true,
	2808	+ anchorEl: anchorRef.current,
	2809	+ anchorOrigin: {
	2810	+ vertical: "bottom",
	2811	+ horizontal: "right"
	2812	+ },
	2813	+ transformOrigin: {
	2814	+ vertical: "top",
	2815	+ horizontal: "right"
	2816	+ },
	2817	+ PaperProps: { sx: { my: 1 } },
	2818	+ ...(0, _elementor_ui.bindPopover)(popupState)
	2819	+ }, /* @__PURE__ */ react.createElement(VariableSelectionPopover, {
	2820	+ selectedVariable: variable,
	2821	+ closePopover: popupState.close,
	2822	+ propTypeKey: propTypeUtil.key
	2823	+ })));
	2824	+ };
552	2825
553		-const DeleteConfirmationDialog = ({
554		- open,
555		- label,
556		- closeDialog,
557		- onConfirm
558		-}) => {
559		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog, {
560		- open: open,
561		- onClose: closeDialog
562		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Title, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Delete this variable?', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('All elements using', 'elementor'), "\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
563		- variant: "subtitle2",
564		- component: "span",
565		- sx: {
566		- lineBreak: 'anywhere'
567		- }
568		- }, label), "\xA0", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('will keep their current values, but the variable itself will be removed.', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Actions, {
569		- onClose: closeDialog,
570		- onConfirm: onConfirm
571		- }));
572		-};
	2826	+//#endregion
	2827	+//#region packages/packages/core/editor-variables/src/components/variable-restore.tsx
	2828	+ var SIZE = "tiny";
	2829	+ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
	2830	+ const { icon: VariableIcon, valueField: ValueField, variableType, propTypeUtil } = useVariableType();
	2831	+ const { setVariableValue: notifyBoundPropChange } = useVariableBoundProp();
	2832	+ const { propType } = (0, _elementor_editor_controls.useBoundProp)();
	2833	+ const variable = useVariable(variableId);
	2834	+ if (!variable) throw new Error(`Global ${variableType} variable not found`);
	2835	+ const [errorMessage, setErrorMessage] = (0, react.useState)("");
	2836	+ const [valueFieldError, setValueFieldError] = (0, react.useState)("");
	2837	+ const [label, setLabel] = (0, react.useState)(variable.label);
	2838	+ const [value, setValue] = (0, react.useState)(variable.value);
	2839	+ const [propTypeKey, setPropTypeKey] = (0, react.useState)(variable?.type ?? propTypeUtil.key);
	2840	+ const { labelFieldError, setLabelFieldError } = useLabelError({
	2841	+ value: variable.label,
	2842	+ message: ERROR_MESSAGES.DUPLICATED_LABEL
	2843	+ });
	2844	+ const handleRestore = () => {
	2845	+ (propTypeKey !== variable.type ? restoreVariable(variableId, label, value, propTypeKey) : restoreVariable(variableId, label, value)).then(() => {
	2846	+ notifyBoundPropChange(variableId);
	2847	+ onSubmit?.();
	2848	+ }).catch((error) => {
	2849	+ const mappedError = mapServerError(error);
	2850	+ if (mappedError && "label" === mappedError.field) {
	2851	+ setLabel("");
	2852	+ setLabelFieldError({
	2853	+ value: label,
	2854	+ message: mappedError.message
	2855	+ });
	2856	+ return;
	2857	+ }
	2858	+ setErrorMessage(ERROR_MESSAGES.UNEXPECTED_ERROR);
	2859	+ });
	2860	+ };
	2861	+ const hasEmptyFields = () => {
	2862	+ if ("" === label.trim()) return true;
	2863	+ if ("string" === typeof value) return "" === value.trim();
	2864	+ return false === Boolean(value);
	2865	+ };
	2866	+ const noValueChanged = () => {
	2867	+ return value === variable.value && label === variable.label;
	2868	+ };
	2869	+ const hasErrors = () => {
	2870	+ return !!errorMessage;
	2871	+ };
	2872	+ const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
	2873	+ const handleKeyDown = (event) => {
	2874	+ if (event.key === "Enter" && !isSubmitDisabled) {
	2875	+ event.preventDefault();
	2876	+ handleRestore();
	2877	+ }
	2878	+ };
	2879	+ return /* @__PURE__ */ react.createElement(PopoverContentRefContextProvider, null, /* @__PURE__ */ react.createElement(_elementor_editor_ui.SectionPopoverBody, { height: "auto" }, /* @__PURE__ */ react.createElement(_elementor_editor_ui.PopoverHeader, {
	2880	+ icon: /* @__PURE__ */ react.createElement(VariableIcon, { fontSize: SIZE }),
	2881	+ title: (0, _wordpress_i18n.__)("Restore variable", "elementor"),
	2882	+ onClose
	2883	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Divider, null), /* @__PURE__ */ react.createElement(_elementor_editor_controls.PopoverContent, { p: 2 }, /* @__PURE__ */ react.createElement(FormField, {
	2884	+ id: "variable-label",
	2885	+ label: (0, _wordpress_i18n.__)("Name", "elementor"),
	2886	+ errorMsg: labelFieldError?.message,
	2887	+ noticeMsg: labelHint(label)
	2888	+ }, /* @__PURE__ */ react.createElement(LabelField, {
	2889	+ id: "variable-label",
	2890	+ value: label,
	2891	+ error: labelFieldError,
	2892	+ onChange: (newValue) => {
	2893	+ setLabel(newValue);
	2894	+ setErrorMessage("");
	2895	+ },
	2896	+ onErrorChange: (errorMsg) => {
	2897	+ setLabelFieldError({
	2898	+ value: "",
	2899	+ message: errorMsg
	2900	+ });
	2901	+ },
	2902	+ onKeyDown: handleKeyDown,
	2903	+ focusOnShow: true
	2904	+ })), ValueField && /* @__PURE__ */ react.createElement(FormField, {
	2905	+ errorMsg: valueFieldError,
	2906	+ label: (0, _wordpress_i18n.__)("Value", "elementor")
	2907	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "h5" }, /* @__PURE__ */ react.createElement(ValueField, {
	2908	+ propTypeKey,
	2909	+ onPropTypeKeyChange: (key) => setPropTypeKey(key),
	2910	+ value,
	2911	+ onChange: (newValue) => {
	2912	+ setValue(newValue);
	2913	+ setErrorMessage("");
	2914	+ setValueFieldError("");
	2915	+ },
	2916	+ onValidationChange: setValueFieldError,
	2917	+ propType,
	2918	+ onKeyDown: handleKeyDown
	2919	+ }))), errorMessage && /* @__PURE__ */ react.createElement(_elementor_ui.FormHelperText, { error: true }, errorMessage)), /* @__PURE__ */ react.createElement(_elementor_ui.CardActions, { sx: {
	2920	+ pt: .5,
	2921	+ pb: 1
	2922	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	2923	+ size: "small",
	2924	+ variant: "contained",
	2925	+ disabled: isSubmitDisabled,
	2926	+ onClick: handleRestore
	2927	+ }, (0, _wordpress_i18n.__)("Restore", "elementor")))));
	2928	+ };
573	2929
574		-/***/ }),
	2930	+//#endregion
	2931	+//#region packages/packages/core/editor-variables/src/components/ui/deleted-variable-alert.tsx
	2932	+ var DeletedVariableAlert = ({ onClose, onUnlink, onRestore, label }) => {
	2933	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	2934	+ variant: "standard",
	2935	+ severity: "warning",
	2936	+ onClose,
	2937	+ action: /* @__PURE__ */ react.createElement(react.Fragment, null, onUnlink && /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, {
	2938	+ variant: "contained",
	2939	+ onClick: onUnlink
	2940	+ }, (0, _wordpress_i18n.__)("Unlink", "elementor")), onRestore && /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, {
	2941	+ variant: "outlined",
	2942	+ onClick: onRestore
	2943	+ }, (0, _wordpress_i18n.__)("Restore", "elementor"))),
	2944	+ sx: { maxWidth: 300 }
	2945	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.AlertTitle, null, (0, _wordpress_i18n.__)("Deleted variable", "elementor")), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	2946	+ variant: "body2",
	2947	+ color: "textPrimary"
	2948	+ }, (0, _wordpress_i18n.__)("The variable", "elementor"), "\xA0'", /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	2949	+ variant: "body2",
	2950	+ component: "span",
	2951	+ sx: { lineBreak: "anywhere" }
	2952	+ }, label), "'\xA0", (0, _wordpress_i18n.__)("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"))));
	2953	+ };
575	2954
576		-/***/ "./packages/packages/core/editor-variables/src/components/ui/deleted-variable-alert.tsx":
577		-/*!**********************************************************************************************!*\
578		- !*** ./packages/packages/core/editor-variables/src/components/ui/deleted-variable-alert.tsx ***!
579		- \**********************************************************************************************/
580		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	2955	+//#endregion
	2956	+//#region packages/packages/core/editor-variables/src/components/ui/tags/warning-variable-tag.tsx
	2957	+ var WarningVariableTag = react.forwardRef(({ label, suffix, onClick, icon, ...props }, ref) => {
	2958	+ const displayText = suffix ? `${label} (${suffix})` : label;
	2959	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Chip, {
	2960	+ ref,
	2961	+ size: "tiny",
	2962	+ color: "warning",
	2963	+ shape: "rounded",
	2964	+ variant: "standard",
	2965	+ onClick,
	2966	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.AlertTriangleFilledIcon, null),
	2967	+ label: /* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	2968	+ title: displayText,
	2969	+ placement: "top"
	2970	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Box, { sx: {
	2971	+ display: "inline-grid",
	2972	+ minWidth: 0
	2973	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	2974	+ variant: "caption",
	2975	+ noWrap: true,
	2976	+ sx: { lineHeight: 1.34 }
	2977	+ }, displayText))),
	2978	+ sx: {
	2979	+ height: (theme) => theme.spacing(3.5),
	2980	+ borderRadius: (theme) => theme.spacing(1),
	2981	+ justifyContent: "flex-start",
	2982	+ width: "100%"
	2983	+ },
	2984	+ ...props
	2985	+ });
	2986	+ });
	2987	+ WarningVariableTag.displayName = "WarningVariableTag";
581	2988
582		-__webpack_require__.r(__webpack_exports__);
583		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
584		-/* harmony export */ DeletedVariableAlert: function() { return /* binding */ DeletedVariableAlert; }
585		-/* harmony export */ });
586		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
587		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
588		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
589		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
590		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
591		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
	2989	+//#endregion
	2990	+//#region packages/packages/core/editor-variables/src/components/ui/variable/deleted-variable.tsx
	2991	+ var DeletedVariable = ({ variable, propTypeKey }) => {
	2992	+ const { propTypeUtil } = getVariableType(propTypeKey);
	2993	+ const boundProp = (0, _elementor_editor_controls.useBoundProp)();
	2994	+ const userPermissions = usePermissions();
	2995	+ const [showInfotip, setShowInfotip] = (0, react.useState)(false);
	2996	+ const toggleInfotip = () => setShowInfotip((prev) => !prev);
	2997	+ const closeInfotip = () => setShowInfotip(false);
	2998	+ const deletedChipAnchorRef = (0, react.useRef)(null);
	2999	+ const popupState = (0, _elementor_ui.usePopupState)({
	3000	+ variant: "popover",
	3001	+ popupId: `elementor-variables-restore-${(0, react.useId)()}`
	3002	+ });
	3003	+ const handlers = {};
	3004	+ if (userPermissions.canUnlink()) handlers.onUnlink = createUnlinkHandler(variable, propTypeKey, boundProp.setValue);
	3005	+ if (userPermissions.canRestore()) handlers.onRestore = () => {
	3006	+ if (!variable.key) return;
	3007	+ restoreVariable(variable.key).then((id) => {
	3008	+ resolveBoundPropAndSetValue(propTypeUtil.create(id), boundProp);
	3009	+ closeInfotip();
	3010	+ }).catch(() => {
	3011	+ closeInfotip();
	3012	+ popupState.setAnchorEl(deletedChipAnchorRef.current);
	3013	+ popupState.open();
	3014	+ });
	3015	+ };
	3016	+ const handleRestoreWithOverrides = () => {
	3017	+ popupState.close();
	3018	+ };
	3019	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.Box, { ref: deletedChipAnchorRef }, showInfotip && /* @__PURE__ */ react.createElement(_elementor_ui.Backdrop, {
	3020	+ open: true,
	3021	+ onClick: closeInfotip,
	3022	+ invisible: true
	3023	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	3024	+ color: "warning",
	3025	+ placement: "right-start",
	3026	+ open: showInfotip,
	3027	+ disableHoverListener: true,
	3028	+ onClose: closeInfotip,
	3029	+ content: /* @__PURE__ */ react.createElement(DeletedVariableAlert, {
	3030	+ onClose: closeInfotip,
	3031	+ onUnlink: handlers.onUnlink,
	3032	+ onRestore: handlers.onRestore,
	3033	+ label: variable.label
	3034	+ }),
	3035	+ slotProps: { popper: { modifiers: [{
	3036	+ name: "offset",
	3037	+ options: { offset: [0, 24] }
	3038	+ }] } }
	3039	+ }, /* @__PURE__ */ react.createElement(WarningVariableTag, {
	3040	+ label: variable.label,
	3041	+ onClick: toggleInfotip,
	3042	+ suffix: (0, _wordpress_i18n.__)("deleted", "elementor")
	3043	+ })), /* @__PURE__ */ react.createElement(_elementor_ui.Popover, {
	3044	+ disableScrollLock: true,
	3045	+ anchorOrigin: {
	3046	+ vertical: "bottom",
	3047	+ horizontal: "right"
	3048	+ },
	3049	+ transformOrigin: {
	3050	+ vertical: "top",
	3051	+ horizontal: "right"
	3052	+ },
	3053	+ PaperProps: { sx: { my: 1 } },
	3054	+ ...(0, _elementor_ui.bindPopover)(popupState)
	3055	+ }, /* @__PURE__ */ react.createElement(VariableTypeProvider, { propTypeKey }, /* @__PURE__ */ react.createElement(VariableRestore, {
	3056	+ variableId: variable.key ?? "",
	3057	+ onClose: popupState.close,
	3058	+ onSubmit: handleRestoreWithOverrides
	3059	+ })))));
	3060	+ };
592	3061
	3062	+//#endregion
	3063	+//#region packages/packages/core/editor-variables/src/components/ui/mismatch-variable-alert.tsx
	3064	+ var i18n = {
	3065	+ title: (0, _wordpress_i18n.__)("Variable has changed", "elementor"),
	3066	+ message: (0, _wordpress_i18n.__)(`This variable is no longer compatible with this property. You can clear it or select a different one.`, "elementor"),
	3067	+ buttons: {
	3068	+ clear: (0, _wordpress_i18n.__)("Clear", "elementor"),
	3069	+ select: (0, _wordpress_i18n.__)("Select variable", "elementor")
	3070	+ }
	3071	+ };
	3072	+ var MismatchVariableAlert = ({ onClose, onClear, triggerSelect }) => {
	3073	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	3074	+ variant: "standard",
	3075	+ severity: "warning",
	3076	+ onClose,
	3077	+ action: /* @__PURE__ */ react.createElement(react.Fragment, null, onClear && /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, {
	3078	+ variant: "contained",
	3079	+ onClick: onClear
	3080	+ }, i18n.buttons.clear), triggerSelect && /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, {
	3081	+ variant: "outlined",
	3082	+ onClick: triggerSelect
	3083	+ }, i18n.buttons.select)),
	3084	+ sx: { maxWidth: 300 }
	3085	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.AlertTitle, null, i18n.title), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	3086	+ variant: "body2",
	3087	+ color: "textPrimary"
	3088	+ }, i18n.message)));
	3089	+ };
593	3090
	3091	+//#endregion
	3092	+//#region packages/packages/core/editor-variables/src/components/ui/variable/mismatch-variable.tsx
	3093	+ var MismatchVariable = ({ variable }) => {
	3094	+ const { setValue, value } = (0, _elementor_editor_controls.useBoundProp)();
	3095	+ const anchorRef = (0, react.useRef)(null);
	3096	+ const popupState = (0, _elementor_ui.usePopupState)({
	3097	+ variant: "popover",
	3098	+ popupId: `elementor-variables-list-${(0, react.useId)()}`
	3099	+ });
	3100	+ const [infotipVisible, setInfotipVisible] = (0, react.useState)(false);
	3101	+ const toggleInfotip = () => setInfotipVisible((prev) => !prev);
	3102	+ const closeInfotip = () => setInfotipVisible(false);
	3103	+ const triggerSelect = () => {
	3104	+ closeInfotip();
	3105	+ popupState.setAnchorEl(anchorRef.current);
	3106	+ popupState.open();
	3107	+ };
	3108	+ const clearValue = () => {
	3109	+ closeInfotip();
	3110	+ setValue(null);
	3111	+ };
	3112	+ const showClearButton = !!value;
	3113	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { ref: anchorRef }, infotipVisible && /* @__PURE__ */ react.createElement(_elementor_ui.Backdrop, {
	3114	+ open: true,
	3115	+ onClick: closeInfotip,
	3116	+ invisible: true
	3117	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	3118	+ color: "warning",
	3119	+ placement: "right-start",
	3120	+ open: infotipVisible,
	3121	+ disableHoverListener: true,
	3122	+ onClose: closeInfotip,
	3123	+ content: /* @__PURE__ */ react.createElement(MismatchVariableAlert, {
	3124	+ onClose: closeInfotip,
	3125	+ onClear: showClearButton ? clearValue : void 0,
	3126	+ triggerSelect
	3127	+ }),
	3128	+ slotProps: { popper: { modifiers: [{
	3129	+ name: "offset",
	3130	+ options: { offset: [0, 24] }
	3131	+ }] } }
	3132	+ }, /* @__PURE__ */ react.createElement(WarningVariableTag, {
	3133	+ label: variable.label,
	3134	+ onClick: toggleInfotip,
	3135	+ suffix: (0, _wordpress_i18n.__)("changed", "elementor")
	3136	+ })), /* @__PURE__ */ react.createElement(_elementor_ui.Popover, {
	3137	+ disableScrollLock: true,
	3138	+ anchorEl: anchorRef.current,
	3139	+ anchorOrigin: {
	3140	+ vertical: "bottom",
	3141	+ horizontal: "right"
	3142	+ },
	3143	+ transformOrigin: {
	3144	+ vertical: "top",
	3145	+ horizontal: "right"
	3146	+ },
	3147	+ PaperProps: { sx: { my: 1 } },
	3148	+ ...(0, _elementor_ui.bindPopover)(popupState)
	3149	+ }, /* @__PURE__ */ react.createElement(VariableSelectionPopover, {
	3150	+ selectedVariable: variable,
	3151	+ closePopover: popupState.close,
	3152	+ propTypeKey: variable.type
	3153	+ })));
	3154	+ };
594	3155
595		-const DeletedVariableAlert = ({
596		- onClose,
597		- onUnlink,
598		- onRestore,
599		- label
600		-}) => {
601		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.ClickAwayListener, {
602		- onClickAway: onClose
603		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, {
604		- variant: "standard",
605		- severity: "warning",
606		- onClose: onClose,
607		- action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, onUnlink && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertAction, {
608		- variant: "contained",
609		- onClick: onUnlink
610		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Unlink', 'elementor')), onRestore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertAction, {
611		- variant: "outlined",
612		- onClick: onRestore
613		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Restore', 'elementor'))),
614		- sx: {
615		- maxWidth: 300
616		- }
617		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Deleted variable', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
618		- variant: "body2",
619		- color: "textPrimary"
620		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('The variable', 'elementor'), "\xA0'", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
621		- variant: "body2",
622		- component: "span",
623		- sx: {
624		- lineBreak: 'anywhere'
625		- }
626		- }, label), "'\xA0", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('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'))));
627		-};
	3156	+//#endregion
	3157	+//#region packages/packages/core/editor-variables/src/components/ui/missing-variable-alert.tsx
	3158	+ var MissingVariableAlert = ({ onClose, onClear }) => {
	3159	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	3160	+ variant: "standard",
	3161	+ severity: "warning",
	3162	+ onClose,
	3163	+ action: /* @__PURE__ */ react.createElement(react.Fragment, null, onClear && /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, {
	3164	+ variant: "contained",
	3165	+ onClick: onClear
	3166	+ }, (0, _wordpress_i18n.__)("Clear", "elementor"))),
	3167	+ sx: { maxWidth: 300 }
	3168	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.AlertTitle, null, (0, _wordpress_i18n.__)("This variable is missing", "elementor")), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	3169	+ variant: "body2",
	3170	+ color: "textPrimary"
	3171	+ }, (0, _wordpress_i18n.__)("It may have been deleted. Try clearing this field and select a different value or variable.", "elementor"))));
	3172	+ };
628	3173
629		-/***/ }),
	3174	+//#endregion
	3175	+//#region packages/packages/core/editor-variables/src/components/ui/variable/missing-variable.tsx
	3176	+ var MissingVariable = () => {
	3177	+ const { setValue } = (0, _elementor_editor_controls.useBoundProp)();
	3178	+ const [infotipVisible, setInfotipVisible] = (0, react.useState)(false);
	3179	+ const toggleInfotip = () => setInfotipVisible((prev) => !prev);
	3180	+ const closeInfotip = () => setInfotipVisible(false);
	3181	+ const clearValue = () => setValue(null);
	3182	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, infotipVisible && /* @__PURE__ */ react.createElement(_elementor_ui.Backdrop, {
	3183	+ open: true,
	3184	+ onClick: closeInfotip,
	3185	+ invisible: true
	3186	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	3187	+ color: "warning",
	3188	+ placement: "right-start",
	3189	+ open: infotipVisible,
	3190	+ disableHoverListener: true,
	3191	+ onClose: closeInfotip,
	3192	+ content: /* @__PURE__ */ react.createElement(MissingVariableAlert, {
	3193	+ onClose: closeInfotip,
	3194	+ onClear: clearValue
	3195	+ }),
	3196	+ slotProps: { popper: { modifiers: [{
	3197	+ name: "offset",
	3198	+ options: { offset: [0, 24] }
	3199	+ }] } }
	3200	+ }, /* @__PURE__ */ react.createElement(WarningVariableTag, {
	3201	+ label: (0, _wordpress_i18n.__)("Missing variable", "elementor"),
	3202	+ onClick: toggleInfotip
	3203	+ })));
	3204	+ };
630	3205
631		-/***/ "./packages/packages/core/editor-variables/src/components/ui/edit-confirmation-dialog.tsx":
632		-/*!************************************************************************************************!*\
633		- !*** ./packages/packages/core/editor-variables/src/components/ui/edit-confirmation-dialog.tsx ***!
634		- \************************************************************************************************/
635		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	3206	+//#endregion
	3207	+//#region packages/packages/core/editor-variables/src/controls/variable-control.tsx
	3208	+ var VariableControl = () => {
	3209	+ const boundProp = (0, _elementor_editor_controls.useBoundProp)();
	3210	+ const boundPropValue = boundProp.value ?? boundProp.placeholder;
	3211	+ const assignedVariable = useVariable(boundPropValue?.value);
	3212	+ if (!assignedVariable) return /* @__PURE__ */ react.createElement(MissingVariable, null);
	3213	+ const { $$type: propTypeKey } = boundPropValue;
	3214	+ if (assignedVariable?.deleted) return /* @__PURE__ */ react.createElement(DeletedVariable, {
	3215	+ variable: assignedVariable,
	3216	+ propTypeKey
	3217	+ });
	3218	+ const { isCompatible } = getVariableType(assignedVariable.type);
	3219	+ if (isCompatible && !isCompatible(boundProp?.propType, assignedVariable)) return /* @__PURE__ */ react.createElement(MismatchVariable, { variable: assignedVariable });
	3220	+ return /* @__PURE__ */ react.createElement(AssignedVariable, {
	3221	+ variable: assignedVariable,
	3222	+ propTypeKey
	3223	+ });
	3224	+ };
636	3225
637		-__webpack_require__.r(__webpack_exports__);
638		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
639		-/* harmony export */ EDIT_CONFIRMATION_DIALOG_ID: function() { return /* binding */ EDIT_CONFIRMATION_DIALOG_ID; },
640		-/* harmony export */ EditConfirmationDialog: function() { return /* binding */ EditConfirmationDialog; }
641		-/* harmony export */ });
642		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
643		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
644		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
645		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
646		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
647		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
648		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
649		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
	3226	+//#endregion
	3227	+//#region packages/packages/core/editor-variables/src/hooks/use-prop-variable-action.tsx
	3228	+ var usePropVariableAction = () => {
	3229	+ const { propType, path } = (0, _elementor_editor_controls.useBoundProp)();
	3230	+ const variable = resolveVariableFromPropType(propType);
	3231	+ return {
	3232	+ visible: Boolean(variable),
	3233	+ icon: _elementor_icons.ColorFilterIcon,
	3234	+ title: (0, _wordpress_i18n.__)("Variables", "elementor"),
	3235	+ content: ({ close: closePopover }) => {
	3236	+ if (!variable) return null;
	3237	+ trackOpenVariablePopover(path, variable.variableType);
	3238	+ return /* @__PURE__ */ react.createElement(VariableSelectionPopover, {
	3239	+ closePopover,
	3240	+ propTypeKey: variable.propTypeUtil.key
	3241	+ });
	3242	+ }
	3243	+ };
	3244	+ };
	3245	+ var resolveVariableFromPropType = (propType) => {
	3246	+ if (propType.kind !== "union") return;
	3247	+ for (const key of Object.keys(propType.prop_types)) {
	3248	+ const variable = getVariableType(key);
	3249	+ if (variable) return variable;
	3250	+ }
	3251	+ };
	3252	+ var trackOpenVariablePopover = (path, variableType) => {
	3253	+ trackVariableEvent({
	3254	+ varType: variableType,
	3255	+ controlPath: path.join("."),
	3256	+ action: "open"
	3257	+ });
	3258	+ };
650	3259
	3260	+//#endregion
	3261	+//#region packages/packages/core/editor-variables/src/mcp/variable-tool-prompt.ts
	3262	+ var MANAGE_VARIABLES_GUIDE_URI = "elementor://variables/tools/manage-global-variable-guide";
651	3263
	3264	+//#endregion
	3265	+//#region packages/packages/core/editor-variables/src/mcp/variables-resource.ts
	3266	+ var MCP_PROXY_URL$1 = "elementor/v1/mcp-proxy";
	3267	+ var GLOBAL_VARIABLES_URI = "elementor://global-variables";
	3268	+ var initVariablesResource = (variablesMcpEntry, canvasMcpEntry) => {
	3269	+ [canvasMcpEntry, variablesMcpEntry].forEach((entry) => {
	3270	+ const { resource, sendResourceUpdated } = entry;
	3271	+ const notifyGlobalVariablesUpdated = () => {
	3272	+ sendResourceUpdated({ uri: GLOBAL_VARIABLES_URI });
	3273	+ };
	3274	+ resource("global-variables", GLOBAL_VARIABLES_URI, { description: "Global variables available (v4)" }, async (uri) => {
	3275	+ const { data } = await (0, _elementor_http_client.httpService)().get(MCP_PROXY_URL$1, { params: { uri: uri.href } });
	3276	+ return { contents: [{
	3277	+ uri: uri.href,
	3278	+ mimeType: "application/json",
	3279	+ text: JSON.stringify(data.data ?? {})
	3280	+ }] };
	3281	+ });
	3282	+ window.addEventListener(STORAGE_UPDATED_EVENT, notifyGlobalVariablesUpdated);
	3283	+ (0, _elementor_editor_v1_adapters.__privateListenTo)((0, _elementor_editor_v1_adapters.commandEndEvent)("document/save/update"), notifyGlobalVariablesUpdated);
	3284	+ });
	3285	+ };
652	3286
	3287	+//#endregion
	3288	+//#region packages/packages/core/editor-variables/src/mcp/manage-variable-tool.ts
	3289	+ var MCP_PROXY_URL = "elementor/v1/mcp-proxy";
	3290	+ var TOOL_NAME = "manage-global-variable";
	3291	+ var VARIABLE_TYPES = {
	3292	+ COLOR: "global-color-variable",
	3293	+ FONT: "global-font-variable",
	3294	+ SIZE: "global-size-variable",
	3295	+ CUSTOM_SIZE: "global-custom-size-variable"
	3296	+ };
	3297	+ var initManageVariableTool = (reg) => {
	3298	+ const { addTool, resource } = reg;
	3299	+ const RUNTIME_ALLOWED_VARIABLE_TYPES = (0, _elementor_utils.isProActive)() ? [
	3300	+ VARIABLE_TYPES.COLOR,
	3301	+ VARIABLE_TYPES.FONT,
	3302	+ VARIABLE_TYPES.SIZE,
	3303	+ VARIABLE_TYPES.CUSTOM_SIZE
	3304	+ ] : [VARIABLE_TYPES.COLOR, VARIABLE_TYPES.FONT];
	3305	+ resource("manage-global-variable-guide", MANAGE_VARIABLES_GUIDE_URI, {
	3306	+ title: "Manage Global Variable Guide",
	3307	+ description: "Detailed guide for using the manage-global-variable tool",
	3308	+ mimeType: "text/plain"
	3309	+ }, async (uri) => {
	3310	+ const { data } = await (0, _elementor_http_client.httpService)().get(MCP_PROXY_URL, { params: { uri: uri.href } });
	3311	+ return { contents: [{
	3312	+ uri: uri.href,
	3313	+ mimeType: "text/plain",
	3314	+ text: data.data
	3315	+ }] };
	3316	+ });
	3317	+ addTool({
	3318	+ name: TOOL_NAME,
	3319	+ description: "Manage V4 global variables (color, font, size, custom-size). Read the guide resource before use. font = single Google Font family name, no fallback stacks, size = measured unit, custom-size = calculated values",
	3320	+ schema: {
	3321	+ action: _elementor_schema.z.enum([
	3322	+ "create",
	3323	+ "update",
	3324	+ "delete"
	3325	+ ]),
	3326	+ id: _elementor_schema.z.string().optional().describe("Variable id — required for update/delete. Get from the global-variables resource."),
	3327	+ type: _elementor_schema.z.enum(RUNTIME_ALLOWED_VARIABLE_TYPES),
	3328	+ label: _elementor_schema.z.string().describe("Variable label (lowercase, dash-separated) — required for create/update."),
	3329	+ value: _elementor_schema.z.string().optional().describe("Plain CSS value — required for create/update. Color: hex/rgba/hsl. Font: single Google Font family name only — no fallback stacks, no generic families. Size: value with unit e.g. \"16px\", or \"auto\" (Pro). Do NOT pass JSON.")
	3330	+ },
	3331	+ outputSchema: {
	3332	+ status: _elementor_schema.z.enum(["ok"]).describe("Operation status"),
	3333	+ message: _elementor_schema.z.string().optional().describe("Error details if status is error")
	3334	+ },
	3335	+ requiredResources: [{
	3336	+ uri: MANAGE_VARIABLES_GUIDE_URI,
	3337	+ description: "Full guide for variable types, naming rules, and usage"
	3338	+ }, {
	3339	+ uri: GLOBAL_VARIABLES_URI,
	3340	+ description: "Current global variables — check before creating to avoid duplicates"
	3341	+ }],
	3342	+ isDestructive: true,
	3343	+ handler: async (params) => {
	3344	+ const { data } = await (0, _elementor_http_client.httpService)().post(MCP_PROXY_URL, {
	3345	+ tool: TOOL_NAME,
	3346	+ input: params
	3347	+ });
	3348	+ const payload = data.data;
	3349	+ if (payload.variable && typeof payload.watermark === "number") applyLocalMutation(params.action, payload.variable, payload.watermark);
	3350	+ return { status: "ok" };
	3351	+ }
	3352	+ });
	3353	+ };
653	3354
	3355	+//#endregion
	3356	+//#region packages/packages/core/editor-variables/src/mcp/index.ts
	3357	+ function initMcp(reg, canvasMcpEntry) {
	3358	+ window.addEventListener("elementor/init", () => {
	3359	+ initManageVariableTool(reg);
	3360	+ initVariablesResource(reg, canvasMcpEntry);
	3361	+ }, { once: true });
	3362	+ }
654	3363
655		-const EDIT_CONFIRMATION_DIALOG_ID = 'edit-confirmation-dialog';
656		-const EditConfirmationDialog = ({
657		- closeDialog,
658		- onConfirm,
659		- onSuppressMessage
660		-}) => {
661		- const [dontShowAgain, setDontShowAgain] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
662		- const handleSave = () => {
663		- if (dontShowAgain) {
664		- onSuppressMessage?.();
665		- }
666		- onConfirm?.();
667		- };
668		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog, {
669		- open: true,
670		- onClose: closeDialog,
671		- maxWidth: "xs"
672		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.DialogTitle, {
673		- display: "flex",
674		- alignItems: "center",
675		- gap: 1
676		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.AlertTriangleFilledIcon, {
677		- color: "secondary"
678		- }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Changes to variables go live right away.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.DialogContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.DialogContentText, {
679		- variant: "body2",
680		- color: "textPrimary"
681		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Don't worry - all other changes you make will wait until you publish your site.", 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.DialogActions, {
682		- sx: {
683		- justifyContent: 'space-between',
684		- alignItems: 'center'
685		- }
686		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.FormControlLabel, {
687		- control: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Checkbox, {
688		- checked: dontShowAgain,
689		- onChange: event => setDontShowAgain(event.target.checked),
690		- size: "small"
691		- }),
692		- label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
693		- variant: "body2"
694		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Don't show me again", 'elementor'))
695		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
696		- color: "secondary",
697		- onClick: closeDialog
698		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Keep editing', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
699		- variant: "contained",
700		- color: "secondary",
701		- onClick: handleSave,
702		- sx: {
703		- ml: 1
704		- }
705		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Save', 'elementor')))));
706		-};
	3364	+//#endregion
	3365	+//#region packages/packages/core/editor-variables/src/components/fields/color-field.tsx
	3366	+ var ColorField = ({ value, onChange, onValidationChange }) => {
	3367	+ const [color, setColor] = (0, react.useState)(value);
	3368	+ const [errorMessage, setErrorMessage] = (0, react.useState)("");
	3369	+ const defaultRef = (0, react.useRef)(null);
	3370	+ const anchorRef = usePopoverContentRef() ?? defaultRef.current;
	3371	+ const handleChange = (newValue) => {
	3372	+ setColor(newValue);
	3373	+ const errorMsg = validateValue(newValue);
	3374	+ setErrorMessage(errorMsg);
	3375	+ onValidationChange?.(errorMsg);
	3376	+ onChange(errorMsg ? "" : newValue);
	3377	+ };
	3378	+ return /* @__PURE__ */ react.createElement(_elementor_ui.UnstableColorField, {
	3379	+ id: "color-variable-field",
	3380	+ size: "tiny",
	3381	+ fullWidth: true,
	3382	+ value: color,
	3383	+ onChange: handleChange,
	3384	+ error: errorMessage || void 0,
	3385	+ slotProps: { colorPicker: {
	3386	+ anchorEl: anchorRef,
	3387	+ anchorOrigin: {
	3388	+ vertical: "top",
	3389	+ horizontal: "right"
	3390	+ },
	3391	+ transformOrigin: {
	3392	+ vertical: "top",
	3393	+ horizontal: -10
	3394	+ },
	3395	+ slotProps: { colorIndicator: {
	3396	+ size: "inherit",
	3397	+ sx: { borderRadius: .5 }
	3398	+ } }
	3399	+ } }
	3400	+ });
	3401	+ };
707	3402
708		-/***/ }),
	3403	+//#endregion
	3404	+//#region packages/packages/core/editor-variables/src/components/fields/font-field.tsx
	3405	+ var FontField = ({ value, onChange, onValidationChange }) => {
	3406	+ const [fontFamily, setFontFamily] = (0, react.useState)(value);
	3407	+ const defaultRef = (0, react.useRef)(null);
	3408	+ const anchorRef = usePopoverContentRef() ?? defaultRef.current;
	3409	+ const fontPopoverState = (0, _elementor_ui.usePopupState)({ variant: "popover" });
	3410	+ const fontFamilies = (0, _elementor_editor_controls.useFontFamilies)();
	3411	+ const sectionWidth = (0, _elementor_editor_ui.useSectionWidth)();
	3412	+ const mapFontSubs = (0, react.useMemo)(() => {
	3413	+ return fontFamilies.map(({ label, fonts }) => ({
	3414	+ label,
	3415	+ items: fonts
	3416	+ }));
	3417	+ }, [fontFamilies]);
	3418	+ const handleChange = (newValue) => {
	3419	+ setFontFamily(newValue);
	3420	+ const errorMsg = validateValue(newValue);
	3421	+ onValidationChange?.(errorMsg);
	3422	+ onChange(errorMsg ? "" : newValue);
	3423	+ };
	3424	+ const handleFontFamilyChange = (newFontFamily) => {
	3425	+ handleChange(newFontFamily);
	3426	+ fontPopoverState.close();
	3427	+ };
	3428	+ const id = (0, react.useId)();
	3429	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.UnstableTag, {
	3430	+ id,
	3431	+ variant: "outlined",
	3432	+ label: fontFamily,
	3433	+ endIcon: /* @__PURE__ */ react.createElement(_elementor_icons.ChevronDownIcon, { fontSize: "tiny" }),
	3434	+ ...(0, _elementor_ui.bindTrigger)(fontPopoverState),
	3435	+ fullWidth: true
	3436	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Popover, {
	3437	+ disablePortal: true,
	3438	+ disableScrollLock: true,
	3439	+ anchorEl: anchorRef,
	3440	+ anchorOrigin: {
	3441	+ vertical: "top",
	3442	+ horizontal: "right"
	3443	+ },
	3444	+ transformOrigin: {
	3445	+ vertical: "top",
	3446	+ horizontal: -28
	3447	+ },
	3448	+ ...(0, _elementor_ui.bindPopover)(fontPopoverState)
	3449	+ }, /* @__PURE__ */ react.createElement(_elementor_editor_controls.ItemSelector, {
	3450	+ id: "font-family-variables-selector",
	3451	+ itemsList: mapFontSubs,
	3452	+ selectedItem: fontFamily,
	3453	+ onItemChange: handleFontFamilyChange,
	3454	+ onClose: fontPopoverState.close,
	3455	+ sectionWidth,
	3456	+ title: (0, _wordpress_i18n.__)("Font family", "elementor"),
	3457	+ itemStyle: (item) => ({ fontFamily: item.value }),
	3458	+ onDebounce: _elementor_editor_controls.enqueueFont,
	3459	+ icon: _elementor_icons.TextIcon
	3460	+ })));
	3461	+ };
709	3462
710		-/***/ "./packages/packages/core/editor-variables/src/components/ui/empty-state.tsx":
711		-/*!***********************************************************************************!*\
712		- !*** ./packages/packages/core/editor-variables/src/components/ui/empty-state.tsx ***!
713		- \***********************************************************************************/
714		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	3463	+//#endregion
	3464	+//#region packages/packages/core/editor-variables/src/prop-types/size-variable-prop-type.ts
	3465	+ var sizeVariablePropTypeUtil = (0, _elementor_editor_props.createPropUtils)("global-size-variable", _elementor_schema.z.string());
715	3466
716		-__webpack_require__.r(__webpack_exports__);
717		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
718		-/* harmony export */ EmptyState: function() { return /* binding */ EmptyState; }
719		-/* harmony export */ });
720		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
721		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
722		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
723		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
724		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
725		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
726		-/* harmony import */ var _hooks_use_permissions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks/use-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-permissions.ts");
	3467	+//#endregion
	3468	+//#region packages/packages/core/editor-variables/src/transformers/empty-transformer.tsx
	3469	+ var EmptyTransformer = (0, _elementor_editor_canvas.createTransformer)((_value) => {
	3470	+ return null;
	3471	+ });
727	3472
	3473	+//#endregion
	3474	+//#region packages/packages/core/editor-variables/src/register-variable-types.tsx
	3475	+ function registerVariableTypes() {
	3476	+ registerVariableType({
	3477	+ key: colorVariablePropTypeUtil.key,
	3478	+ valueField: ColorField,
	3479	+ icon: _elementor_icons.BrushIcon,
	3480	+ propTypeUtil: colorVariablePropTypeUtil,
	3481	+ fallbackPropTypeUtil: _elementor_editor_props.colorPropTypeUtil,
	3482	+ variableType: "color",
	3483	+ startIcon: ({ value }) => /* @__PURE__ */ react.createElement(ColorIndicator, {
	3484	+ size: "inherit",
	3485	+ component: "span",
	3486	+ value
	3487	+ }),
	3488	+ defaultValue: "#ffffff",
	3489	+ menuActionsFactory: ({ variable, variableId, handlers }) => {
	3490	+ const actions = [];
	3491	+ if (variable.sync_to_v3) actions.push({
	3492	+ name: (0, _wordpress_i18n.__)("Stop syncing to Global Colors", "elementor"),
	3493	+ icon: _elementor_icons.RefreshOffIcon,
	3494	+ color: "text.primary",
	3495	+ onClick: () => handlers.onStopSync(variableId)
	3496	+ });
	3497	+ else actions.push({
	3498	+ name: (0, _wordpress_i18n.__)("Sync to Global Colors", "elementor"),
	3499	+ icon: _elementor_icons.RefreshIcon,
	3500	+ color: "text.primary",
	3501	+ onClick: () => handlers.onStartSync(variableId)
	3502	+ });
	3503	+ return actions;
	3504	+ }
	3505	+ });
	3506	+ registerVariableType({
	3507	+ key: fontVariablePropTypeUtil.key,
	3508	+ valueField: FontField,
	3509	+ icon: _elementor_icons.TextIcon,
	3510	+ propTypeUtil: fontVariablePropTypeUtil,
	3511	+ fallbackPropTypeUtil: _elementor_editor_props.stringPropTypeUtil,
	3512	+ variableType: "font",
	3513	+ defaultValue: "Roboto"
	3514	+ });
	3515	+ const sizePromotions = {
	3516	+ isActive: false,
	3517	+ icon: _elementor_icons.ExpandDiagonalIcon,
	3518	+ propTypeUtil: sizeVariablePropTypeUtil,
	3519	+ fallbackPropTypeUtil: _elementor_editor_props.sizePropTypeUtil,
	3520	+ styleTransformer: EmptyTransformer,
	3521	+ variableType: "size",
	3522	+ selectionFilter: () => [],
	3523	+ emptyState: /* @__PURE__ */ react.createElement(_elementor_editor_ui.CtaButton, {
	3524	+ size: "small",
	3525	+ href: "https://go.elementor.com/go-pro-panel-size-variable/",
	3526	+ onClick: () => (0, _elementor_editor_controls.trackUpgradePromotionClick)({
	3527	+ target_name: "variables_popover",
	3528	+ location_l1: "variables_list"
	3529	+ })
	3530	+ })
	3531	+ };
	3532	+ registerVariableType({
	3533	+ ...sizePromotions,
	3534	+ key: sizeVariablePropTypeUtil.key,
	3535	+ defaultValue: "0px"
	3536	+ });
	3537	+ registerVariableType({
	3538	+ ...sizePromotions,
	3539	+ key: "global-custom-size-variable"
	3540	+ });
	3541	+ }
728	3542
	3543	+//#endregion
	3544	+//#region packages/packages/core/editor-variables/src/renderers/style-variables-renderer.tsx
	3545	+ var VARIABLES_WRAPPER = ":root";
	3546	+ function StyleVariablesRenderer() {
	3547	+ const container = usePortalContainer();
	3548	+ const styleVariables = useStyleVariables();
	3549	+ const hasVariables = Object.keys(styleVariables).length > 0;
	3550	+ if (!container || !hasVariables) return null;
	3551	+ const cssVariables = convertToCssVariables(styleVariables);
	3552	+ const wrappedCss = `${VARIABLES_WRAPPER}{${cssVariables}}`;
	3553	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Portal, { container }, /* @__PURE__ */ react.createElement("style", {
	3554	+ "data-e-style-id": "e-variables",
	3555	+ key: wrappedCss
	3556	+ }, wrappedCss));
	3557	+ }
	3558	+ function usePortalContainer() {
	3559	+ return (0, _elementor_editor_v1_adapters.__privateUseListenTo)((0, _elementor_editor_v1_adapters.commandEndEvent)("editor/documents/attach-preview"), () => (0, _elementor_editor_v1_adapters.getCanvasIframeDocument)()?.head);
	3560	+ }
	3561	+ function useStyleVariables() {
	3562	+ const [variables, setVariables] = (0, react.useState)({});
	3563	+ (0, react.useEffect)(() => {
	3564	+ const unsubscribe = styleVariablesRepository.subscribe(setVariables);
	3565	+ return () => {
	3566	+ unsubscribe();
	3567	+ };
	3568	+ }, []);
	3569	+ return variables;
	3570	+ }
	3571	+ function cssVariableDeclaration(key, variable) {
	3572	+ return `--${variable?.deleted ? key : variable.label}:${variable.value};`;
	3573	+ }
	3574	+ function convertToCssVariables(variables) {
	3575	+ return Object.entries(variables).map(([key, variable]) => cssVariableDeclaration(key, variable)).join("");
	3576	+ }
729	3577
	3578	+//#endregion
	3579	+//#region packages/packages/core/editor-variables/src/prop-types/custom-size-variable-prop-type.ts
	3580	+ var customSizeVariablePropTypeUtil = (0, _elementor_editor_props.createPropUtils)("global-custom-size-variable", _elementor_schema.z.string());
730	3581
731		-const EmptyState = ({
732		- icon,
733		- title,
734		- message,
735		- onAdd,
736		- children
737		-}) => {
738		- const canAdd = (0,_hooks_use_permissions__WEBPACK_IMPORTED_MODULE_3__.usePermissions)().canAdd();
739		- const displayTitle = canAdd ? title : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('There are no variables', 'elementor');
740		- const displayMessage = canAdd ? message : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('With your current role, you can only connect and detach variables.', 'elementor');
741		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Content, {
742		- title: displayTitle,
743		- message: displayMessage,
744		- icon: icon
745		- }, children || onAdd && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Button, {
746		- variant: "outlined",
747		- color: "secondary",
748		- size: "small",
749		- onClick: onAdd
750		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Create a variable', 'elementor')));
751		-};
752		-function Content({
753		- title,
754		- message,
755		- icon,
756		- children
757		-}) {
758		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
759		- gap: 1,
760		- alignItems: "center",
761		- justifyContent: "flex-start",
762		- height: "100%",
763		- color: "text.secondary",
764		- sx: {
765		- p: 2.5,
766		- pt: 8,
767		- pb: 5.5
768		- }
769		- }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
770		- align: "center",
771		- variant: "subtitle2"
772		- }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
773		- align: "center",
774		- variant: "caption",
775		- maxWidth: "180px"
776		- }, message), children);
777		-}
	3582	+//#endregion
	3583	+//#region packages/packages/core/editor-variables/src/utils/size-value.ts
	3584	+ var DEFAULT_UNIT = "px";
	3585	+ var CUSTOM_SIZE_LABEL = "fx";
	3586	+ function sizeValue(value) {
	3587	+ if (sizeVariablePropTypeUtil.isValid(value) || customSizeVariablePropTypeUtil.isValid(value)) return getVariable(value?.value)?.value;
	3588	+ if (_elementor_editor_props.sizePropTypeUtil.isValid(value)) {
	3589	+ const { size, unit } = value.value;
	3590	+ if ("custom" !== unit) return `${size ?? 0}${unit ?? DEFAULT_UNIT}`;
	3591	+ if (!size) return CUSTOM_SIZE_LABEL;
	3592	+ return size;
	3593	+ }
	3594	+ return "";
	3595	+ }
778	3596
779		-/***/ }),
	3597	+//#endregion
	3598	+//#region packages/packages/core/editor-variables/src/components/variables-repeater-item-slot.tsx
	3599	+ var useColorVariable = (value) => {
	3600	+ const variableId = value?.value?.color?.value;
	3601	+ return getVariable(variableId || "");
	3602	+ };
	3603	+ var BackgroundRepeaterColorIndicator = ({ value }) => {
	3604	+ const colorVariable = useColorVariable(value);
	3605	+ return /* @__PURE__ */ react.createElement(ColorIndicator, {
	3606	+ component: "span",
	3607	+ size: "inherit",
	3608	+ value: colorVariable?.value
	3609	+ });
	3610	+ };
	3611	+ var BackgroundRepeaterLabel = ({ value }) => {
	3612	+ const colorVariable = useColorVariable(value);
	3613	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { component: "span" }, colorVariable?.label);
	3614	+ };
	3615	+ var BoxShadowRepeaterColorIndicator = ({ value }) => {
	3616	+ const colorVariable = useColorVariable(value);
	3617	+ return /* @__PURE__ */ react.createElement(ColorIndicator, {
	3618	+ component: "span",
	3619	+ size: "inherit",
	3620	+ value: colorVariable?.value
	3621	+ });
	3622	+ };
	3623	+ var FilterDropShadowIconIndicator = ({ value }) => {
	3624	+ const { args } = _elementor_editor_props.cssFilterFunctionPropUtil.extract(value) || {};
	3625	+ const { color } = _elementor_editor_props.dropShadowFilterPropTypeUtil.extract(args) || {};
	3626	+ const colorVariable = getVariable(color?.value || "");
	3627	+ return /* @__PURE__ */ react.createElement(ColorIndicator, {
	3628	+ component: "span",
	3629	+ size: "inherit",
	3630	+ value: colorVariable?.value
	3631	+ });
	3632	+ };
	3633	+ var FilterSingleSizeRepeaterLabel = ({ value }) => {
	3634	+ const cssFilterFunction = _elementor_editor_props.cssFilterFunctionPropUtil.extract(value);
	3635	+ if (_elementor_editor_props.dropShadowFilterPropTypeUtil.isValid(cssFilterFunction?.args)) return null;
	3636	+ const args = cssFilterFunction?.args;
	3637	+ const func = cssFilterFunction?.func?.value ?? "";
	3638	+ const rendered = sizeValue(args?.value?.size);
	3639	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.Box, {
	3640	+ component: "span",
	3641	+ style: { textTransform: "capitalize" }
	3642	+ }, `${func}: `), /* @__PURE__ */ react.createElement(_elementor_ui.Box, { component: "span" }, rendered));
	3643	+ };
	3644	+ var FilterDropShadowRepeaterLabel = ({ value }) => {
	3645	+ const { args } = _elementor_editor_props.cssFilterFunctionPropUtil.extract(value) || {};
	3646	+ const { xAxis, yAxis, blur } = _elementor_editor_props.dropShadowFilterPropTypeUtil.extract(args) || {};
	3647	+ const labels = [];
	3648	+ for (const val of [
	3649	+ xAxis,
	3650	+ yAxis,
	3651	+ blur
	3652	+ ]) {
	3653	+ const rendered = sizeValue(val);
	3654	+ if (rendered) labels.push(rendered);
	3655	+ }
	3656	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { component: "span" }, (0, _wordpress_i18n.__)("Drop shadow:", "elementor"), " ", labels.join(" "));
	3657	+ };
	3658	+ var BoxShadowRepeaterLabel = ({ value }) => {
	3659	+ const { position, hOffset, vOffset, blur, spread } = _elementor_editor_props.shadowPropTypeUtil.extract(value) || {};
	3660	+ const labels = [];
	3661	+ for (const val of [
	3662	+ hOffset,
	3663	+ vOffset,
	3664	+ blur,
	3665	+ spread
	3666	+ ]) {
	3667	+ const rendered = sizeValue(val);
	3668	+ if (rendered) labels.push(rendered);
	3669	+ }
	3670	+ const positionLabel = position?.value || "outset";
	3671	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, {
	3672	+ component: "span",
	3673	+ style: { textTransform: "capitalize" }
	3674	+ }, positionLabel, ": ", labels.join(" "));
	3675	+ };
	3676	+ var TransformRepeaterLabel = ({ value }) => {
	3677	+ const labels = [];
	3678	+ if (_elementor_editor_props.moveTransformPropTypeUtil.isValid(value)) {
	3679	+ labels.push((0, _wordpress_i18n.__)("Move:", "elementor"));
	3680	+ const { x, y, z } = _elementor_editor_props.moveTransformPropTypeUtil.extract(value) || {};
	3681	+ for (const val of [
	3682	+ x,
	3683	+ y,
	3684	+ z
	3685	+ ]) {
	3686	+ const rendered = sizeValue(val);
	3687	+ if (rendered) labels.push(rendered);
	3688	+ }
	3689	+ }
	3690	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { component: "span" }, labels.join(" "));
	3691	+ };
	3692	+ var TransitionsSizeVariableLabel = ({ value: prop }) => {
	3693	+ let label = "";
	3694	+ const variable = getVariable(prop?.value?.size?.value || "");
	3695	+ if (variable && _elementor_editor_props.selectionSizePropTypeUtil.isValid(prop)) {
	3696	+ const selection = prop.value?.selection?.value?.key?.value;
	3697	+ if (selection) label += `${selection}: `;
	3698	+ label += variable?.value;
	3699	+ }
	3700	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { component: "span" }, label);
	3701	+ };
780	3702
781		-/***/ "./packages/packages/core/editor-variables/src/components/ui/form-field.tsx":
782		-/*!**********************************************************************************!*\
783		- !*** ./packages/packages/core/editor-variables/src/components/ui/form-field.tsx ***!
784		- \**********************************************************************************/
785		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	3703	+//#endregion
	3704	+//#region packages/packages/core/editor-variables/src/repeater-injections.ts
	3705	+ function registerRepeaterInjections() {
	3706	+ backgroundOverlayRepeaterInjections();
	3707	+ boxShadowRepeaterInjections();
	3708	+ transitionsRepeaterInjections();
	3709	+ transformRepeaterInjections();
	3710	+ filterRepeaterInjections();
	3711	+ }
	3712	+ function backgroundOverlayRepeaterInjections() {
	3713	+ (0, _elementor_editor_controls.injectIntoRepeaterItemIcon)({
	3714	+ id: "background-color-variables-icon",
	3715	+ component: BackgroundRepeaterColorIndicator,
	3716	+ condition: ({ value }) => {
	3717	+ return hasAssignedColorVariable(_elementor_editor_props.backgroundColorOverlayPropTypeUtil.extract(value)?.color);
	3718	+ }
	3719	+ });
	3720	+ (0, _elementor_editor_controls.injectIntoRepeaterItemLabel)({
	3721	+ id: "background-color-variables-label",
	3722	+ component: BackgroundRepeaterLabel,
	3723	+ condition: ({ value }) => {
	3724	+ return hasAssignedColorVariable(_elementor_editor_props.backgroundColorOverlayPropTypeUtil.extract(value)?.color);
	3725	+ }
	3726	+ });
	3727	+ }
	3728	+ function boxShadowRepeaterInjections() {
	3729	+ (0, _elementor_editor_controls.injectIntoRepeaterItemIcon)({
	3730	+ id: "box-shadow-color-variables-icon",
	3731	+ component: BoxShadowRepeaterColorIndicator,
	3732	+ condition: ({ value }) => {
	3733	+ const { color } = _elementor_editor_props.shadowPropTypeUtil.extract(value) || {};
	3734	+ return hasAssignedColorVariable(color);
	3735	+ }
	3736	+ });
	3737	+ (0, _elementor_editor_controls.injectIntoRepeaterItemLabel)({
	3738	+ id: "color-variables-box-shadow-label",
	3739	+ component: BoxShadowRepeaterLabel,
	3740	+ condition: ({ value }) => {
	3741	+ const { hOffset, vOffset, blur, spread } = _elementor_editor_props.shadowPropTypeUtil.extract(value) || {};
	3742	+ return hasAssignedSizeVariable(hOffset) || hasAssignedSizeVariable(vOffset) || hasAssignedSizeVariable(blur) || hasAssignedSizeVariable(spread);
	3743	+ }
	3744	+ });
	3745	+ }
	3746	+ function transformRepeaterInjections() {
	3747	+ (0, _elementor_editor_controls.injectIntoRepeaterItemLabel)({
	3748	+ id: "transform-size-variables-label",
	3749	+ component: TransformRepeaterLabel,
	3750	+ condition: ({ value }) => {
	3751	+ if (_elementor_editor_props.moveTransformPropTypeUtil.isValid(value)) {
	3752	+ const { x: xAxis, y: yAxis, z: zAxis } = _elementor_editor_props.moveTransformPropTypeUtil.extract(value) || {};
	3753	+ return hasAssignedSizeVariable(xAxis) || hasAssignedSizeVariable(yAxis) || hasAssignedSizeVariable(zAxis);
	3754	+ }
	3755	+ return false;
	3756	+ }
	3757	+ });
	3758	+ }
	3759	+ function transitionsRepeaterInjections() {
	3760	+ (0, _elementor_editor_controls.injectIntoRepeaterItemLabel)({
	3761	+ id: "transition-size-variables-label",
	3762	+ component: TransitionsSizeVariableLabel,
	3763	+ condition: ({ value }) => {
	3764	+ return hasAssignedSizeVariable(_elementor_editor_props.selectionSizePropTypeUtil.extract(value)?.size);
	3765	+ }
	3766	+ });
	3767	+ }
	3768	+ function filterRepeaterInjections() {
	3769	+ (0, _elementor_editor_controls.injectIntoRepeaterItemIcon)({
	3770	+ id: "filters-color-variables-icon",
	3771	+ component: FilterDropShadowIconIndicator,
	3772	+ condition: ({ value }) => {
	3773	+ if (!_elementor_editor_props.cssFilterFunctionPropUtil.isValid(value)) return false;
	3774	+ const args = _elementor_editor_props.cssFilterFunctionPropUtil.extract(value)?.args;
	3775	+ if (_elementor_editor_props.dropShadowFilterPropTypeUtil.isValid(args)) return hasAssignedColorVariable(_elementor_editor_props.dropShadowFilterPropTypeUtil.extract(args)?.color);
	3776	+ return false;
	3777	+ }
	3778	+ });
	3779	+ (0, _elementor_editor_controls.injectIntoRepeaterItemLabel)({
	3780	+ id: "filters-drop-shadow-size-variables-label",
	3781	+ component: FilterDropShadowRepeaterLabel,
	3782	+ condition: ({ value }) => {
	3783	+ if (!_elementor_editor_props.cssFilterFunctionPropUtil.isValid(value)) return false;
	3784	+ const args = _elementor_editor_props.cssFilterFunctionPropUtil.extract(value)?.args;
	3785	+ if (_elementor_editor_props.dropShadowFilterPropTypeUtil.isValid(args)) {
	3786	+ const { xAxis, yAxis, blur } = _elementor_editor_props.dropShadowFilterPropTypeUtil.extract(args) || {};
	3787	+ return hasAssignedSizeVariable(xAxis) || hasAssignedSizeVariable(yAxis) || hasAssignedSizeVariable(blur);
	3788	+ }
	3789	+ return false;
	3790	+ }
	3791	+ });
	3792	+ (0, _elementor_editor_controls.injectIntoRepeaterItemLabel)({
	3793	+ id: "filters-size-variables-label",
	3794	+ component: FilterSingleSizeRepeaterLabel,
	3795	+ condition: ({ value }) => {
	3796	+ if (!_elementor_editor_props.cssFilterFunctionPropUtil.isValid(value)) return false;
	3797	+ const args = _elementor_editor_props.cssFilterFunctionPropUtil.extract(value)?.args;
	3798	+ return hasAssignedSizeVariable(args?.value?.size);
	3799	+ }
	3800	+ });
	3801	+ }
	3802	+ function hasAssignedSizeVariable(value) {
	3803	+ if (sizeVariablePropTypeUtil.isValid(value)) return true;
	3804	+ if (customSizeVariablePropTypeUtil.isValid(value)) return true;
	3805	+ return false;
	3806	+ }
	3807	+ function hasAssignedColorVariable(value) {
	3808	+ return !!colorVariablePropTypeUtil.isValid(value);
	3809	+ }
786	3810
787		-__webpack_require__.r(__webpack_exports__);
788		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
789		-/* harmony export */ FormField: function() { return /* binding */ FormField; }
790		-/* harmony export */ });
791		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
792		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
793		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
794		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
795		-
796		-
797		-const FormField = ({
798		- id,
799		- label,
800		- errorMsg,
801		- noticeMsg,
802		- children
803		-}) => {
804		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
805		- container: true,
806		- gap: 0.75,
807		- alignItems: "center"
808		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
809		- item: true,
810		- xs: 12
811		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.FormLabel, {
812		- htmlFor: id,
813		- size: "tiny"
814		- }, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
815		- item: true,
816		- xs: 12
817		- }, children, errorMsg && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.FormHelperText, {
818		- error: true
819		- }, errorMsg), noticeMsg && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.FormHelperText, null, noticeMsg)));
820		-};
821		-
822		-/***/ }),
823		-
824		-/***/ "./packages/packages/core/editor-variables/src/components/ui/menu-item-content.tsx":
825		-/*!*****************************************************************************************!*\
826		- !*** ./packages/packages/core/editor-variables/src/components/ui/menu-item-content.tsx ***!
827		- \*****************************************************************************************/
828		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
829		-
830		-__webpack_require__.r(__webpack_exports__);
831		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
832		-/* harmony export */ MenuItemContent: function() { return /* binding */ MenuItemContent; }
833		-/* harmony export */ });
834		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
835		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
836		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
837		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
838		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
839		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
840		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
841		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
842		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
843		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
844		-
845		-
846		-
847		-
848		-
849		-const SIZE = 'tiny';
850		-const EDIT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Edit variable', 'elementor');
851		-const MenuItemContent = ({
852		- item,
853		- disabled = false
854		-}) => {
855		- const onEdit = item.onEdit;
856		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ListItemIcon, {
857		- sx: {
858		- color: disabled ? 'text.disabled' : 'inherit'
859		- }
860		- }, item.icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
861		- sx: {
862		- flex: 1,
863		- minWidth: 0,
864		- display: 'flex',
865		- alignItems: 'center',
866		- gap: 1
867		- }
868		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
869		- title: item.label || item.value,
870		- as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
871		- variant: "caption",
872		- color: disabled ? 'text.disabled' : 'text.primary',
873		- sx: {
874		- marginTop: '1px',
875		- lineHeight: '2'
876		- },
877		- maxWidth: "50%"
878		- }), item.secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
879		- title: item.secondaryText,
880		- as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
881		- variant: "caption",
882		- color: disabled ? 'text.disabled' : 'text.tertiary',
883		- sx: {
884		- marginTop: '1px',
885		- lineHeight: '1'
886		- },
887		- maxWidth: "50%"
888		- })), !!onEdit && !disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
889		- placement: "top",
890		- title: EDIT_LABEL
891		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
892		- sx: {
893		- mx: 1,
894		- opacity: '0'
895		- },
896		- onClick: e => {
897		- e.stopPropagation();
898		- onEdit(item.value);
899		- },
900		- "aria-label": EDIT_LABEL
901		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.EditIcon, {
902		- color: "action",
903		- fontSize: SIZE
904		- }))));
905		-};
906		-
907		-/***/ }),
908		-
909		-/***/ "./packages/packages/core/editor-variables/src/components/ui/mismatch-variable-alert.tsx":
910		-/*!***********************************************************************************************!*\
911		- !*** ./packages/packages/core/editor-variables/src/components/ui/mismatch-variable-alert.tsx ***!
912		- \***********************************************************************************************/
913		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
914		-
915		-__webpack_require__.r(__webpack_exports__);
916		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
917		-/* harmony export */ MismatchVariableAlert: function() { return /* binding */ MismatchVariableAlert; }
918		-/* harmony export */ });
919		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
920		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
921		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
922		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
923		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
924		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
925		-
926		-
927		-
928		-const i18n = {
929		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Variable has changed', 'elementor'),
930		- message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)(`This variable is no longer compatible with this property. You can clear it or select a different one.`, 'elementor'),
931		- buttons: {
932		- clear: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Clear', 'elementor'),
933		- select: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Select variable', 'elementor')
934		- }
935		-};
936		-const MismatchVariableAlert = ({
937		- onClose,
938		- onClear,
939		- triggerSelect
940		-}) => {
941		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.ClickAwayListener, {
942		- onClickAway: onClose
943		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, {
944		- variant: "standard",
945		- severity: "warning",
946		- onClose: onClose,
947		- action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, onClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertAction, {
948		- variant: "contained",
949		- onClick: onClear
950		- }, i18n.buttons.clear), triggerSelect && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertAction, {
951		- variant: "outlined",
952		- onClick: triggerSelect
953		- }, i18n.buttons.select)),
954		- sx: {
955		- maxWidth: 300
956		- }
957		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertTitle, null, i18n.title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
958		- variant: "body2",
959		- color: "textPrimary"
960		- }, i18n.message)));
961		-};
962		-
963		-/***/ }),
964		-
965		-/***/ "./packages/packages/core/editor-variables/src/components/ui/missing-variable-alert.tsx":
966		-/*!**********************************************************************************************!*\
967		- !*** ./packages/packages/core/editor-variables/src/components/ui/missing-variable-alert.tsx ***!
968		- \**********************************************************************************************/
969		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
970		-
971		-__webpack_require__.r(__webpack_exports__);
972		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
973		-/* harmony export */ MissingVariableAlert: function() { return /* binding */ MissingVariableAlert; }
974		-/* harmony export */ });
975		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
976		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
977		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
978		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
979		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
980		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
981		-
982		-
983		-
984		-const MissingVariableAlert = ({
985		- onClose,
986		- onClear
987		-}) => {
988		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.ClickAwayListener, {
989		- onClickAway: onClose
990		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, {
991		- variant: "standard",
992		- severity: "warning",
993		- onClose: onClose,
994		- action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, onClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertAction, {
995		- variant: "contained",
996		- onClick: onClear
997		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Clear', 'elementor'))),
998		- sx: {
999		- maxWidth: 300
1000		- }
1001		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('This variable is missing', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
1002		- variant: "body2",
1003		- color: "textPrimary"
1004		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('It may have been deleted. Try clearing this field and select a different value or variable.', 'elementor'))));
1005		-};
1006		-
1007		-/***/ }),
1008		-
1009		-/***/ "./packages/packages/core/editor-variables/src/components/ui/no-search-results.tsx":
1010		-/*!*****************************************************************************************!*\
1011		- !*** ./packages/packages/core/editor-variables/src/components/ui/no-search-results.tsx ***!
1012		- \*****************************************************************************************/
1013		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1014		-
1015		-__webpack_require__.r(__webpack_exports__);
1016		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1017		-/* harmony export */ NoSearchResults: function() { return /* binding */ NoSearchResults; }
1018		-/* harmony export */ });
1019		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1020		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1021		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1022		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
1023		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1024		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
1025		-
1026		-
1027		-
1028		-const NoSearchResults = ({
1029		- searchValue,
1030		- onClear,
1031		- icon
1032		-}) => {
1033		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
1034		- gap: 1,
1035		- alignItems: "center",
1036		- justifyContent: "center",
1037		- p: 2.5,
1038		- color: "text.secondary",
1039		- sx: {
1040		- pb: 3.5,
1041		- pt: 8
1042		- }
1043		- }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
1044		- align: "center",
1045		- variant: "subtitle2"
1046		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Sorry, nothing matched', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), "\u201C", searchValue, "\u201D."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
1047		- align: "center",
1048		- variant: "caption",
1049		- sx: {
1050		- display: 'flex',
1051		- flexDirection: 'column'
1052		- }
1053		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Try something else.', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Link, {
1054		- color: "text.secondary",
1055		- variant: "caption",
1056		- component: "button",
1057		- onClick: onClear
1058		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Clear & try again', 'elementor'))));
1059		-};
1060		-
1061		-/***/ }),
1062		-
1063		-/***/ "./packages/packages/core/editor-variables/src/components/ui/styled-menu-list.tsx":
1064		-/*!****************************************************************************************!*\
1065		- !*** ./packages/packages/core/editor-variables/src/components/ui/styled-menu-list.tsx ***!
1066		- \****************************************************************************************/
1067		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1068		-
1069		-__webpack_require__.r(__webpack_exports__);
1070		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1071		-/* harmony export */ VariablesStyledMenuList: function() { return /* binding */ VariablesStyledMenuList; }
1072		-/* harmony export */ });
1073		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1074		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__);
1075		-
1076		-const VariablesStyledMenuList = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.MenuList)(({
1077		- theme,
1078		- disabled
1079		-}) => ({
1080		- '& > li': {
1081		- height: 32,
1082		- width: '100%',
1083		- display: 'flex',
1084		- alignItems: 'center'
1085		- },
1086		- '& > [role="option"]': {
1087		- ...theme.typography.caption,
1088		- lineHeight: 'inherit',
1089		- padding: theme.spacing(0.5, 1, 0.5, 2),
1090		- ...(!disabled && {
1091		- '&:hover, &:focus': {
1092		- backgroundColor: theme.palette.action.hover
1093		- },
1094		- cursor: 'pointer'
1095		- }),
1096		- '&[aria-selected="true"]': {
1097		- backgroundColor: theme.palette.action.selected
1098		- },
1099		- textOverflow: 'ellipsis',
1100		- position: 'absolute',
1101		- top: 0,
1102		- left: 0,
1103		- '&:hover .MuiIconButton-root, .MuiIconButton-root:focus': {
1104		- opacity: 1
1105		- }
1106		- },
1107		- width: '100%',
1108		- position: 'relative'
1109		-}));
1110		-
1111		-/***/ }),
1112		-
1113		-/***/ "./packages/packages/core/editor-variables/src/components/ui/tags/assigned-tag.tsx":
1114		-/*!*****************************************************************************************!*\
1115		- !*** ./packages/packages/core/editor-variables/src/components/ui/tags/assigned-tag.tsx ***!
1116		- \*****************************************************************************************/
1117		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1118		-
1119		-__webpack_require__.r(__webpack_exports__);
1120		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1121		-/* harmony export */ AssignedTag: function() { return /* binding */ AssignedTag; },
1122		-/* harmony export */ SIZE: function() { return /* binding */ SIZE; }
1123		-/* harmony export */ });
1124		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1125		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1126		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1127		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
1128		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1129		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1130		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1131		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1132		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1133		-
1134		-
1135		-
1136		-
1137		-const SIZE = 'tiny';
1138		-const UNLINK_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Unlink variable', 'elementor');
1139		-const AssignedTag = ({
1140		- startIcon,
1141		- label,
1142		- onUnlink,
1143		- ...props
1144		-}) => {
1145		- const actions = [];
1146		- if (onUnlink) {
1147		- actions.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
1148		- key: "unlink",
1149		- title: UNLINK_LABEL,
1150		- placement: "bottom"
1151		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
1152		- size: SIZE,
1153		- onClick: onUnlink,
1154		- "aria-label": UNLINK_LABEL
1155		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.DetachIcon, {
1156		- fontSize: SIZE
1157		- }))));
1158		- }
1159		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
1160		- title: label,
1161		- placement: "top"
1162		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.UnstableTag, _extends({
1163		- fullWidth: true,
1164		- showActionsOnHover: true,
1165		- startIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
1166		- gap: 0.5,
1167		- direction: "row",
1168		- alignItems: "center"
1169		- }, startIcon),
1170		- label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
1171		- sx: {
1172		- display: 'inline-grid',
1173		- minWidth: 0
1174		- }
1175		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
1176		- sx: {
1177		- lineHeight: 1.34
1178		- },
1179		- variant: "caption",
1180		- noWrap: true
1181		- }, label)),
1182		- actions: actions
1183		- }, props)));
1184		-};
1185		-
1186		-/***/ }),
1187		-
1188		-/***/ "./packages/packages/core/editor-variables/src/components/ui/tags/warning-variable-tag.tsx":
1189		-/*!*************************************************************************************************!*\
1190		- !*** ./packages/packages/core/editor-variables/src/components/ui/tags/warning-variable-tag.tsx ***!
1191		- \*************************************************************************************************/
1192		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1193		-
1194		-__webpack_require__.r(__webpack_exports__);
1195		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1196		-/* harmony export */ WarningVariableTag: function() { return /* binding */ WarningVariableTag; }
1197		-/* harmony export */ });
1198		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1199		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1200		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1201		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
1202		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1203		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1204		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1205		-
1206		-
1207		-
1208		-const WarningVariableTag = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
1209		- label,
1210		- suffix,
1211		- onClick,
1212		- icon,
1213		- ...props
1214		-}, ref) => {
1215		- const displayText = suffix ? `${label} (${suffix})` : label;
1216		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Chip, _extends({
1217		- ref: ref,
1218		- size: "tiny",
1219		- color: "warning",
1220		- shape: "rounded",
1221		- variant: "standard",
1222		- onClick: onClick,
1223		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.AlertTriangleFilledIcon, null),
1224		- label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
1225		- title: displayText,
1226		- placement: "top"
1227		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
1228		- sx: {
1229		- display: 'inline-grid',
1230		- minWidth: 0
1231		- }
1232		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
1233		- variant: "caption",
1234		- noWrap: true,
1235		- sx: {
1236		- lineHeight: 1.34
1237		- }
1238		- }, displayText))),
1239		- sx: {
1240		- height: theme => theme.spacing(3.5),
1241		- borderRadius: theme => theme.spacing(1),
1242		- justifyContent: 'flex-start',
1243		- width: '100%'
1244		- }
1245		- }, props));
1246		-});
1247		-WarningVariableTag.displayName = 'WarningVariableTag';
1248		-
1249		-/***/ }),
1250		-
1251		-/***/ "./packages/packages/core/editor-variables/src/components/ui/variable-promotion-chip.tsx":
1252		-/*!***********************************************************************************************!*\
1253		- !*** ./packages/packages/core/editor-variables/src/components/ui/variable-promotion-chip.tsx ***!
1254		- \***********************************************************************************************/
1255		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1256		-
1257		-__webpack_require__.r(__webpack_exports__);
1258		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1259		-/* harmony export */ VariablePromotionChip: function() { return /* binding */ VariablePromotionChip; }
1260		-/* harmony export */ });
1261		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1262		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1263		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1264		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1265		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1266		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
1267		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1268		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
1269		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
1270		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_4__);
1271		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1272		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
1273		-
1274		-
1275		-
1276		-
1277		-
1278		-
1279		-
1280		-const VariablePromotionChip = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({
1281		- variableType,
1282		- upgradeUrl,
1283		- trackingData
1284		-}, ref) => {
1285		- const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
1286		- (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useCanvasClickHandler)(isOpen, () => setIsOpen(false));
1287		- const toggle = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
1288		- setIsOpen(prev => {
1289		- if (!prev) {
1290		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackViewPromotion)(trackingData);
1291		- }
1292		- return !prev;
1293		- });
1294		- }, [trackingData]);
1295		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, () => ({
1296		- toggle
1297		- }), [toggle]);
1298		- const title = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.sprintf)(/* translators: %s: Variable Type. */
1299		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('%s variables', 'elementor'), (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_4__.capitalize)(variableType));
1300		- const content = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.sprintf)(/* translators: %s: Variable Type. */
1301		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Upgrade to continue creating and editing %s variables.', 'elementor'), variableType);
1302		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PromotionPopover, {
1303		- open: isOpen,
1304		- title: title,
1305		- content: content,
1306		- ctaText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Upgrade now', 'elementor'),
1307		- ctaUrl: upgradeUrl,
1308		- onClose: e => {
1309		- e.stopPropagation();
1310		- setIsOpen(false);
1311		- },
1312		- onCtaClick: () => (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackUpgradePromotionClick)(trackingData)
1313		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
1314		- onClick: e => {
1315		- e.stopPropagation();
1316		- toggle();
1317		- },
1318		- sx: {
1319		- cursor: 'pointer',
1320		- display: 'inline-flex'
1321		- }
1322		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PromotionChip, null)));
1323		-});
1324		-
1325		-/***/ }),
1326		-
1327		-/***/ "./packages/packages/core/editor-variables/src/components/ui/variable/assigned-variable.tsx":
1328		-/*!**************************************************************************************************!*\
1329		- !*** ./packages/packages/core/editor-variables/src/components/ui/variable/assigned-variable.tsx ***!
1330		- \**************************************************************************************************/
1331		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1332		-
1333		-__webpack_require__.r(__webpack_exports__);
1334		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1335		-/* harmony export */ AssignedVariable: function() { return /* binding */ AssignedVariable; }
1336		-/* harmony export */ });
1337		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1338		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1339		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1340		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1341		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1342		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
1343		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1344		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
1345		-/* harmony import */ var _utils_unlink_variable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/unlink-variable */ "./packages/packages/core/editor-variables/src/utils/unlink-variable.ts");
1346		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
1347		-/* harmony import */ var _variable_selection_popover__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../variable-selection-popover */ "./packages/packages/core/editor-variables/src/components/variable-selection-popover.tsx");
1348		-/* harmony import */ var _tags_assigned_tag__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../tags/assigned-tag */ "./packages/packages/core/editor-variables/src/components/ui/tags/assigned-tag.tsx");
1349		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1350		-
1351		-
1352		-
1353		-
1354		-
1355		-
1356		-
1357		-
1358		-
1359		-const AssignedVariable = ({
1360		- variable,
1361		- propTypeKey
1362		-}) => {
1363		- const {
1364		- startIcon,
1365		- propTypeUtil
1366		- } = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_5__.getVariableType)(propTypeKey);
1367		- const {
1368		- setValue
1369		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
1370		- const anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1371		- const popupId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
1372		- const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
1373		- variant: 'popover',
1374		- popupId: `elementor-variables-list-${popupId}`
1375		- });
1376		- const unlinkVariable = (0,_utils_unlink_variable__WEBPACK_IMPORTED_MODULE_4__.createUnlinkHandler)(variable, propTypeKey, setValue);
1377		- const StartIcon = startIcon || (() => null);
1378		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
1379		- ref: anchorRef
1380		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tags_assigned_tag__WEBPACK_IMPORTED_MODULE_7__.AssignedTag, _extends({
1381		- label: variable.label,
1382		- startIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ColorFilterIcon, {
1383		- fontSize: _tags_assigned_tag__WEBPACK_IMPORTED_MODULE_7__.SIZE
1384		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
1385		- value: variable.value
1386		- })),
1387		- onUnlink: unlinkVariable
1388		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(popupState))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, _extends({
1389		- disableScrollLock: true,
1390		- anchorEl: anchorRef.current,
1391		- anchorOrigin: {
1392		- vertical: 'bottom',
1393		- horizontal: 'right'
1394		- },
1395		- transformOrigin: {
1396		- vertical: 'top',
1397		- horizontal: 'right'
1398		- },
1399		- PaperProps: {
1400		- sx: {
1401		- my: 1
1402		- }
1403		- }
1404		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_selection_popover__WEBPACK_IMPORTED_MODULE_6__.VariableSelectionPopover, {
1405		- selectedVariable: variable,
1406		- closePopover: popupState.close,
1407		- propTypeKey: propTypeUtil.key
1408		- })));
1409		-};
1410		-
1411		-/***/ }),
1412		-
1413		-/***/ "./packages/packages/core/editor-variables/src/components/ui/variable/deleted-variable.tsx":
1414		-/*!*************************************************************************************************!*\
1415		- !*** ./packages/packages/core/editor-variables/src/components/ui/variable/deleted-variable.tsx ***!
1416		- \*************************************************************************************************/
1417		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1418		-
1419		-__webpack_require__.r(__webpack_exports__);
1420		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1421		-/* harmony export */ DeletedVariable: function() { return /* binding */ DeletedVariable; }
1422		-/* harmony export */ });
1423		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1424		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1425		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1426		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1427		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1428		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1429		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1430		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1431		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
1432		-/* harmony import */ var _hooks_use_permissions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/use-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-permissions.ts");
1433		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
1434		-/* harmony import */ var _hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-variable-bound-prop */ "./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts");
1435		-/* harmony import */ var _utils_unlink_variable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils/unlink-variable */ "./packages/packages/core/editor-variables/src/utils/unlink-variable.ts");
1436		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
1437		-/* harmony import */ var _variable_restore__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../variable-restore */ "./packages/packages/core/editor-variables/src/components/variable-restore.tsx");
1438		-/* harmony import */ var _deleted_variable_alert__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../deleted-variable-alert */ "./packages/packages/core/editor-variables/src/components/ui/deleted-variable-alert.tsx");
1439		-/* harmony import */ var _tags_warning_variable_tag__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../tags/warning-variable-tag */ "./packages/packages/core/editor-variables/src/components/ui/tags/warning-variable-tag.tsx");
1440		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1441		-
1442		-
1443		-
1444		-
1445		-
1446		-
1447		-
1448		-
1449		-
1450		-
1451		-
1452		-
1453		-
1454		-
1455		-const DeletedVariable = ({
1456		- variable,
1457		- propTypeKey
1458		-}) => {
1459		- const {
1460		- propTypeUtil
1461		- } = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_9__.getVariableType)(propTypeKey);
1462		- const boundProp = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
1463		- const userPermissions = (0,_hooks_use_permissions__WEBPACK_IMPORTED_MODULE_5__.usePermissions)();
1464		- const [showInfotip, setShowInfotip] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
1465		- const toggleInfotip = () => setShowInfotip(prev => !prev);
1466		- const closeInfotip = () => setShowInfotip(false);
1467		- const deletedChipAnchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1468		- const popupId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
1469		- const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.usePopupState)({
1470		- variant: 'popover',
1471		- popupId: `elementor-variables-restore-${popupId}`
1472		- });
1473		- const handlers = {};
1474		- if (userPermissions.canUnlink()) {
1475		- handlers.onUnlink = (0,_utils_unlink_variable__WEBPACK_IMPORTED_MODULE_8__.createUnlinkHandler)(variable, propTypeKey, boundProp.setValue);
1476		- }
1477		- if (userPermissions.canRestore()) {
1478		- handlers.onRestore = () => {
1479		- if (!variable.key) {
1480		- return;
1481		- }
1482		- (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_6__.restoreVariable)(variable.key).then(id => {
1483		- (0,_hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_7__.resolveBoundPropAndSetValue)(propTypeUtil.create(id), boundProp);
1484		- closeInfotip();
1485		- }).catch(() => {
1486		- closeInfotip();
1487		- popupState.setAnchorEl(deletedChipAnchorRef.current);
1488		- popupState.open();
1489		- });
1490		- };
1491		- }
1492		- const handleRestoreWithOverrides = () => {
1493		- popupState.close();
1494		- };
1495		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
1496		- ref: deletedChipAnchorRef
1497		- }, showInfotip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Backdrop, {
1498		- open: true,
1499		- onClick: closeInfotip,
1500		- invisible: true
1501		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Infotip, {
1502		- color: "warning",
1503		- placement: "right-start",
1504		- open: showInfotip,
1505		- disableHoverListener: true,
1506		- onClose: closeInfotip,
1507		- content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_deleted_variable_alert__WEBPACK_IMPORTED_MODULE_11__.DeletedVariableAlert, {
1508		- onClose: closeInfotip,
1509		- onUnlink: handlers.onUnlink,
1510		- onRestore: handlers.onRestore,
1511		- label: variable.label
1512		- }),
1513		- slotProps: {
1514		- popper: {
1515		- modifiers: [{
1516		- name: 'offset',
1517		- options: {
1518		- offset: [0, 24]
1519		- }
1520		- }]
1521		- }
1522		- }
1523		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tags_warning_variable_tag__WEBPACK_IMPORTED_MODULE_12__.WarningVariableTag, {
1524		- label: variable.label,
1525		- onClick: toggleInfotip,
1526		- suffix: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('deleted', 'elementor')
1527		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Popover, _extends({
1528		- disableScrollLock: true,
1529		- anchorOrigin: {
1530		- vertical: 'bottom',
1531		- horizontal: 'right'
1532		- },
1533		- transformOrigin: {
1534		- vertical: 'top',
1535		- horizontal: 'right'
1536		- },
1537		- PaperProps: {
1538		- sx: {
1539		- my: 1
1540		- }
1541		- }
1542		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindPopover)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_context_variable_type_context__WEBPACK_IMPORTED_MODULE_4__.VariableTypeProvider, {
1543		- propTypeKey: propTypeKey
1544		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_restore__WEBPACK_IMPORTED_MODULE_10__.VariableRestore, {
1545		- variableId: variable.key ?? '',
1546		- onClose: popupState.close,
1547		- onSubmit: handleRestoreWithOverrides
1548		- })))));
1549		-};
1550		-
1551		-/***/ }),
1552		-
1553		-/***/ "./packages/packages/core/editor-variables/src/components/ui/variable/mismatch-variable.tsx":
1554		-/*!**************************************************************************************************!*\
1555		- !*** ./packages/packages/core/editor-variables/src/components/ui/variable/mismatch-variable.tsx ***!
1556		- \**************************************************************************************************/
1557		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1558		-
1559		-__webpack_require__.r(__webpack_exports__);
1560		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1561		-/* harmony export */ MismatchVariable: function() { return /* binding */ MismatchVariable; }
1562		-/* harmony export */ });
1563		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1564		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1565		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1566		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1567		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1568		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1569		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1570		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1571		-/* harmony import */ var _variable_selection_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../variable-selection-popover */ "./packages/packages/core/editor-variables/src/components/variable-selection-popover.tsx");
1572		-/* harmony import */ var _mismatch_variable_alert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../mismatch-variable-alert */ "./packages/packages/core/editor-variables/src/components/ui/mismatch-variable-alert.tsx");
1573		-/* harmony import */ var _tags_warning_variable_tag__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tags/warning-variable-tag */ "./packages/packages/core/editor-variables/src/components/ui/tags/warning-variable-tag.tsx");
1574		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1575		-
1576		-
1577		-
1578		-
1579		-
1580		-
1581		-
1582		-
1583		-const MismatchVariable = ({
1584		- variable
1585		-}) => {
1586		- const {
1587		- setValue,
1588		- value
1589		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
1590		- const anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1591		- const popupId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
1592		- const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.usePopupState)({
1593		- variant: 'popover',
1594		- popupId: `elementor-variables-list-${popupId}`
1595		- });
1596		- const [infotipVisible, setInfotipVisible] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
1597		- const toggleInfotip = () => setInfotipVisible(prev => !prev);
1598		- const closeInfotip = () => setInfotipVisible(false);
1599		- const triggerSelect = () => {
1600		- closeInfotip();
1601		- popupState.setAnchorEl(anchorRef.current);
1602		- popupState.open();
1603		- };
1604		- const clearValue = () => {
1605		- closeInfotip();
1606		- setValue(null);
1607		- };
1608		- const showClearButton = !!value;
1609		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
1610		- ref: anchorRef
1611		- }, infotipVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Backdrop, {
1612		- open: true,
1613		- onClick: closeInfotip,
1614		- invisible: true
1615		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Infotip, {
1616		- color: "warning",
1617		- placement: "right-start",
1618		- open: infotipVisible,
1619		- disableHoverListener: true,
1620		- onClose: closeInfotip,
1621		- content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_mismatch_variable_alert__WEBPACK_IMPORTED_MODULE_5__.MismatchVariableAlert, {
1622		- onClose: closeInfotip,
1623		- onClear: showClearButton ? clearValue : undefined,
1624		- triggerSelect: triggerSelect
1625		- }),
1626		- slotProps: {
1627		- popper: {
1628		- modifiers: [{
1629		- name: 'offset',
1630		- options: {
1631		- offset: [0, 24]
1632		- }
1633		- }]
1634		- }
1635		- }
1636		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tags_warning_variable_tag__WEBPACK_IMPORTED_MODULE_6__.WarningVariableTag, {
1637		- label: variable.label,
1638		- onClick: toggleInfotip,
1639		- suffix: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('changed', 'elementor')
1640		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Popover, _extends({
1641		- disableScrollLock: true,
1642		- anchorEl: anchorRef.current,
1643		- anchorOrigin: {
1644		- vertical: 'bottom',
1645		- horizontal: 'right'
1646		- },
1647		- transformOrigin: {
1648		- vertical: 'top',
1649		- horizontal: 'right'
1650		- },
1651		- PaperProps: {
1652		- sx: {
1653		- my: 1
1654		- }
1655		- }
1656		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindPopover)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_selection_popover__WEBPACK_IMPORTED_MODULE_4__.VariableSelectionPopover, {
1657		- selectedVariable: variable,
1658		- closePopover: popupState.close,
1659		- propTypeKey: variable.type
1660		- })));
1661		-};
1662		-
1663		-/***/ }),
1664		-
1665		-/***/ "./packages/packages/core/editor-variables/src/components/ui/variable/missing-variable.tsx":
1666		-/*!*************************************************************************************************!*\
1667		- !*** ./packages/packages/core/editor-variables/src/components/ui/variable/missing-variable.tsx ***!
1668		- \*************************************************************************************************/
1669		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1670		-
1671		-__webpack_require__.r(__webpack_exports__);
1672		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1673		-/* harmony export */ MissingVariable: function() { return /* binding */ MissingVariable; }
1674		-/* harmony export */ });
1675		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1676		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1677		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1678		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1679		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1680		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1681		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1682		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1683		-/* harmony import */ var _missing_variable_alert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../missing-variable-alert */ "./packages/packages/core/editor-variables/src/components/ui/missing-variable-alert.tsx");
1684		-/* harmony import */ var _tags_warning_variable_tag__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tags/warning-variable-tag */ "./packages/packages/core/editor-variables/src/components/ui/tags/warning-variable-tag.tsx");
1685		-
1686		-
1687		-
1688		-
1689		-
1690		-
1691		-
1692		-const MissingVariable = () => {
1693		- const {
1694		- setValue
1695		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
1696		- const [infotipVisible, setInfotipVisible] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
1697		- const toggleInfotip = () => setInfotipVisible(prev => !prev);
1698		- const closeInfotip = () => setInfotipVisible(false);
1699		- const clearValue = () => setValue(null);
1700		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, infotipVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Backdrop, {
1701		- open: true,
1702		- onClick: closeInfotip,
1703		- invisible: true
1704		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Infotip, {
1705		- color: "warning",
1706		- placement: "right-start",
1707		- open: infotipVisible,
1708		- disableHoverListener: true,
1709		- onClose: closeInfotip,
1710		- content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_missing_variable_alert__WEBPACK_IMPORTED_MODULE_4__.MissingVariableAlert, {
1711		- onClose: closeInfotip,
1712		- onClear: clearValue
1713		- }),
1714		- slotProps: {
1715		- popper: {
1716		- modifiers: [{
1717		- name: 'offset',
1718		- options: {
1719		- offset: [0, 24]
1720		- }
1721		- }]
1722		- }
1723		- }
1724		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tags_warning_variable_tag__WEBPACK_IMPORTED_MODULE_5__.WarningVariableTag, {
1725		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Missing variable', 'elementor'),
1726		- onClick: toggleInfotip
1727		- })));
1728		-};
1729		-
1730		-/***/ }),
1731		-
1732		-/***/ "./packages/packages/core/editor-variables/src/components/variable-creation.tsx":
1733		-/*!**************************************************************************************!*\
1734		- !*** ./packages/packages/core/editor-variables/src/components/variable-creation.tsx ***!
1735		- \**************************************************************************************/
1736		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1737		-
1738		-__webpack_require__.r(__webpack_exports__);
1739		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1740		-/* harmony export */ VariableCreation: function() { return /* binding */ VariableCreation; }
1741		-/* harmony export */ });
1742		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1743		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1744		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1745		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1746		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1747		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
1748		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1749		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
1750		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1751		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
1752		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1753		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
1754		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
1755		-/* harmony import */ var _hooks_use_initial_value__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-initial-value */ "./packages/packages/core/editor-variables/src/hooks/use-initial-value.ts");
1756		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
1757		-/* harmony import */ var _hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../hooks/use-variable-bound-prop */ "./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts");
1758		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
1759		-/* harmony import */ var _fields_label_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./fields/label-field */ "./packages/packages/core/editor-variables/src/components/fields/label-field.tsx");
1760		-/* harmony import */ var _ui_form_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ui/form-field */ "./packages/packages/core/editor-variables/src/components/ui/form-field.tsx");
1761		-
1762		-
1763		-
1764		-
1765		-
1766		-
1767		-
1768		-
1769		-
1770		-
1771		-
1772		-
1773		-
1774		-
1775		-const SIZE = 'tiny';
1776		-const VariableCreation = ({
1777		- onGoBack,
1778		- onClose
1779		-}) => {
1780		- const {
1781		- icon: VariableIcon,
1782		- valueField: ValueField,
1783		- propTypeUtil
1784		- } = (0,_context_variable_type_context__WEBPACK_IMPORTED_MODULE_6__.useVariableType)();
1785		- const {
1786		- setVariableValue: setVariable,
1787		- path
1788		- } = (0,_hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_9__.useVariableBoundProp)();
1789		- const {
1790		- propType
1791		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
1792		- const initialValue = (0,_hooks_use_initial_value__WEBPACK_IMPORTED_MODULE_7__.useInitialValue)();
1793		- const [value, setValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);
1794		- const [label, setLabel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
1795		- const [errorMessage, setErrorMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
1796		- const [valueFieldError, setValueFieldError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
1797		- const [propTypeKey, setPropTypeKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(propTypeUtil.key);
1798		- const {
1799		- labelFieldError,
1800		- setLabelFieldError
1801		- } = (0,_fields_label_field__WEBPACK_IMPORTED_MODULE_11__.useLabelError)();
1802		- const resetFields = () => {
1803		- setValue('');
1804		- setLabel('');
1805		- setErrorMessage('');
1806		- setValueFieldError('');
1807		- };
1808		- const closePopover = () => {
1809		- resetFields();
1810		- onClose();
1811		- };
1812		- const handleCreateAndTrack = () => {
1813		- (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_8__.createVariable)({
1814		- value,
1815		- label,
1816		- type: propTypeKey
1817		- }, {
1818		- eventData: {
1819		- controlPath: path.join('.')
1820		- }
1821		- }).then(key => {
1822		- setVariable(key);
1823		- closePopover();
1824		- }).catch(error => {
1825		- const mappedError = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_10__.mapServerError)(error);
1826		- if (mappedError && 'label' === mappedError.field) {
1827		- setLabel('');
1828		- setLabelFieldError({
1829		- value: label,
1830		- message: mappedError.message
1831		- });
1832		- return;
1833		- }
1834		- setErrorMessage(_utils_validations__WEBPACK_IMPORTED_MODULE_10__.ERROR_MESSAGES.UNEXPECTED_ERROR);
1835		- });
1836		- };
1837		- const hasEmptyFields = () => {
1838		- if ('' === label.trim()) {
1839		- return true;
1840		- }
1841		- if ('string' === typeof value) {
1842		- return '' === value.trim();
1843		- }
1844		- return false === Boolean(value);
1845		- };
1846		- const hasErrors = () => {
1847		- return !!errorMessage;
1848		- };
1849		- const isSubmitDisabled = hasEmptyFields() || hasErrors();
1850		- const handleKeyDown = event => {
1851		- if (event.key === 'Enter' && !isSubmitDisabled) {
1852		- event.preventDefault();
1853		- handleCreateAndTrack();
1854		- }
1855		- };
1856		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SectionPopoverBody, {
1857		- height: "auto"
1858		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
1859		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, onGoBack && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
1860		- size: SIZE,
1861		- "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Go Back', 'elementor'),
1862		- onClick: onGoBack
1863		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ArrowLeftIcon, {
1864		- fontSize: SIZE
1865		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
1866		- fontSize: SIZE
1867		- })),
1868		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Create variable', 'elementor'),
1869		- onClose: closePopover
1870		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverContent, {
1871		- p: 2
1872		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_form_field__WEBPACK_IMPORTED_MODULE_12__.FormField, {
1873		- id: "variable-label",
1874		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Name', 'elementor'),
1875		- errorMsg: labelFieldError?.message,
1876		- noticeMsg: (0,_utils_validations__WEBPACK_IMPORTED_MODULE_10__.labelHint)(label)
1877		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fields_label_field__WEBPACK_IMPORTED_MODULE_11__.LabelField, {
1878		- id: "variable-label",
1879		- value: label,
1880		- error: labelFieldError,
1881		- onChange: newValue => {
1882		- setLabel(newValue);
1883		- setErrorMessage('');
1884		- },
1885		- onErrorChange: errorMsg => {
1886		- setLabelFieldError({
1887		- value: '',
1888		- message: errorMsg
1889		- });
1890		- },
1891		- onKeyDown: handleKeyDown,
1892		- focusOnShow: true
1893		- })), ValueField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_form_field__WEBPACK_IMPORTED_MODULE_12__.FormField, {
1894		- errorMsg: valueFieldError,
1895		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Value', 'elementor')
1896		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
1897		- variant: "h5",
1898		- id: "variable-value-wrapper"
1899		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ValueField, {
1900		- value: value,
1901		- onPropTypeKeyChange: key => setPropTypeKey(key),
1902		- onChange: newValue => {
1903		- setValue(newValue);
1904		- setErrorMessage('');
1905		- setValueFieldError('');
1906		- },
1907		- onValidationChange: setValueFieldError,
1908		- propType: propType,
1909		- onKeyDown: handleKeyDown
1910		- }))), errorMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.FormHelperText, {
1911		- error: true
1912		- }, errorMessage)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.CardActions, {
1913		- sx: {
1914		- pt: 0.5,
1915		- pb: 1
1916		- }
1917		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Button, {
1918		- id: "create-variable-button",
1919		- size: "small",
1920		- variant: "contained",
1921		- disabled: isSubmitDisabled,
1922		- onClick: handleCreateAndTrack
1923		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Create', 'elementor'))));
1924		-};
1925		-
1926		-/***/ }),
1927		-
1928		-/***/ "./packages/packages/core/editor-variables/src/components/variable-edit.tsx":
1929		-/*!**********************************************************************************!*\
1930		- !*** ./packages/packages/core/editor-variables/src/components/variable-edit.tsx ***!
1931		- \**********************************************************************************/
1932		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1933		-
1934		-__webpack_require__.r(__webpack_exports__);
1935		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1936		-/* harmony export */ VariableEdit: function() { return /* binding */ VariableEdit; }
1937		-/* harmony export */ });
1938		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1939		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1940		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
1941		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
1942		-/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
1943		-/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2__);
1944		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1945		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__);
1946		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1947		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
1948		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1949		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
1950		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1951		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);
1952		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
1953		-/* harmony import */ var _hooks_use_permissions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-permissions.ts");
1954		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
1955		-/* harmony import */ var _hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../hooks/use-variable-bound-prop */ "./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts");
1956		-/* harmony import */ var _style_variables_repository__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../style-variables-repository */ "./packages/packages/core/editor-variables/src/style-variables-repository.ts");
1957		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
1958		-/* harmony import */ var _fields_label_field__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./fields/label-field */ "./packages/packages/core/editor-variables/src/components/fields/label-field.tsx");
1959		-/* harmony import */ var _ui_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ui/delete-confirmation-dialog */ "./packages/packages/core/editor-variables/src/components/ui/delete-confirmation-dialog.tsx");
1960		-/* harmony import */ var _ui_edit_confirmation_dialog__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ui/edit-confirmation-dialog */ "./packages/packages/core/editor-variables/src/components/ui/edit-confirmation-dialog.tsx");
1961		-/* harmony import */ var _ui_form_field__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./ui/form-field */ "./packages/packages/core/editor-variables/src/components/ui/form-field.tsx");
1962		-
1963		-
1964		-
1965		-
1966		-
1967		-
1968		-
1969		-
1970		-
1971		-
1972		-
1973		-
1974		-
1975		-
1976		-
1977		-
1978		-
1979		-
1980		-const SIZE = 'tiny';
1981		-const DELETE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Delete variable', 'elementor');
1982		-const VariableEdit = ({
1983		- onClose,
1984		- onGoBack,
1985		- onSubmit,
1986		- editId
1987		-}) => {
1988		- const {
1989		- icon: VariableIcon,
1990		- valueField: ValueField,
1991		- variableType,
1992		- propTypeUtil
1993		- } = (0,_context_variable_type_context__WEBPACK_IMPORTED_MODULE_7__.useVariableType)();
1994		- const {
1995		- setVariableValue: notifyBoundPropChange,
1996		- variableId,
1997		- path
1998		- } = (0,_hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_10__.useVariableBoundProp)();
1999		- const {
2000		- propType
2001		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
2002		- const [isMessageSuppressed, suppressMessage] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2__.useSuppressedMessage)(_ui_edit_confirmation_dialog__WEBPACK_IMPORTED_MODULE_15__.EDIT_CONFIRMATION_DIALOG_ID);
2003		- const [deleteConfirmation, setDeleteConfirmation] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
2004		- const [editConfirmation, setEditConfirmation] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
2005		- const [errorMessage, setErrorMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
2006		- const [valueFieldError, setValueFieldError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
2007		- const {
2008		- labelFieldError,
2009		- setLabelFieldError
2010		- } = (0,_fields_label_field__WEBPACK_IMPORTED_MODULE_13__.useLabelError)();
2011		- const variable = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_9__.useVariable)(editId);
2012		- const [propTypeKey, setPropTypeKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(variable?.type ?? propTypeUtil.key);
2013		- if (!variable) {
2014		- throw new Error(`Global ${variableType} variable not found`);
2015		- }
2016		- const userPermissions = (0,_hooks_use_permissions__WEBPACK_IMPORTED_MODULE_8__.usePermissions)();
2017		- const [value, setValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => variable.value);
2018		- const [label, setLabel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => variable.label);
2019		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
2020		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_11__.styleVariablesRepository.update({
2021		- [editId]: {
2022		- ...variable,
2023		- value
2024		- }
2025		- });
2026		- return () => {
2027		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_11__.styleVariablesRepository.update({
2028		- [editId]: {
2029		- ...variable
2030		- }
2031		- });
2032		- };
2033		- }, [editId, value, variable]);
2034		- const handleUpdate = () => {
2035		- if (isMessageSuppressed) {
2036		- handleSaveVariable();
2037		- } else {
2038		- setEditConfirmation(true);
2039		- }
2040		- };
2041		- const handleSaveVariable = () => {
2042		- const typeChanged = propTypeKey !== variable.type;
2043		- const updatePayload = typeChanged ? {
2044		- value,
2045		- label,
2046		- type: propTypeKey
2047		- } : {
2048		- value,
2049		- label
2050		- };
2051		- (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_9__.updateVariable)(editId, updatePayload, {
2052		- eventData: {
2053		- controlPath: path.join('.')
2054		- }
2055		- }).then(() => {
2056		- maybeTriggerBoundPropChange();
2057		- onSubmit?.();
2058		- }).catch(error => {
2059		- const mappedError = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_12__.mapServerError)(error);
2060		- if (mappedError && 'label' === mappedError.field) {
2061		- setLabel('');
2062		- setLabelFieldError({
2063		- value: label,
2064		- message: mappedError.message
2065		- });
2066		- return;
2067		- }
2068		- setErrorMessage(_utils_validations__WEBPACK_IMPORTED_MODULE_12__.ERROR_MESSAGES.UNEXPECTED_ERROR);
2069		- });
2070		- };
2071		- const handleDelete = () => {
2072		- (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_9__.deleteVariable)(editId).then(() => {
2073		- maybeTriggerBoundPropChange();
2074		- onSubmit?.();
2075		- });
2076		- };
2077		- const maybeTriggerBoundPropChange = () => {
2078		- if (editId === variableId) {
2079		- notifyBoundPropChange(editId);
2080		- }
2081		- };
2082		- const handleDeleteConfirmation = () => {
2083		- setDeleteConfirmation(true);
2084		- };
2085		- const closeDeleteDialog = () => () => {
2086		- setDeleteConfirmation(false);
2087		- };
2088		- const closeEditDialog = () => () => {
2089		- setEditConfirmation(false);
2090		- };
2091		- const actions = [];
2092		- if (userPermissions.canDelete()) {
2093		- actions.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
2094		- key: "delete",
2095		- placement: "top",
2096		- title: DELETE_LABEL
2097		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
2098		- size: SIZE,
2099		- onClick: handleDeleteConfirmation,
2100		- "aria-label": DELETE_LABEL
2101		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.TrashIcon, {
2102		- fontSize: SIZE
2103		- }))));
2104		- }
2105		- const hasEmptyFields = () => {
2106		- if ('' === label.trim()) {
2107		- return true;
2108		- }
2109		- if ('string' === typeof value) {
2110		- return '' === value.trim();
2111		- }
2112		- return false === Boolean(value);
2113		- };
2114		- const noValueChanged = () => {
2115		- return value === variable.value && label === variable.label;
2116		- };
2117		- const hasErrors = () => {
2118		- return !!errorMessage;
2119		- };
2120		- const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
2121		- const handleKeyDown = event => {
2122		- if (event.key === 'Enter' && !isSubmitDisabled) {
2123		- event.preventDefault();
2124		- handleUpdate();
2125		- }
2126		- };
2127		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SectionPopoverBody, {
2128		- height: "auto"
2129		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.PopoverHeader, {
2130		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Edit variable', 'elementor'),
2131		- onClose: onClose,
2132		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, onGoBack && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
2133		- size: SIZE,
2134		- "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Go Back', 'elementor'),
2135		- onClick: onGoBack
2136		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ArrowLeftIcon, {
2137		- fontSize: SIZE
2138		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
2139		- fontSize: SIZE
2140		- })),
2141		- actions: actions
2142		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverContent, {
2143		- p: 2
2144		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_form_field__WEBPACK_IMPORTED_MODULE_16__.FormField, {
2145		- id: "variable-label",
2146		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Name', 'elementor'),
2147		- errorMsg: labelFieldError?.message,
2148		- noticeMsg: (0,_utils_validations__WEBPACK_IMPORTED_MODULE_12__.labelHint)(label)
2149		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fields_label_field__WEBPACK_IMPORTED_MODULE_13__.LabelField, {
2150		- id: "variable-label",
2151		- value: label,
2152		- error: labelFieldError,
2153		- onChange: newValue => {
2154		- setLabel(newValue);
2155		- setErrorMessage('');
2156		- },
2157		- onErrorChange: errorMsg => {
2158		- setLabelFieldError({
2159		- value: '',
2160		- message: errorMsg
2161		- });
2162		- },
2163		- onKeyDown: handleKeyDown,
2164		- focusOnShow: true
2165		- })), ValueField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_form_field__WEBPACK_IMPORTED_MODULE_16__.FormField, {
2166		- errorMsg: valueFieldError,
2167		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Value', 'elementor')
2168		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
2169		- variant: "h5"
2170		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ValueField, {
2171		- propTypeKey: variable.type,
2172		- onPropTypeKeyChange: key => setPropTypeKey(key),
2173		- value: value,
2174		- onChange: newValue => {
2175		- setValue(newValue);
2176		- setErrorMessage('');
2177		- setValueFieldError('');
2178		- },
2179		- onKeyDown: handleKeyDown,
2180		- onValidationChange: setValueFieldError,
2181		- propType: propType
2182		- }))), errorMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.FormHelperText, {
2183		- error: true
2184		- }, errorMessage)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.CardActions, {
2185		- sx: {
2186		- pt: 0.5,
2187		- pb: 1
2188		- }
2189		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Button, {
2190		- size: "small",
2191		- variant: "contained",
2192		- disabled: isSubmitDisabled,
2193		- onClick: handleUpdate
2194		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Save', 'elementor')))), deleteConfirmation && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_14__.DeleteConfirmationDialog, {
2195		- open: true,
2196		- label: label,
2197		- onConfirm: handleDelete,
2198		- closeDialog: closeDeleteDialog()
2199		- }), editConfirmation && !isMessageSuppressed && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_edit_confirmation_dialog__WEBPACK_IMPORTED_MODULE_15__.EditConfirmationDialog, {
2200		- closeDialog: closeEditDialog(),
2201		- onConfirm: handleSaveVariable,
2202		- onSuppressMessage: suppressMessage
2203		- }));
2204		-};
2205		-
2206		-/***/ }),
2207		-
2208		-/***/ "./packages/packages/core/editor-variables/src/components/variable-restore.tsx":
2209		-/*!*************************************************************************************!*\
2210		- !*** ./packages/packages/core/editor-variables/src/components/variable-restore.tsx ***!
2211		- \*************************************************************************************/
2212		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2213		-
2214		-__webpack_require__.r(__webpack_exports__);
2215		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2216		-/* harmony export */ VariableRestore: function() { return /* binding */ VariableRestore; }
2217		-/* harmony export */ });
2218		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2219		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2220		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
2221		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
2222		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2223		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
2224		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2225		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
2226		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2227		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
2228		-/* harmony import */ var _context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../context/variable-selection-popover.context */ "./packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx");
2229		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
2230		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
2231		-/* harmony import */ var _hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-variable-bound-prop */ "./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts");
2232		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
2233		-/* harmony import */ var _fields_label_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./fields/label-field */ "./packages/packages/core/editor-variables/src/components/fields/label-field.tsx");
2234		-/* harmony import */ var _ui_form_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ui/form-field */ "./packages/packages/core/editor-variables/src/components/ui/form-field.tsx");
2235		-
2236		-
2237		-
2238		-
2239		-
2240		-
2241		-
2242		-
2243		-
2244		-
2245		-
2246		-
2247		-
2248		-const SIZE = 'tiny';
2249		-const VariableRestore = ({
2250		- variableId,
2251		- onClose,
2252		- onSubmit
2253		-}) => {
2254		- const {
2255		- icon: VariableIcon,
2256		- valueField: ValueField,
2257		- variableType,
2258		- propTypeUtil
2259		- } = (0,_context_variable_type_context__WEBPACK_IMPORTED_MODULE_6__.useVariableType)();
2260		- const {
2261		- setVariableValue: notifyBoundPropChange
2262		- } = (0,_hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_8__.useVariableBoundProp)();
2263		- const {
2264		- propType
2265		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
2266		- const variable = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__.useVariable)(variableId);
2267		- if (!variable) {
2268		- throw new Error(`Global ${variableType} variable not found`);
2269		- }
2270		- const [errorMessage, setErrorMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
2271		- const [valueFieldError, setValueFieldError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
2272		- const [label, setLabel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(variable.label);
2273		- const [value, setValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(variable.value);
2274		- const [propTypeKey, setPropTypeKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(variable?.type ?? propTypeUtil.key);
2275		- const {
2276		- labelFieldError,
2277		- setLabelFieldError
2278		- } = (0,_fields_label_field__WEBPACK_IMPORTED_MODULE_10__.useLabelError)({
2279		- value: variable.label,
2280		- message: _utils_validations__WEBPACK_IMPORTED_MODULE_9__.ERROR_MESSAGES.DUPLICATED_LABEL
2281		- });
2282		- const handleRestore = () => {
2283		- const typeChanged = propTypeKey !== variable.type;
2284		- const restorePromise = typeChanged ? (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__.restoreVariable)(variableId, label, value, propTypeKey) : (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__.restoreVariable)(variableId, label, value);
2285		- restorePromise.then(() => {
2286		- notifyBoundPropChange(variableId);
2287		- onSubmit?.();
2288		- }).catch(error => {
2289		- const mappedError = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_9__.mapServerError)(error);
2290		- if (mappedError && 'label' === mappedError.field) {
2291		- setLabel('');
2292		- setLabelFieldError({
2293		- value: label,
2294		- message: mappedError.message
2295		- });
2296		- return;
2297		- }
2298		- setErrorMessage(_utils_validations__WEBPACK_IMPORTED_MODULE_9__.ERROR_MESSAGES.UNEXPECTED_ERROR);
2299		- });
2300		- };
2301		- const hasEmptyFields = () => {
2302		- if ('' === label.trim()) {
2303		- return true;
2304		- }
2305		- if ('string' === typeof value) {
2306		- return '' === value.trim();
2307		- }
2308		- return false === Boolean(value);
2309		- };
2310		- const noValueChanged = () => {
2311		- return value === variable.value && label === variable.label;
2312		- };
2313		- const hasErrors = () => {
2314		- return !!errorMessage;
2315		- };
2316		- const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
2317		- const handleKeyDown = event => {
2318		- if (event.key === 'Enter' && !isSubmitDisabled) {
2319		- event.preventDefault();
2320		- handleRestore();
2321		- }
2322		- };
2323		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_5__.PopoverContentRefContextProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SectionPopoverBody, {
2324		- height: "auto"
2325		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
2326		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
2327		- fontSize: SIZE
2328		- }),
2329		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Restore variable', 'elementor'),
2330		- onClose: onClose
2331		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverContent, {
2332		- p: 2
2333		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_form_field__WEBPACK_IMPORTED_MODULE_11__.FormField, {
2334		- id: "variable-label",
2335		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Name', 'elementor'),
2336		- errorMsg: labelFieldError?.message,
2337		- noticeMsg: (0,_utils_validations__WEBPACK_IMPORTED_MODULE_9__.labelHint)(label)
2338		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fields_label_field__WEBPACK_IMPORTED_MODULE_10__.LabelField, {
2339		- id: "variable-label",
2340		- value: label,
2341		- error: labelFieldError,
2342		- onChange: newValue => {
2343		- setLabel(newValue);
2344		- setErrorMessage('');
2345		- },
2346		- onErrorChange: errorMsg => {
2347		- setLabelFieldError({
2348		- value: '',
2349		- message: errorMsg
2350		- });
2351		- },
2352		- onKeyDown: handleKeyDown,
2353		- focusOnShow: true
2354		- })), ValueField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_form_field__WEBPACK_IMPORTED_MODULE_11__.FormField, {
2355		- errorMsg: valueFieldError,
2356		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Value', 'elementor')
2357		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2358		- variant: "h5"
2359		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ValueField, {
2360		- propTypeKey: propTypeKey,
2361		- onPropTypeKeyChange: key => setPropTypeKey(key),
2362		- value: value,
2363		- onChange: newValue => {
2364		- setValue(newValue);
2365		- setErrorMessage('');
2366		- setValueFieldError('');
2367		- },
2368		- onValidationChange: setValueFieldError,
2369		- propType: propType,
2370		- onKeyDown: handleKeyDown
2371		- }))), errorMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.FormHelperText, {
2372		- error: true
2373		- }, errorMessage)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.CardActions, {
2374		- sx: {
2375		- pt: 0.5,
2376		- pb: 1
2377		- }
2378		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Button, {
2379		- size: "small",
2380		- variant: "contained",
2381		- disabled: isSubmitDisabled,
2382		- onClick: handleRestore
2383		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Restore', 'elementor')))));
2384		-};
2385		-
2386		-/***/ }),
2387		-
2388		-/***/ "./packages/packages/core/editor-variables/src/components/variable-selection-popover.tsx":
2389		-/*!***********************************************************************************************!*\
2390		- !*** ./packages/packages/core/editor-variables/src/components/variable-selection-popover.tsx ***!
2391		- \***********************************************************************************************/
2392		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2393		-
2394		-__webpack_require__.r(__webpack_exports__);
2395		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2396		-/* harmony export */ VariableSelectionPopover: function() { return /* binding */ VariableSelectionPopover; }
2397		-/* harmony export */ });
2398		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2399		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2400		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
2401		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
2402		-/* harmony import */ var _context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/variable-selection-popover.context */ "./packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx");
2403		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
2404		-/* harmony import */ var _hooks_use_permissions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-permissions.ts");
2405		-/* harmony import */ var _hooks_use_quota_permissions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-quota-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-quota-permissions.ts");
2406		-/* harmony import */ var _variable_creation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./variable-creation */ "./packages/packages/core/editor-variables/src/components/variable-creation.tsx");
2407		-/* harmony import */ var _variable_edit__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./variable-edit */ "./packages/packages/core/editor-variables/src/components/variable-edit.tsx");
2408		-/* harmony import */ var _variables_selection__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./variables-selection */ "./packages/packages/core/editor-variables/src/components/variables-selection.tsx");
2409		-
2410		-
2411		-
2412		-
2413		-
2414		-
2415		-
2416		-
2417		-
2418		-
2419		-const VIEW_LIST = 'list';
2420		-const VIEW_ADD = 'add';
2421		-const VIEW_EDIT = 'edit';
2422		-const VariableSelectionPopover = ({
2423		- closePopover,
2424		- propTypeKey,
2425		- selectedVariable
2426		-}) => {
2427		- const [currentView, setCurrentView] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(VIEW_LIST);
2428		- const [editId, setEditId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
2429		- const onSettingsAvailable = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.isExperimentActive)('e_variables_manager') ? () => {
2430		- window.dispatchEvent(new CustomEvent('elementor/toggle-design-system', {
2431		- detail: {
2432		- tab: 'variables'
2433		- }
2434		- }));
2435		- } : undefined;
2436		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_context_variable_type_context__WEBPACK_IMPORTED_MODULE_3__.VariableTypeProvider, {
2437		- propTypeKey: propTypeKey
2438		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_context_variable_selection_popover_context__WEBPACK_IMPORTED_MODULE_2__.PopoverContentRefContextProvider, null, RenderView({
2439		- propTypeKey,
2440		- currentView,
2441		- selectedVariable,
2442		- editId,
2443		- setEditId,
2444		- setCurrentView,
2445		- closePopover,
2446		- onSettings: onSettingsAvailable
2447		- })));
2448		-};
2449		-function RenderView(props) {
2450		- const userPermissions = (0,_hooks_use_permissions__WEBPACK_IMPORTED_MODULE_4__.usePermissions)();
2451		- const userQuotaPermissions = (0,_hooks_use_quota_permissions__WEBPACK_IMPORTED_MODULE_5__.useQuotaPermissions)(props.propTypeKey);
2452		- const handlers = {
2453		- onClose: () => {
2454		- props.closePopover();
2455		- },
2456		- onGoBack: () => {
2457		- props.setCurrentView(VIEW_LIST);
2458		- }
2459		- };
2460		- if (userPermissions.canAdd()) {
2461		- handlers.onAdd = () => {
2462		- props.setCurrentView(VIEW_ADD);
2463		- };
2464		- }
2465		- if (userPermissions.canEdit()) {
2466		- handlers.onEdit = key => {
2467		- props.setEditId(key);
2468		- props.setCurrentView(VIEW_EDIT);
2469		- };
2470		- }
2471		- if (userPermissions.canManageSettings() && props.onSettings) {
2472		- handlers.onSettings = () => {
2473		- props.closePopover();
2474		- props.onSettings?.();
2475		- };
2476		- }
2477		- const handleSubmitOnEdit = () => {
2478		- if (props?.selectedVariable?.key === props.editId) {
2479		- handlers.onClose();
2480		- } else {
2481		- handlers.onGoBack?.();
2482		- }
2483		- };
2484		- if (VIEW_LIST === props.currentView) {
2485		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variables_selection__WEBPACK_IMPORTED_MODULE_8__.VariablesSelection, {
2486		- closePopover: handlers.onClose,
2487		- onAdd: handlers.onAdd,
2488		- onEdit: handlers.onEdit,
2489		- onSettings: handlers.onSettings,
2490		- disabled: !userQuotaPermissions.canAdd()
2491		- });
2492		- }
2493		- if (VIEW_ADD === props.currentView) {
2494		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_creation__WEBPACK_IMPORTED_MODULE_6__.VariableCreation, {
2495		- onGoBack: handlers.onGoBack,
2496		- onClose: handlers.onClose
2497		- });
2498		- }
2499		- if (VIEW_EDIT === props.currentView) {
2500		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_edit__WEBPACK_IMPORTED_MODULE_7__.VariableEdit, {
2501		- editId: props.editId,
2502		- onGoBack: handlers.onGoBack,
2503		- onClose: handlers.onClose,
2504		- onSubmit: handleSubmitOnEdit
2505		- });
2506		- }
2507		- return null;
2508		-}
2509		-
2510		-/***/ }),
2511		-
2512		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-auto-edit.ts":
2513		-/*!*********************************************************************************************************!*\
2514		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-auto-edit.ts ***!
2515		- \*********************************************************************************************************/
2516		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2517		-
2518		-__webpack_require__.r(__webpack_exports__);
2519		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2520		-/* harmony export */ useAutoEdit: function() { return /* binding */ useAutoEdit; }
2521		-/* harmony export */ });
2522		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2523		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2524		-
2525		-const useAutoEdit = () => {
2526		- const [autoEditVariableId, setAutoEditVariableId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined);
2527		- const startAutoEdit = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(variableId => {
2528		- setAutoEditVariableId(variableId);
2529		- }, []);
2530		- const handleAutoEditComplete = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
2531		- setTimeout(() => {
2532		- setAutoEditVariableId(undefined);
2533		- }, 100);
2534		- }, []);
2535		- return {
2536		- autoEditVariableId,
2537		- startAutoEdit,
2538		- handleAutoEditComplete
2539		- };
2540		-};
2541		-
2542		-/***/ }),
2543		-
2544		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-error-navigation.ts":
2545		-/*!****************************************************************************************************************!*\
2546		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-error-navigation.ts ***!
2547		- \****************************************************************************************************************/
2548		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2549		-
2550		-__webpack_require__.r(__webpack_exports__);
2551		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2552		-/* harmony export */ useErrorNavigation: function() { return /* binding */ useErrorNavigation; }
2553		-/* harmony export */ });
2554		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2555		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2556		-
2557		-const useErrorNavigation = () => {
2558		- const currentIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
2559		- const createNavigationCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((ids, onNavigate, onComplete) => {
2560		- return () => {
2561		- if (!ids?.length) {
2562		- return;
2563		- }
2564		- const currentIndex = currentIndexRef.current;
2565		- const currentId = ids[currentIndex];
2566		- if (currentId) {
2567		- onNavigate(currentId);
2568		- const nextIndex = currentIndex + 1;
2569		- if (nextIndex >= ids.length) {
2570		- onComplete();
2571		- currentIndexRef.current = 0;
2572		- } else {
2573		- currentIndexRef.current = nextIndex;
2574		- }
2575		- }
2576		- };
2577		- }, []);
2578		- const resetNavigation = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
2579		- currentIndexRef.current = 0;
2580		- }, []);
2581		- return {
2582		- createNavigationCallback,
2583		- resetNavigation
2584		- };
2585		-};
2586		-
2587		-/***/ }),
2588		-
2589		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-variables-manager-state.ts":
2590		-/*!***********************************************************************************************************************!*\
2591		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-variables-manager-state.ts ***!
2592		- \***********************************************************************************************************************/
2593		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2594		-
2595		-__webpack_require__.r(__webpack_exports__);
2596		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2597		-/* harmony export */ useVariablesManagerState: function() { return /* binding */ useVariablesManagerState; }
2598		-/* harmony export */ });
2599		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2600		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2601		-/* harmony import */ var _batch_operations__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../batch-operations */ "./packages/packages/core/editor-variables/src/batch-operations.ts");
2602		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
2603		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../service */ "./packages/packages/core/editor-variables/src/service.ts");
2604		-/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../storage */ "./packages/packages/core/editor-variables/src/storage.ts");
2605		-/* harmony import */ var _utils_duplicate_label__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/duplicate-label */ "./packages/packages/core/editor-variables/src/utils/duplicate-label.ts");
2606		-/* harmony import */ var _utils_filter_by_search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/filter-by-search */ "./packages/packages/core/editor-variables/src/utils/filter-by-search.ts");
2607		-/* harmony import */ var _utils_variables_to_list__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/variables-to-list */ "./packages/packages/core/editor-variables/src/utils/variables-to-list.ts");
2608		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
2609		-
2610		-
2611		-
2612		-
2613		-
2614		-
2615		-
2616		-
2617		-
2618		-const useVariablesManagerState = () => {
2619		- const [variables, setVariables] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_2__.getVariables)(false));
2620		- const [deletedVariables, setDeletedVariables] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
2621		- const [isSaveDisabled, setIsSaveDisabled] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
2622		- const [isDirty, setIsDirty] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
2623		- const [isSaving, setIsSaving] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
2624		- const [searchValue, setSearchValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
2625		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
2626		- const handleStorageUpdated = () => {
2627		- setVariables((0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_2__.getVariables)(false));
2628		- setDeletedVariables([]);
2629		- setIsDirty(false);
2630		- };
2631		- window.addEventListener(_storage__WEBPACK_IMPORTED_MODULE_4__.STORAGE_UPDATED_EVENT, handleStorageUpdated);
2632		- return () => {
2633		- window.removeEventListener(_storage__WEBPACK_IMPORTED_MODULE_4__.STORAGE_UPDATED_EVENT, handleStorageUpdated);
2634		- };
2635		- }, []);
2636		- const handleOnChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(newVariables => {
2637		- const hasChanges = Object.entries(newVariables).some(([id, newVar]) => {
2638		- const existingVar = variables[id];
2639		- if (!existingVar) {
2640		- return true;
2641		- }
2642		- return existingVar.label !== newVar.label || existingVar.value !== newVar.value || existingVar.order !== newVar.order || existingVar.type !== newVar.type || (existingVar.sync_to_v3 ?? false) !== (newVar.sync_to_v3 ?? false);
2643		- });
2644		- if (hasChanges) {
2645		- setVariables({
2646		- ...variables,
2647		- ...newVariables
2648		- });
2649		- setIsDirty(true);
2650		- }
2651		- }, [variables]);
2652		- const createVariable = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((type, defaultName, defaultValue) => {
2653		- const newId = (0,_batch_operations__WEBPACK_IMPORTED_MODULE_1__.generateTempId)();
2654		- const newVariable = {
2655		- id: newId,
2656		- label: defaultName.trim(),
2657		- value: defaultValue.trim(),
2658		- type
2659		- };
2660		- setVariables(prev => ({
2661		- ...prev,
2662		- [newId]: newVariable
2663		- }));
2664		- setIsDirty(true);
2665		- return newId;
2666		- }, []);
2667		- const duplicateVariable = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(sourceId => {
2668		- const newId = (0,_batch_operations__WEBPACK_IMPORTED_MODULE_1__.generateTempId)();
2669		- setVariables(prev => {
2670		- const source = prev[sourceId];
2671		- if (!source || source.deleted) {
2672		- return prev;
2673		- }
2674		- const existingLabels = Object.values(prev).filter(v => !v.deleted).map(v => v.label);
2675		- return {
2676		- ...prev,
2677		- [newId]: {
2678		- label: (0,_utils_duplicate_label__WEBPACK_IMPORTED_MODULE_5__.generateDuplicateLabel)(source.label, existingLabels),
2679		- value: source.value,
2680		- type: source.type
2681		- }
2682		- };
2683		- });
2684		- setIsDirty(true);
2685		- return newId;
2686		- }, []);
2687		- const handleDeleteVariable = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
2688		- setDeletedVariables(prev => [...prev, itemId]);
2689		- setVariables(prev => ({
2690		- ...prev,
2691		- [itemId]: {
2692		- ...prev[itemId],
2693		- deleted: true
2694		- }
2695		- }));
2696		- setIsDirty(true);
2697		- }, []);
2698		- const handleStartSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
2699		- setVariables(prev => ({
2700		- ...prev,
2701		- [itemId]: {
2702		- ...prev[itemId],
2703		- sync_to_v3: true
2704		- }
2705		- }));
2706		- setIsDirty(true);
2707		- }, []);
2708		- const handleStopSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
2709		- setVariables(prev => ({
2710		- ...prev,
2711		- [itemId]: {
2712		- ...prev[itemId],
2713		- sync_to_v3: false
2714		- }
2715		- }));
2716		- setIsDirty(true);
2717		- }, []);
2718		- const handleSearch = searchTerm => {
2719		- setSearchValue(searchTerm);
2720		- };
2721		- const handleSave = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
2722		- const originalVariables = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_2__.getVariables)(false);
2723		- setIsSaving(true);
2724		- const result = await _service__WEBPACK_IMPORTED_MODULE_3__.service.batchSave(originalVariables, variables, deletedVariables);
2725		- if (result.success) {
2726		- await _service__WEBPACK_IMPORTED_MODULE_3__.service.load();
2727		- const updatedVariables = _service__WEBPACK_IMPORTED_MODULE_3__.service.variables();
2728		- setVariables(updatedVariables);
2729		- setDeletedVariables([]);
2730		- setIsDirty(false);
2731		- }
2732		- return {
2733		- success: result.success
2734		- };
2735		- }, [variables, deletedVariables]);
2736		- const filteredVariables = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
2737		- const list = (0,_utils_variables_to_list__WEBPACK_IMPORTED_MODULE_7__.variablesToList)(variables).filter(v => !v.deleted);
2738		- const typeFiltered = (0,_utils_variables_to_list__WEBPACK_IMPORTED_MODULE_7__.applySelectionFilters)(list, (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_8__.getVariableTypes)());
2739		- const searchFiltered = (0,_utils_filter_by_search__WEBPACK_IMPORTED_MODULE_6__.filterBySearch)(typeFiltered, searchValue);
2740		- return Object.fromEntries(searchFiltered.map(({
2741		- key,
2742		- ...rest
2743		- }) => [key, rest]));
2744		- }, [variables, searchValue]);
2745		- return {
2746		- variables: filteredVariables(),
2747		- deletedVariables,
2748		- isDirty,
2749		- isSaveDisabled,
2750		- handleOnChange,
2751		- createVariable,
2752		- duplicateVariable,
2753		- handleDeleteVariable,
2754		- handleStartSync,
2755		- handleStopSync,
2756		- handleSave,
2757		- isSaving,
2758		- handleSearch,
2759		- searchValue,
2760		- setIsSaving,
2761		- setIsSaveDisabled
2762		- };
2763		-};
2764		-
2765		-/***/ }),
2766		-
2767		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-edit-menu.tsx":
2768		-/*!************************************************************************************************************!*\
2769		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-edit-menu.tsx ***!
2770		- \************************************************************************************************************/
2771		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2772		-
2773		-__webpack_require__.r(__webpack_exports__);
2774		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2775		-/* harmony export */ VariableEditMenu: function() { return /* binding */ VariableEditMenu; }
2776		-/* harmony export */ });
2777		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2778		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2779		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2780		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
2781		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2782		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
2783		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2784		-
2785		-
2786		-
2787		-
2788		-const VariableEditMenu = ({
2789		- menuActions,
2790		- disabled,
2791		- itemId
2792		-}) => {
2793		- const menuState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.usePopupState)({
2794		- variant: 'popover'
2795		- });
2796		- const triggerProps = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindTrigger)(menuState);
2797		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, _extends({}, triggerProps, {
2798		- disabled: disabled,
2799		- size: "tiny",
2800		- onClick: e => {
2801		- e.stopPropagation();
2802		- triggerProps.onClick?.(e);
2803		- }
2804		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.DotsVerticalIcon, {
2805		- fontSize: "tiny"
2806		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Menu, _extends({
2807		- disablePortal: true,
2808		- MenuListProps: {
2809		- dense: true
2810		- },
2811		- PaperProps: {
2812		- elevation: 6
2813		- }
2814		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindMenu)(menuState), {
2815		- anchorEl: menuState.anchorEl,
2816		- anchorOrigin: {
2817		- vertical: 'bottom',
2818		- horizontal: 'right'
2819		- },
2820		- transformOrigin: {
2821		- vertical: 'top',
2822		- horizontal: 'right'
2823		- },
2824		- open: menuState.isOpen,
2825		- onClose: menuState.close
2826		- }), menuActions.map(action => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuItem, {
2827		- key: action.name,
2828		- onClick: e => {
2829		- e.stopPropagation();
2830		- action.onClick?.(itemId);
2831		- menuState.close();
2832		- },
2833		- sx: {
2834		- color: action.color,
2835		- gap: 1
2836		- }
2837		- }, action.icon && /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(action.icon, {
2838		- fontSize: 'inherit'
2839		- }), ' ', action.name))));
2840		-};
2841		-
2842		-/***/ }),
2843		-
2844		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-cell.tsx":
2845		-/*!*************************************************************************************************************!*\
2846		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-cell.tsx ***!
2847		- \*************************************************************************************************************/
2848		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2849		-
2850		-__webpack_require__.r(__webpack_exports__);
2851		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2852		-/* harmony export */ VariableTableCell: function() { return /* binding */ VariableTableCell; }
2853		-/* harmony export */ });
2854		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2855		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2856		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2857		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
2858		-
2859		-
2860		-const VariableTableCell = ({
2861		- children,
2862		- isHeader,
2863		- width,
2864		- maxWidth,
2865		- align,
2866		- noPadding,
2867		- sx
2868		-}) => {
2869		- const baseSx = {
2870		- maxWidth: maxWidth ?? 150,
2871		- cursor: 'initial',
2872		- typography: 'caption',
2873		- ...(isHeader && {
2874		- color: 'text.primary',
2875		- fontWeight: 'bold'
2876		- }),
2877		- ...(isHeader && !noPadding && {
2878		- padding: '10px 16px'
2879		- }),
2880		- ...(width && {
2881		- width
2882		- }),
2883		- ...sx
2884		- };
2885		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TableCell, {
2886		- size: "small",
2887		- padding: noPadding ? 'none' : undefined,
2888		- align: align,
2889		- sx: baseSx
2890		- }, children);
2891		-};
2892		-
2893		-/***/ }),
2894		-
2895		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-row.tsx":
2896		-/*!************************************************************************************************************!*\
2897		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-row.tsx ***!
2898		- \************************************************************************************************************/
2899		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2900		-
2901		-__webpack_require__.r(__webpack_exports__);
2902		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2903		-/* harmony export */ VariableRow: function() { return /* binding */ VariableRow; }
2904		-/* harmony export */ });
2905		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2906		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2907		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2908		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
2909		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2910		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
2911		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2912		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
2913		-/* harmony import */ var _hooks_use_quota_permissions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/use-quota-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-quota-permissions.ts");
2914		-/* harmony import */ var _fields_label_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../fields/label-field */ "./packages/packages/core/editor-variables/src/components/fields/label-field.tsx");
2915		-/* harmony import */ var _ui_variable_promotion_chip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../ui/variable-promotion-chip */ "./packages/packages/core/editor-variables/src/components/ui/variable-promotion-chip.tsx");
2916		-/* harmony import */ var _variable_editable_cell__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../variable-editable-cell */ "./packages/packages/core/editor-variables/src/components/variables-manager/variable-editable-cell.tsx");
2917		-/* harmony import */ var _variable_edit_menu__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./variable-edit-menu */ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-edit-menu.tsx");
2918		-/* harmony import */ var _variable_table_cell__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./variable-table-cell */ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-cell.tsx");
2919		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2920		-
2921		-
2922		-
2923		-
2924		-
2925		-
2926		-
2927		-
2928		-
2929		-
2930		-
2931		-const TRACKING_DATA = {
2932		- target_name: 'variables_manager',
2933		- target_location: 'variables_manager'
2934		-};
2935		-const VariableRow = props => {
2936		- const {
2937		- row,
2938		- variables,
2939		- handleOnChange,
2940		- autoEditVariableId,
2941		- onAutoEditComplete,
2942		- onFieldError,
2943		- menuActions,
2944		- handleRowRef,
2945		- itemProps,
2946		- showDropIndication,
2947		- triggerProps,
2948		- itemStyle,
2949		- triggerStyle,
2950		- isDragged,
2951		- dropPosition,
2952		- setTriggerRef,
2953		- isSorting
2954		- } = props;
2955		- const promotionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
2956		- const isDisabled = !(0,_hooks_use_quota_permissions__WEBPACK_IMPORTED_MODULE_4__.useQuotaPermissions)(row.type).canEdit();
2957		- const showIndicationBefore = showDropIndication && dropPosition === 'before';
2958		- const showIndicationAfter = showDropIndication && dropPosition === 'after';
2959		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, itemProps, {
2960		- ref: itemProps.ref,
2961		- selected: isDragged,
2962		- sx: {
2963		- ...(isDisabled && {
2964		- '& td, & th': {
2965		- color: 'text.disabled'
2966		- }
2967		- }),
2968		- ...(showIndicationBefore && {
2969		- '& td, & th': {
2970		- borderTop: '2px solid',
2971		- borderTopColor: 'primary.main'
2972		- }
2973		- }),
2974		- ...(showIndicationAfter && {
2975		- '& td, & th': {
2976		- borderBottom: '2px solid',
2977		- borderBottomColor: 'primary.main'
2978		- }
2979		- }),
2980		- '&:hover, &:focus-within': {
2981		- backgroundColor: 'action.hover',
2982		- '& [role="toolbar"], & [draggable]': {
2983		- opacity: 1
2984		- }
2985		- },
2986		- '& [role="toolbar"], & [draggable]': {
2987		- opacity: 0
2988		- }
2989		- },
2990		- style: {
2991		- ...itemStyle,
2992		- ...triggerStyle
2993		- },
2994		- onClick: () => {
2995		- if (isDisabled) {
2996		- promotionRef.current?.toggle();
2997		- }
2998		- }
2999		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_table_cell__WEBPACK_IMPORTED_MODULE_9__.VariableTableCell, {
3000		- noPadding: true,
3001		- width: 10,
3002		- maxWidth: 10
3003		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, _extends({
3004		- size: "small",
3005		- ref: setTriggerRef
3006		- }, triggerProps, {
3007		- disabled: isSorting,
3008		- draggable: true
3009		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.GripVerticalIcon, {
3010		- fontSize: "inherit"
3011		- }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_table_cell__WEBPACK_IMPORTED_MODULE_9__.VariableTableCell, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_editable_cell__WEBPACK_IMPORTED_MODULE_7__.VariableEditableCell, {
3012		- initialValue: row.name,
3013		- onChange: value => {
3014		- if (value !== row.name && !isDisabled) {
3015		- handleOnChange({
3016		- ...variables,
3017		- [row.id]: {
3018		- ...variables[row.id],
3019		- label: value
3020		- }
3021		- });
3022		- }
3023		- },
3024		- prefixElement: /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(row.icon, {
3025		- fontSize: 'inherit',
3026		- color: isDisabled ? 'disabled' : 'inherit'
3027		- }),
3028		- editableElement: ({
3029		- value,
3030		- onChange,
3031		- onValidationChange,
3032		- error
3033		- }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fields_label_field__WEBPACK_IMPORTED_MODULE_5__.LabelField, {
3034		- id: 'variable-label-' + row.id,
3035		- size: "tiny",
3036		- value: value,
3037		- onChange: onChange,
3038		- onErrorChange: errorMsg => {
3039		- onValidationChange?.(errorMsg);
3040		- onFieldError?.(!!errorMsg);
3041		- },
3042		- error: error,
3043		- focusOnShow: true,
3044		- selectOnShow: autoEditVariableId === row.id,
3045		- showWarningInfotip: true,
3046		- variables: variables
3047		- }),
3048		- autoEdit: autoEditVariableId === row.id && !isDisabled,
3049		- onRowRef: handleRowRef(row.id),
3050		- onAutoEditComplete: autoEditVariableId === row.id ? onAutoEditComplete : undefined,
3051		- fieldType: "label",
3052		- disabled: isDisabled
3053		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
3054		- title: row.name,
3055		- sx: {
3056		- border: '4px solid transparent'
3057		- }
3058		- }, row.name))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_table_cell__WEBPACK_IMPORTED_MODULE_9__.VariableTableCell, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_editable_cell__WEBPACK_IMPORTED_MODULE_7__.VariableEditableCell, {
3059		- initialValue: row.value,
3060		- onChange: value => {
3061		- if (value !== row.value && !isDisabled) {
3062		- handleOnChange({
3063		- ...variables,
3064		- [row.id]: {
3065		- ...variables[row.id],
3066		- value
3067		- }
3068		- });
3069		- }
3070		- },
3071		- editableElement: ({
3072		- value,
3073		- onChange,
3074		- onValidationChange,
3075		- error
3076		- }) => row.valueField?.({
3077		- value,
3078		- onChange,
3079		- onPropTypeKeyChange: type => {
3080		- if (!isDisabled && type !== row.type) {
3081		- handleOnChange({
3082		- ...variables,
3083		- [row.id]: {
3084		- ...variables[row.id],
3085		- type
3086		- }
3087		- });
3088		- }
3089		- },
3090		- propTypeKey: row.type,
3091		- onValidationChange: errorMsg => {
3092		- onValidationChange?.(errorMsg);
3093		- onFieldError?.(!!errorMsg);
3094		- },
3095		- error
3096		- }) ?? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null),
3097		- onRowRef: handleRowRef(row.id),
3098		- gap: 0.25,
3099		- fieldType: "value",
3100		- disabled: isDisabled
3101		- }, row.startIcon && row.startIcon({
3102		- value: row.value
3103		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
3104		- title: row.value,
3105		- sx: {
3106		- border: '4px solid transparent',
3107		- lineHeight: '1',
3108		- pt: 0.25
3109		- }
3110		- }, row.value))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_table_cell__WEBPACK_IMPORTED_MODULE_9__.VariableTableCell, {
3111		- align: "right",
3112		- noPadding: true,
3113		- width: 16,
3114		- maxWidth: 16,
3115		- sx: {
3116		- paddingInlineEnd: 1
3117		- }
3118		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
3119		- role: "toolbar",
3120		- direction: "row",
3121		- justifyContent: "flex-end",
3122		- alignItems: "center"
3123		- }, isDisabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_promotion_chip__WEBPACK_IMPORTED_MODULE_6__.VariablePromotionChip, {
3124		- variableType: row.variableType,
3125		- upgradeUrl: `https://go.elementor.com/renew-license-manager-${row.variableType}-variable`,
3126		- ref: promotionRef,
3127		- trackingData: TRACKING_DATA
3128		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variable_edit_menu__WEBPACK_IMPORTED_MODULE_8__.VariableEditMenu, {
3129		- menuActions: menuActions(row.id),
3130		- disabled: isSorting,
3131		- itemId: row.id
3132		- }))));
3133		-};
3134		-
3135		-/***/ }),
3136		-
3137		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/variable-editable-cell.tsx":
3138		-/*!*************************************************************************************************************!*\
3139		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/variable-editable-cell.tsx ***!
3140		- \*************************************************************************************************************/
3141		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3142		-
3143		-__webpack_require__.r(__webpack_exports__);
3144		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3145		-/* harmony export */ VariableEditableCell: function() { return /* binding */ VariableEditableCell; }
3146		-/* harmony export */ });
3147		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3148		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3149		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3150		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
3151		-/* harmony import */ var _fields_label_field__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../fields/label-field */ "./packages/packages/core/editor-variables/src/components/fields/label-field.tsx");
3152		-
3153		-
3154		-
3155		-
3156		-const VariableEditableCell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.memo(({
3157		- initialValue,
3158		- children,
3159		- editableElement,
3160		- onChange,
3161		- prefixElement,
3162		- autoEdit = false,
3163		- onRowRef,
3164		- onAutoEditComplete,
3165		- gap = 1,
3166		- fieldType,
3167		- disabled = false
3168		-}) => {
3169		- const [value, setValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);
3170		- const [isEditing, setIsEditing] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
3171		- const {
3172		- labelFieldError,
3173		- setLabelFieldError
3174		- } = (0,_fields_label_field__WEBPACK_IMPORTED_MODULE_2__.useLabelError)();
3175		- const [valueFieldError, setValueFieldError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
3176		- const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
3177		- const handleSave = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
3178		- const hasError = fieldType === 'label' && labelFieldError?.message || fieldType === 'value' && valueFieldError;
3179		- if (!hasError) {
3180		- onChange(value);
3181		- }
3182		- setIsEditing(false);
3183		- }, [value, onChange, fieldType, labelFieldError, valueFieldError]);
3184		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3185		- onRowRef?.(rowRef?.current);
3186		- }, [onRowRef]);
3187		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3188		- if (autoEdit && !isEditing && !disabled) {
3189		- setIsEditing(true);
3190		- onAutoEditComplete?.();
3191		- }
3192		- }, [autoEdit, isEditing, onAutoEditComplete, disabled]);
3193		- const handleDoubleClick = () => {
3194		- if (disabled) {
3195		- return;
3196		- }
3197		- setIsEditing(true);
3198		- };
3199		- const handleKeyDown = event => {
3200		- if (disabled) {
3201		- return;
3202		- }
3203		- if (event.key === 'Enter') {
3204		- handleSave();
3205		- } else if (event.key === 'Escape') {
3206		- setIsEditing(false);
3207		- }
3208		- if (event.key === ' ' && !isEditing) {
3209		- event.preventDefault();
3210		- setIsEditing(true);
3211		- }
3212		- };
3213		- const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(newValue => {
3214		- setValue(newValue);
3215		- }, []);
3216		- const handleValidationChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(errorMsg => {
3217		- if (fieldType === 'label') {
3218		- setLabelFieldError({
3219		- value,
3220		- message: errorMsg
3221		- });
3222		- } else {
3223		- setValueFieldError(errorMsg);
3224		- }
3225		- }, [fieldType, value, setLabelFieldError, setValueFieldError]);
3226		- let currentError;
3227		- if (fieldType === 'label') {
3228		- currentError = labelFieldError;
3229		- } else if (fieldType === 'value') {
3230		- currentError = {
3231		- value,
3232		- message: valueFieldError
3233		- };
3234		- }
3235		- const editableContent = editableElement({
3236		- value,
3237		- onChange: handleChange,
3238		- onValidationChange: handleValidationChange,
3239		- error: currentError
3240		- });
3241		- if (isEditing) {
3242		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.ClickAwayListener, {
3243		- onClickAway: handleSave
3244		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
3245		- ref: rowRef,
3246		- direction: "row",
3247		- alignItems: "center",
3248		- gap: gap,
3249		- onDoubleClick: handleDoubleClick,
3250		- onKeyDown: handleKeyDown,
3251		- tabIndex: 0,
3252		- role: "button",
3253		- "aria-label": "Double click or press Space to edit"
3254		- }, prefixElement, editableContent));
3255		- }
3256		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
3257		- ref: rowRef,
3258		- direction: "row",
3259		- alignItems: "center",
3260		- gap: gap,
3261		- onDoubleClick: handleDoubleClick,
3262		- onKeyDown: handleKeyDown,
3263		- tabIndex: disabled ? -1 : 0,
3264		- role: "button",
3265		- "aria-label": disabled ? '' : 'Double click or press Space to edit'
3266		- }, prefixElement, children);
3267		-});
3268		-
3269		-/***/ }),
3270		-
3271		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-create-menu.tsx":
3272		-/*!********************************************************************************************************************!*\
3273		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-create-menu.tsx ***!
3274		- \********************************************************************************************************************/
3275		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3276		-
3277		-__webpack_require__.r(__webpack_exports__);
3278		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3279		-/* harmony export */ SIZE: function() { return /* binding */ SIZE; },
3280		-/* harmony export */ VariableManagerCreateMenu: function() { return /* binding */ VariableManagerCreateMenu; },
3281		-/* harmony export */ getDefaultName: function() { return /* binding */ getDefaultName; }
3282		-/* harmony export */ });
3283		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3284		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3285		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3286		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
3287		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3288		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
3289		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
3290		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_3__);
3291		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3292		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
3293		-/* harmony import */ var _hooks_use_quota_permissions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/use-quota-permissions */ "./packages/packages/core/editor-variables/src/hooks/use-quota-permissions.ts");
3294		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
3295		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
3296		-/* harmony import */ var _ui_variable_promotion_chip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../ui/variable-promotion-chip */ "./packages/packages/core/editor-variables/src/components/ui/variable-promotion-chip.tsx");
3297		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3298		-
3299		-
3300		-
3301		-
3302		-
3303		-
3304		-
3305		-
3306		-
3307		-
3308		-const TRACKING_DATA = {
3309		- target_name: 'variables_manager',
3310		- target_location: 'variables_manager',
3311		- location_l1: 'create variable menu'
3312		-};
3313		-const SIZE = 'tiny';
3314		-const VariableManagerCreateMenu = ({
3315		- variables,
3316		- onCreate,
3317		- menuState,
3318		- outlinedTrigger = false
3319		-}) => {
3320		- const buttonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
3321		- const variableTypes = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_7__.getVariableTypes)();
3322		- const menuOptionConfigs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => Object.entries(variableTypes).filter(([, variable]) => !!variable.defaultValue).map(([key, variable]) => ({
3323		- key,
3324		- propTypeKey: variable.propTypeUtil.key,
3325		- variableType: variable.variableType,
3326		- defaultValue: variable.defaultValue || '',
3327		- icon: variable.icon
3328		- })), [variableTypes]);
3329		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, _extends({}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindTrigger)(menuState), {
3330		- ref: buttonRef,
3331		- size: SIZE,
3332		- variant: outlinedTrigger ? 'outlined' : undefined,
3333		- "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Add variable', 'elementor')
3334		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PlusIcon, {
3335		- fontSize: SIZE
3336		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Menu, _extends({
3337		- disablePortal: true,
3338		- MenuListProps: {
3339		- dense: true
3340		- },
3341		- PaperProps: {
3342		- elevation: 6
3343		- }
3344		- }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindMenu)(menuState), {
3345		- anchorEl: buttonRef.current,
3346		- anchorOrigin: {
3347		- vertical: 'bottom',
3348		- horizontal: 'right'
3349		- },
3350		- transformOrigin: {
3351		- vertical: 'top',
3352		- horizontal: 'right'
3353		- },
3354		- "data-testid": "variable-manager-create-menu"
3355		- }), menuOptionConfigs.map(config => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(MenuOption, {
3356		- key: config.key,
3357		- config: config,
3358		- variables: variables,
3359		- onCreate: onCreate,
3360		- onClose: menuState.close
3361		- }))));
3362		-};
3363		-const MenuOption = ({
3364		- config,
3365		- variables,
3366		- onCreate,
3367		- onClose
3368		-}) => {
3369		- const promotionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
3370		- const userQuotaPermissions = (0,_hooks_use_quota_permissions__WEBPACK_IMPORTED_MODULE_5__.useQuotaPermissions)(config.propTypeKey);
3371		- const displayName = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_3__.capitalize)(config.variableType);
3372		- const isDisabled = !userQuotaPermissions.canAdd();
3373		- const handleClick = () => {
3374		- if (isDisabled) {
3375		- promotionRef.current?.toggle();
3376		- return;
3377		- }
3378		- const defaultName = getDefaultName(variables, config.variableType);
3379		- onCreate(config.key, defaultName, config.defaultValue);
3380		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_6__.trackVariablesManagerEvent)({
3381		- action: 'add',
3382		- varType: config.variableType
3383		- });
3384		- onClose();
3385		- };
3386		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuItem, {
3387		- onClick: handleClick,
3388		- sx: {
3389		- gap: 1.5,
3390		- cursor: 'pointer'
3391		- }
3392		- }, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(config.icon, {
3393		- fontSize: SIZE,
3394		- color: isDisabled ? 'disabled' : 'action'
3395		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
3396		- variant: "caption",
3397		- color: isDisabled ? 'text.disabled' : 'text.primary'
3398		- }, displayName), isDisabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_promotion_chip__WEBPACK_IMPORTED_MODULE_8__.VariablePromotionChip, {
3399		- variableType: config.variableType,
3400		- upgradeUrl: `https://go.elementor.com/go-pro-manager-${config.variableType}-variable/`,
3401		- ref: promotionRef,
3402		- trackingData: TRACKING_DATA
3403		- }));
3404		-};
3405		-const getDefaultName = (variables, baseName) => {
3406		- const pattern = new RegExp(`^${baseName}-(\\d+)$`, 'i');
3407		- const takenNumbers = new Set();
3408		- Object.values(variables).forEach(variable => {
3409		- const match = variable.label.match(pattern);
3410		- if (match) {
3411		- takenNumbers.add(parseInt(match[1], 10));
3412		- }
3413		- });
3414		- let counter = 1;
3415		- while (takenNumbers.has(counter)) {
3416		- counter++;
3417		- }
3418		- return `${baseName}-${counter}`;
3419		-};
3420		-
3421		-/***/ }),
3422		-
3423		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-panel.tsx":
3424		-/*!**************************************************************************************************************!*\
3425		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-panel.tsx ***!
3426		- \**************************************************************************************************************/
3427		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3428		-
3429		-__webpack_require__.r(__webpack_exports__);
3430		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3431		-/* harmony export */ VariablesManagerPanelEmbedded: function() { return /* binding */ VariablesManagerPanelEmbedded; }
3432		-/* harmony export */ });
3433		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3434		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3435		-/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
3436		-/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__);
3437		-/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
3438		-/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__);
3439		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
3440		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__);
3441		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3442		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
3443		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3444		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
3445		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3446		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);
3447		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
3448		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
3449		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
3450		-/* harmony import */ var _ui_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../ui/delete-confirmation-dialog */ "./packages/packages/core/editor-variables/src/components/ui/delete-confirmation-dialog.tsx");
3451		-/* harmony import */ var _ui_empty_state__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../ui/empty-state */ "./packages/packages/core/editor-variables/src/components/ui/empty-state.tsx");
3452		-/* harmony import */ var _ui_no_search_results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../ui/no-search-results */ "./packages/packages/core/editor-variables/src/components/ui/no-search-results.tsx");
3453		-/* harmony import */ var _hooks_use_auto_edit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/use-auto-edit */ "./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-auto-edit.ts");
3454		-/* harmony import */ var _hooks_use_error_navigation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/use-error-navigation */ "./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-error-navigation.ts");
3455		-/* harmony import */ var _hooks_use_variables_manager_state__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./hooks/use-variables-manager-state */ "./packages/packages/core/editor-variables/src/components/variables-manager/hooks/use-variables-manager-state.ts");
3456		-/* harmony import */ var _variables_manager_create_menu__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./variables-manager-create-menu */ "./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-create-menu.tsx");
3457		-/* harmony import */ var _variables_manager_table__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./variables-manager-table */ "./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-table.tsx");
3458		-
3459		-
3460		-
3461		-
3462		-
3463		-
3464		-
3465		-
3466		-
3467		-
3468		-
3469		-
3470		-
3471		-
3472		-
3473		-
3474		-
3475		-
3476		-
3477		-const STOP_SYNC_MESSAGE_KEY = 'stop-sync-variable';
3478		-function VariablesManagerPanelEmbedded({
3479		- onRequestClose,
3480		- onExposeCloseAttempt
3481		-}) {
3482		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariablesManagerPanelContent, {
3483		- onRequestClose: onRequestClose,
3484		- onExposeCloseAttempt: onExposeCloseAttempt
3485		- });
3486		-}
3487		-function VariablesManagerPanelContent({
3488		- onRequestClose,
3489		- onExposeCloseAttempt
3490		-}) {
3491		- const {
3492		- open: openSaveChangesDialog,
3493		- close: closeSaveChangesDialog,
3494		- isOpen: isSaveChangesDialogOpen
3495		- } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.useDialog)();
3496		- const [isStopSyncSuppressed] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
3497		- const createMenuState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.usePopupState)({
3498		- variant: 'popover'
3499		- });
3500		- const {
3501		- variables,
3502		- isDirty,
3503		- searchValue,
3504		- isSaveDisabled,
3505		- handleOnChange,
3506		- createVariable,
3507		- duplicateVariable,
3508		- handleDeleteVariable,
3509		- handleStartSync: startSyncFromState,
3510		- handleStopSync: stopSyncFromState,
3511		- handleSave,
3512		- isSaving,
3513		- handleSearch,
3514		- setIsSaving,
3515		- setIsSaveDisabled
3516		- } = (0,_hooks_use_variables_manager_state__WEBPACK_IMPORTED_MODULE_15__.useVariablesManagerState)();
3517		- const {
3518		- autoEditVariableId,
3519		- startAutoEdit,
3520		- handleAutoEditComplete
3521		- } = (0,_hooks_use_auto_edit__WEBPACK_IMPORTED_MODULE_13__.useAutoEdit)();
3522		- const {
3523		- createNavigationCallback,
3524		- resetNavigation
3525		- } = (0,_hooks_use_error_navigation__WEBPACK_IMPORTED_MODULE_14__.useErrorNavigation)();
3526		- const [deleteConfirmation, setDeleteConfirmation] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
3527		- const [stopSyncConfirmation, setStopSyncConfirmation] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
3528		- const [serverError, setServerError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
3529		- usePreventUnload(isDirty);
3530		- const handleClosePanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
3531		- if (isDirty) {
3532		- openSaveChangesDialog();
3533		- return;
3534		- }
3535		- void onRequestClose();
3536		- }, [isDirty, openSaveChangesDialog, onRequestClose]);
3537		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3538		- if (!onExposeCloseAttempt) {
3539		- return;
3540		- }
3541		- onExposeCloseAttempt(() => handleClosePanel());
3542		- return () => onExposeCloseAttempt(null);
3543		- }, [onExposeCloseAttempt, handleClosePanel]);
3544		- const handleCreateVariable = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((type, defaultName, defaultValue) => {
3545		- const newId = createVariable(type, defaultName, defaultValue);
3546		- if (newId) {
3547		- startAutoEdit(newId);
3548		- }
3549		- }, [createVariable, startAutoEdit]);
3550		- const handleSaveClick = async () => {
3551		- try {
3552		- setServerError(null);
3553		- resetNavigation();
3554		- const result = await handleSave();
3555		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackVariablesManagerEvent)({
3556		- action: 'saveChanges'
3557		- });
3558		- return result;
3559		- } catch (error) {
3560		- const mappedError = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_8__.mapServerError)(error);
3561		- const duplicatedIds = mappedError?.action?.data?.duplicatedIds;
3562		- if (mappedError && 'label' === mappedError.field) {
3563		- if (duplicatedIds && mappedError.action) {
3564		- mappedError.action.callback = createNavigationCallback(duplicatedIds, startAutoEdit, () => {
3565		- setIsSaveDisabled(false);
3566		- });
3567		- }
3568		- setServerError(mappedError);
3569		- setIsSaveDisabled(true);
3570		- resetNavigation();
3571		- }
3572		- return {
3573		- success: false,
3574		- error: mappedError
3575		- };
3576		- } finally {
3577		- setIsSaving(false);
3578		- }
3579		- };
3580		- const handleDeleteVariableWithConfirmation = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
3581		- handleDeleteVariable(itemId);
3582		- setDeleteConfirmation(null);
3583		- }, [handleDeleteVariable]);
3584		- const commitStopSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
3585		- stopSyncFromState(itemId);
3586		- const variable = variables[itemId];
3587		- if (variable) {
3588		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackVariableSyncToV3)({
3589		- variableLabel: variable.label,
3590		- action: 'unsync'
3591		- });
3592		- }
3593		- }, [stopSyncFromState, variables]);
3594		- const handleStartSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
3595		- startSyncFromState(itemId);
3596		- const variable = variables[itemId];
3597		- if (variable) {
3598		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackVariableSyncToV3)({
3599		- variableLabel: variable.label,
3600		- action: 'sync'
3601		- });
3602		- }
3603		- }, [startSyncFromState, variables]);
3604		- const handleStopSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(itemId => {
3605		- if (!isStopSyncSuppressed) {
3606		- setStopSyncConfirmation(itemId);
3607		- } else {
3608		- commitStopSync(itemId);
3609		- }
3610		- }, [isStopSyncSuppressed, commitStopSync]);
3611		- const buildMenuActions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(variableId => {
3612		- const variable = variables[variableId];
3613		- if (!variable) {
3614		- return [];
3615		- }
3616		- const typeActions = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_9__.getMenuActionsForVariable)(variable.type, {
3617		- variable,
3618		- variableId,
3619		- handlers: {
3620		- onStartSync: handleStartSync,
3621		- onStopSync: handleStopSync
3622		- }
3623		- });
3624		- const duplicateAction = {
3625		- name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Duplicate', 'elementor'),
3626		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.CopyIcon,
3627		- color: 'text.primary',
3628		- onClick: itemId => {
3629		- const newId = duplicateVariable(itemId);
3630		- startAutoEdit(newId);
3631		- const variableTypeOptions = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_9__.getVariableType)(variable.type);
3632		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackVariablesManagerEvent)({
3633		- action: 'duplicate',
3634		- varType: variableTypeOptions?.variableType
3635		- });
3636		- }
3637		- };
3638		- const deleteAction = {
3639		- name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Delete', 'elementor'),
3640		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.TrashIcon,
3641		- color: 'error.main',
3642		- onClick: itemId => {
3643		- const v = variables[itemId];
3644		- if (v) {
3645		- setDeleteConfirmation({
3646		- id: itemId,
3647		- label: v.label
3648		- });
3649		- const variableTypeOptions = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_9__.getVariableType)(v.type);
3650		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackVariablesManagerEvent)({
3651		- action: 'delete',
3652		- varType: variableTypeOptions?.variableType
3653		- });
3654		- }
3655		- }
3656		- };
3657		- return [...typeActions, duplicateAction, deleteAction];
3658		- }, [variables, handleStartSync, handleStopSync, duplicateVariable, startAutoEdit]);
3659		- const hasVariables = Object.keys(variables).length > 0;
3660		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
3661		- direction: "column",
3662		- sx: {
3663		- height: '100%',
3664		- width: '100%',
3665		- flex: 1,
3666		- minHeight: 0,
3667		- overflow: 'hidden'
3668		- }
3669		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
3670		- direction: "row",
3671		- alignItems: "center",
3672		- spacing: 1,
3673		- width: "100%",
3674		- sx: {
3675		- flexShrink: 0,
3676		- px: 2,
3677		- pb: 1
3678		- }
3679		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SearchField, {
3680		- placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Search', 'elementor'),
3681		- value: searchValue,
3682		- onSearch: handleSearch,
3683		- sx: {
3684		- flex: 1,
3685		- minWidth: 0,
3686		- px: 0,
3687		- py: 0,
3688		- display: 'flex',
3689		- alignItems: 'center',
3690		- alignSelf: 'stretch'
3691		- }
3692		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
3693		- sx: {
3694		- display: 'flex',
3695		- flexShrink: 0,
3696		- alignItems: 'center'
3697		- }
3698		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variables_manager_create_menu__WEBPACK_IMPORTED_MODULE_16__.VariableManagerCreateMenu, {
3699		- outlinedTrigger: true,
3700		- onCreate: handleCreateVariable,
3701		- variables: variables,
3702		- menuState: createMenuState
3703		- }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, {
3704		- sx: {
3705		- width: '100%'
3706		- }
3707		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
3708		- sx: {
3709		- display: 'flex',
3710		- flexDirection: 'column',
3711		- flex: 1,
3712		- minHeight: 0
3713		- }
3714		- }, hasVariables && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_variables_manager_table__WEBPACK_IMPORTED_MODULE_17__.VariablesManagerTable, {
3715		- menuActions: buildMenuActions,
3716		- variables: variables,
3717		- onChange: handleOnChange,
3718		- autoEditVariableId: autoEditVariableId,
3719		- onAutoEditComplete: handleAutoEditComplete,
3720		- onFieldError: setIsSaveDisabled
3721		- }), !hasVariables && searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_no_search_results__WEBPACK_IMPORTED_MODULE_12__.NoSearchResults, {
3722		- searchValue: searchValue,
3723		- onClear: () => handleSearch(''),
3724		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ColorFilterIcon, {
3725		- fontSize: "large"
3726		- })
3727		- }), !hasVariables && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_empty_state__WEBPACK_IMPORTED_MODULE_11__.EmptyState, {
3728		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Create your first variable', 'elementor'),
3729		- message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Variables are saved attributes that you can apply anywhere on your site.', 'elementor'),
3730		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ColorFilterIcon, {
3731		- fontSize: "large"
3732		- }),
3733		- onAdd: createMenuState.open
3734		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__.PanelFooter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Infotip, {
3735		- placement: "right",
3736		- open: !!serverError,
3737		- content: serverError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Alert, {
3738		- severity: serverError.severity ?? 'error',
3739		- action: serverError.action?.label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.AlertAction, {
3740		- onClick: serverError.action.callback
3741		- }, serverError.action.label) : undefined,
3742		- onClose: !serverError.action?.label ? () => {
3743		- setServerError(null);
3744		- setIsSaveDisabled(false);
3745		- } : undefined,
3746		- icon: serverError.IconComponent ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(serverError.IconComponent, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.AlertTriangleFilledIcon, null)
3747		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.AlertTitle, null, serverError.message), serverError.action?.message) : null,
3748		- arrow: false,
3749		- slotProps: {
3750		- popper: {
3751		- modifiers: [{
3752		- name: 'offset',
3753		- options: {
3754		- offset: [-10, 10]
3755		- }
3756		- }]
3757		- }
3758		- }
3759		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Button, {
3760		- fullWidth: true,
3761		- size: "small",
3762		- color: "global",
3763		- variant: "contained",
3764		- disabled: isSaveDisabled || !isDirty || isSaving,
3765		- onClick: handleSaveClick,
3766		- loading: isSaving
3767		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Save changes', 'elementor'))))), deleteConfirmation && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_10__.DeleteConfirmationDialog, {
3768		- open: true,
3769		- label: deleteConfirmation.label,
3770		- onConfirm: () => handleDeleteVariableWithConfirmation(deleteConfirmation.id),
3771		- closeDialog: () => setDeleteConfirmation(null)
3772		- }), stopSyncConfirmation && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StopSyncConfirmationDialog, {
3773		- open: true,
3774		- onClose: () => setStopSyncConfirmation(null),
3775		- onConfirm: () => {
3776		- commitStopSync(stopSyncConfirmation);
3777		- setStopSyncConfirmation(null);
3778		- }
3779		- }), isSaveChangesDialogOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SaveChangesDialog, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SaveChangesDialog.Title, {
3780		- onClose: closeSaveChangesDialog
3781		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('You have unsaved changes', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SaveChangesDialog.Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SaveChangesDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('You have unsaved changes in the Variables Manager.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SaveChangesDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('To avoid losing your updates, save your changes before leaving.', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.SaveChangesDialog.Actions, {
3782		- actions: {
3783		- discard: {
3784		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Discard', 'elementor'),
3785		- action: () => {
3786		- closeSaveChangesDialog();
3787		- void onRequestClose();
3788		- }
3789		- },
3790		- confirm: {
3791		- label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Save', 'elementor'),
3792		- action: async () => {
3793		- const result = await handleSaveClick();
3794		- closeSaveChangesDialog();
3795		- if (result?.success) {
3796		- void onRequestClose();
3797		- }
3798		- }
3799		- }
3800		- }
3801		- })));
3802		-}
3803		-const usePreventUnload = isDirty => {
3804		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3805		- const handleBeforeUnload = event => {
3806		- if (isDirty) {
3807		- event.preventDefault();
3808		- }
3809		- };
3810		- window.addEventListener('beforeunload', handleBeforeUnload);
3811		- return () => {
3812		- window.removeEventListener('beforeunload', handleBeforeUnload);
3813		- };
3814		- }, [isDirty]);
3815		-};
3816		-const StopSyncConfirmationDialog = ({
3817		- open,
3818		- onClose,
3819		- onConfirm
3820		-}) => {
3821		- const [, suppressStopSyncMessage] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
3822		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.ConfirmationDialog, {
3823		- open: open,
3824		- onClose: onClose
3825		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.ConfirmationDialog.Title, {
3826		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ColorFilterIcon,
3827		- iconColor: "primary"
3828		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Stop syncing variable color', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.ConfirmationDialog.Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.ConfirmationDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('This will disconnect the variable color from Global Colors. Existing uses on your site will automatically switch to a default color.', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.ConfirmationDialog.Actions, {
3829		- onClose: onClose,
3830		- onConfirm: onConfirm,
3831		- cancelLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Cancel', 'elementor'),
3832		- confirmLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Got it', 'elementor'),
3833		- color: "primary",
3834		- onSuppressMessage: suppressStopSyncMessage,
3835		- suppressLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)("Don't show again", 'elementor')
3836		- }));
3837		-};
3838		-
3839		-/***/ }),
3840		-
3841		-/***/ "./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-table.tsx":
3842		-/*!**************************************************************************************************************!*\
3843		- !*** ./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-table.tsx ***!
3844		- \**************************************************************************************************************/
3845		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3846		-
3847		-__webpack_require__.r(__webpack_exports__);
3848		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3849		-/* harmony export */ VariablesManagerTable: function() { return /* binding */ VariablesManagerTable; }
3850		-/* harmony export */ });
3851		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3852		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3853		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3854		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
3855		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3856		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3857		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
3858		-/* harmony import */ var _ui_variable_table_cell__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/variable-table-cell */ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-cell.tsx");
3859		-/* harmony import */ var _ui_variable_table_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ui/variable-table-row */ "./packages/packages/core/editor-variables/src/components/variables-manager/ui/variable-table-row.tsx");
3860		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3861		-
3862		-
3863		-
3864		-
3865		-
3866		-
3867		-
3868		-const VariablesManagerTable = ({
3869		- menuActions,
3870		- variables,
3871		- onChange: handleOnChange,
3872		- autoEditVariableId,
3873		- onAutoEditComplete,
3874		- onFieldError
3875		-}) => {
3876		- const tableContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
3877		- const variableRowRefs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Map());
3878		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3879		- if (autoEditVariableId && tableContainerRef.current) {
3880		- const rowElement = variableRowRefs.current.get(autoEditVariableId);
3881		- if (rowElement) {
3882		- setTimeout(() => {
3883		- rowElement.scrollIntoView({
3884		- behavior: 'smooth',
3885		- block: 'center',
3886		- inline: 'nearest'
3887		- });
3888		- }, 100);
3889		- }
3890		- }
3891		- }, [autoEditVariableId]);
3892		- const handleRowRef = id => ref => {
3893		- if (ref) {
3894		- variableRowRefs.current.set(id, ref);
3895		- } else {
3896		- variableRowRefs.current.delete(id);
3897		- }
3898		- };
3899		- const ids = Object.keys(variables).sort(sortVariablesOrder(variables));
3900		- const rows = ids.map(id => {
3901		- const variable = variables[id];
3902		- const variableType = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_3__.getVariableType)(variable.type);
3903		- if (!variableType) {
3904		- return null;
3905		- }
3906		- return {
3907		- id,
3908		- type: variable.type,
3909		- name: variable.label,
3910		- value: variable.value,
3911		- ...variableType
3912		- };
3913		- }).filter(Boolean);
3914		- const tableSX = {
3915		- minWidth: 250,
3916		- tableLayout: 'fixed'
3917		- };
3918		- const handleReorder = newIds => {
3919		- const updatedVariables = {
3920		- ...variables
3921		- };
3922		- newIds.forEach((id, index) => {
3923		- const current = updatedVariables[id];
3924		- if (!current) {
3925		- return;
3926		- }
3927		- updatedVariables[id] = Object.assign({}, current, {
3928		- order: index + 1
3929		- });
3930		- });
3931		- handleOnChange(updatedVariables);
3932		- };
3933		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TableContainer, {
3934		- ref: tableContainerRef,
3935		- sx: {
3936		- overflow: 'initial'
3937		- }
3938		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Table, {
3939		- sx: tableSX,
3940		- "aria-label": "Variables manager list with drag and drop reordering",
3941		- stickyHeader: true
3942		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TableHead, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TableRow, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_table_cell__WEBPACK_IMPORTED_MODULE_4__.VariableTableCell, {
3943		- isHeader: true,
3944		- noPadding: true,
3945		- width: 10,
3946		- maxWidth: 10
3947		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_table_cell__WEBPACK_IMPORTED_MODULE_4__.VariableTableCell, {
3948		- isHeader: true
3949		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Name', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_table_cell__WEBPACK_IMPORTED_MODULE_4__.VariableTableCell, {
3950		- isHeader: true
3951		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Value', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_table_cell__WEBPACK_IMPORTED_MODULE_4__.VariableTableCell, {
3952		- isHeader: true,
3953		- noPadding: true,
3954		- width: 16,
3955		- maxWidth: 16
3956		- }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TableBody, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.UnstableSortableProvider, {
3957		- value: ids,
3958		- onChange: handleReorder,
3959		- variant: "static",
3960		- restrictAxis: true,
3961		- dragOverlay: ({
3962		- children: dragOverlayChildren,
3963		- ...dragOverlayProps
3964		- }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Table, _extends({
3965		- sx: tableSX
3966		- }, dragOverlayProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TableBody, null, dragOverlayChildren))
3967		- }, rows.map(row => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.UnstableSortableItem, {
3968		- key: row.id,
3969		- id: row.id,
3970		- render: props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_variable_table_row__WEBPACK_IMPORTED_MODULE_5__.VariableRow, _extends({}, props, {
3971		- row: row,
3972		- variables: variables,
3973		- handleOnChange: handleOnChange,
3974		- autoEditVariableId: autoEditVariableId,
3975		- onAutoEditComplete: onAutoEditComplete,
3976		- onFieldError: onFieldError,
3977		- menuActions: menuActions,
3978		- handleRowRef: handleRowRef
3979		- }))
3980		- }))))));
3981		-};
3982		-function sortVariablesOrder(variables) {
3983		- return (a, b) => {
3984		- const orderA = variables[a]?.order ?? Number.MAX_SAFE_INTEGER;
3985		- const orderB = variables[b]?.order ?? Number.MAX_SAFE_INTEGER;
3986		- return orderA - orderB;
3987		- };
3988		-}
3989		-
3990		-/***/ }),
3991		-
3992		-/***/ "./packages/packages/core/editor-variables/src/components/variables-repeater-item-slot.tsx":
3993		-/*!*************************************************************************************************!*\
3994		- !*** ./packages/packages/core/editor-variables/src/components/variables-repeater-item-slot.tsx ***!
3995		- \*************************************************************************************************/
3996		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3997		-
3998		-__webpack_require__.r(__webpack_exports__);
3999		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4000		-/* harmony export */ BackgroundRepeaterColorIndicator: function() { return /* binding */ BackgroundRepeaterColorIndicator; },
4001		-/* harmony export */ BackgroundRepeaterLabel: function() { return /* binding */ BackgroundRepeaterLabel; },
4002		-/* harmony export */ BoxShadowRepeaterColorIndicator: function() { return /* binding */ BoxShadowRepeaterColorIndicator; },
4003		-/* harmony export */ BoxShadowRepeaterLabel: function() { return /* binding */ BoxShadowRepeaterLabel; },
4004		-/* harmony export */ FilterDropShadowIconIndicator: function() { return /* binding */ FilterDropShadowIconIndicator; },
4005		-/* harmony export */ FilterDropShadowRepeaterLabel: function() { return /* binding */ FilterDropShadowRepeaterLabel; },
4006		-/* harmony export */ FilterSingleSizeRepeaterLabel: function() { return /* binding */ FilterSingleSizeRepeaterLabel; },
4007		-/* harmony export */ TransformRepeaterLabel: function() { return /* binding */ TransformRepeaterLabel; },
4008		-/* harmony export */ TransitionsSizeVariableLabel: function() { return /* binding */ TransitionsSizeVariableLabel; }
4009		-/* harmony export */ });
4010		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4011		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4012		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
4013		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
4014		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4015		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
4016		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4017		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
4018		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
4019		-/* harmony import */ var _utils_size_value__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/size-value */ "./packages/packages/core/editor-variables/src/utils/size-value.ts");
4020		-/* harmony import */ var _ui_color_indicator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ui/color-indicator */ "./packages/packages/core/editor-variables/src/components/ui/color-indicator.tsx");
4021		-
4022		-
4023		-
4024		-
4025		-
4026		-
4027		-
4028		-const useColorVariable = value => {
4029		- const variableId = value?.value?.color?.value;
4030		- return (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_4__.getVariable)(variableId || '');
4031		-};
4032		-const BackgroundRepeaterColorIndicator = ({
4033		- value
4034		-}) => {
4035		- const colorVariable = useColorVariable(value);
4036		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_color_indicator__WEBPACK_IMPORTED_MODULE_6__.ColorIndicator, {
4037		- component: "span",
4038		- size: "inherit",
4039		- value: colorVariable?.value
4040		- });
4041		-};
4042		-const BackgroundRepeaterLabel = ({
4043		- value
4044		-}) => {
4045		- const colorVariable = useColorVariable(value);
4046		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4047		- component: "span"
4048		- }, colorVariable?.label);
4049		-};
4050		-const BoxShadowRepeaterColorIndicator = ({
4051		- value
4052		-}) => {
4053		- const colorVariable = useColorVariable(value);
4054		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_color_indicator__WEBPACK_IMPORTED_MODULE_6__.ColorIndicator, {
4055		- component: "span",
4056		- size: "inherit",
4057		- value: colorVariable?.value
4058		- });
4059		-};
4060		-const FilterDropShadowIconIndicator = ({
4061		- value
4062		-}) => {
4063		- const {
4064		- args
4065		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.extract(value) || {};
4066		- const {
4067		- color
4068		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.extract(args) || {};
4069		- const colorVariable = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_4__.getVariable)(color?.value || '');
4070		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_color_indicator__WEBPACK_IMPORTED_MODULE_6__.ColorIndicator, {
4071		- component: "span",
4072		- size: "inherit",
4073		- value: colorVariable?.value
4074		- });
4075		-};
4076		-const FilterSingleSizeRepeaterLabel = ({
4077		- value
4078		-}) => {
4079		- const cssFilterFunction = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.extract(value);
4080		- if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.isValid(cssFilterFunction?.args)) {
4081		- return null;
4082		- }
4083		- const args = cssFilterFunction?.args;
4084		- const func = cssFilterFunction?.func?.value ?? '';
4085		- const rendered = (0,_utils_size_value__WEBPACK_IMPORTED_MODULE_5__.sizeValue)(args?.value?.size);
4086		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4087		- component: "span",
4088		- style: {
4089		- textTransform: 'capitalize'
4090		- }
4091		- }, `${func}: `), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4092		- component: "span"
4093		- }, rendered));
4094		-};
4095		-const FilterDropShadowRepeaterLabel = ({
4096		- value
4097		-}) => {
4098		- const {
4099		- args
4100		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.extract(value) || {};
4101		- const {
4102		- xAxis,
4103		- yAxis,
4104		- blur
4105		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.extract(args) || {};
4106		- const labels = [];
4107		- for (const val of [xAxis, yAxis, blur]) {
4108		- const rendered = (0,_utils_size_value__WEBPACK_IMPORTED_MODULE_5__.sizeValue)(val);
4109		- if (rendered) {
4110		- labels.push(rendered);
4111		- }
4112		- }
4113		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4114		- component: "span"
4115		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Drop shadow:', 'elementor'), " ", labels.join(' '));
4116		-};
4117		-const BoxShadowRepeaterLabel = ({
4118		- value
4119		-}) => {
4120		- const {
4121		- position,
4122		- hOffset,
4123		- vOffset,
4124		- blur,
4125		- spread
4126		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.shadowPropTypeUtil.extract(value) || {};
4127		- const labels = [];
4128		- for (const val of [hOffset, vOffset, blur, spread]) {
4129		- const rendered = (0,_utils_size_value__WEBPACK_IMPORTED_MODULE_5__.sizeValue)(val);
4130		- if (rendered) {
4131		- labels.push(rendered);
4132		- }
4133		- }
4134		- const positionLabel = position?.value || 'outset';
4135		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4136		- component: "span",
4137		- style: {
4138		- textTransform: 'capitalize'
4139		- }
4140		- }, positionLabel, ": ", labels.join(' '));
4141		-};
4142		-const TransformRepeaterLabel = ({
4143		- value
4144		-}) => {
4145		- const labels = [];
4146		- if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.moveTransformPropTypeUtil.isValid(value)) {
4147		- labels.push((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Move:', 'elementor'));
4148		- const {
4149		- x,
4150		- y,
4151		- z
4152		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.moveTransformPropTypeUtil.extract(value) || {};
4153		- for (const val of [x, y, z]) {
4154		- const rendered = (0,_utils_size_value__WEBPACK_IMPORTED_MODULE_5__.sizeValue)(val);
4155		- if (rendered) {
4156		- labels.push(rendered);
4157		- }
4158		- }
4159		- }
4160		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4161		- component: "span"
4162		- }, labels.join(' '));
4163		-};
4164		-const TransitionsSizeVariableLabel = ({
4165		- value: prop
4166		-}) => {
4167		- let label = '';
4168		- const variableId = prop?.value?.size?.value || '';
4169		- const variable = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_4__.getVariable)(variableId);
4170		- if (variable && _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.selectionSizePropTypeUtil.isValid(prop)) {
4171		- const selection = prop.value?.selection?.value?.key?.value;
4172		- if (selection) {
4173		- label += `${selection}: `;
4174		- }
4175		- label += variable?.value;
4176		- }
4177		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
4178		- component: "span"
4179		- }, label);
4180		-};
4181		-
4182		-/***/ }),
4183		-
4184		-/***/ "./packages/packages/core/editor-variables/src/components/variables-selection.tsx":
4185		-/*!****************************************************************************************!*\
4186		- !*** ./packages/packages/core/editor-variables/src/components/variables-selection.tsx ***!
4187		- \****************************************************************************************/
4188		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4189		-
4190		-__webpack_require__.r(__webpack_exports__);
4191		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4192		-/* harmony export */ VariablesSelection: function() { return /* binding */ VariablesSelection; }
4193		-/* harmony export */ });
4194		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4195		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4196		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4197		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4198		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
4199		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
4200		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4201		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
4202		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4203		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
4204		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4205		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
4206		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
4207		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
4208		-/* harmony import */ var _hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-variable-bound-prop */ "./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts");
4209		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
4210		-/* harmony import */ var _ui_empty_state__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ui/empty-state */ "./packages/packages/core/editor-variables/src/components/ui/empty-state.tsx");
4211		-/* harmony import */ var _ui_menu_item_content__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ui/menu-item-content */ "./packages/packages/core/editor-variables/src/components/ui/menu-item-content.tsx");
4212		-/* harmony import */ var _ui_no_search_results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ui/no-search-results */ "./packages/packages/core/editor-variables/src/components/ui/no-search-results.tsx");
4213		-/* harmony import */ var _ui_styled_menu_list__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ui/styled-menu-list */ "./packages/packages/core/editor-variables/src/components/ui/styled-menu-list.tsx");
4214		-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4215		-
4216		-
4217		-
4218		-
4219		-
4220		-
4221		-
4222		-
4223		-
4224		-
4225		-
4226		-
4227		-
4228		-
4229		-
4230		-
4231		-const SIZE = 'tiny';
4232		-const CREATE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Create variable', 'elementor');
4233		-const MANAGER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Variables Manager', 'elementor');
4234		-const getProUpgradeUrl = variableType => `https://go.elementor.com/renew-license-panel-${variableType}-variable`;
4235		-const VariablesSelection = ({
4236		- closePopover,
4237		- onAdd,
4238		- onEdit,
4239		- onSettings,
4240		- disabled = false
4241		-}) => {
4242		- const {
4243		- icon: VariableIcon,
4244		- startIcon,
4245		- variableType,
4246		- propTypeUtil,
4247		- emptyState
4248		- } = (0,_context_variable_type_context__WEBPACK_IMPORTED_MODULE_6__.useVariableType)();
4249		- const {
4250		- value: variable,
4251		- setValue: setVariable,
4252		- path
4253		- } = (0,_hooks_use_variable_bound_prop__WEBPACK_IMPORTED_MODULE_8__.useVariableBoundProp)();
4254		- const [searchValue, setSearchValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
4255		- const {
4256		- list: variables,
4257		- hasMatches: hasSearchResults,
4258		- isSourceNotEmpty: hasVariables,
4259		- hasNoCompatibleVariables
4260		- } = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__.useFilteredVariables)(searchValue, propTypeUtil.key);
4261		- const handleSetVariable = key => {
4262		- setVariable(key);
4263		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_9__.trackVariableEvent)({
4264		- varType: variableType,
4265		- controlPath: path.join('.'),
4266		- action: 'connect'
4267		- });
4268		- closePopover();
4269		- };
4270		- const onAddAndTrack = () => {
4271		- onAdd?.();
4272		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_9__.trackVariableEvent)({
4273		- varType: variableType,
4274		- controlPath: path.join('.'),
4275		- action: 'add'
4276		- });
4277		- };
4278		- const actions = [];
4279		- if (onAdd) {
4280		- actions.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
4281		- key: "add",
4282		- placement: "top",
4283		- title: CREATE_LABEL
4284		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
4285		- id: "add-variable-button",
4286		- size: SIZE,
4287		- onClick: onAddAndTrack,
4288		- "aria-label": CREATE_LABEL,
4289		- disabled: disabled
4290		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PlusIcon, {
4291		- fontSize: SIZE
4292		- })))));
4293		- }
4294		- if (onSettings) {
4295		- const handleOpenManager = () => {
4296		- onSettings();
4297		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_9__.trackVariablesManagerEvent)({
4298		- action: 'openManager',
4299		- source: 'vars-popover',
4300		- varType: variableType,
4301		- controlPath: path.join('.')
4302		- });
4303		- };
4304		- actions.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
4305		- key: "settings",
4306		- placement: "top",
4307		- title: MANAGER_LABEL
4308		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
4309		- id: "variables-manager-button",
4310		- size: SIZE,
4311		- onClick: handleOpenManager,
4312		- "aria-label": MANAGER_LABEL
4313		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SettingsIcon, {
4314		- fontSize: SIZE
4315		- }))));
4316		- }
4317		- const StartIcon = startIcon || (() => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
4318		- fontSize: SIZE
4319		- }));
4320		- const items = variables.map(({
4321		- value,
4322		- label,
4323		- key
4324		- }) => ({
4325		- type: 'item',
4326		- value: key,
4327		- label,
4328		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
4329		- value: value
4330		- }),
4331		- secondaryText: value,
4332		- onEdit: onEdit ? () => onEdit?.(key) : undefined
4333		- }));
4334		- const handleSearch = search => {
4335		- setSearchValue(search);
4336		- };
4337		- const handleClearSearch = () => {
4338		- setSearchValue('');
4339		- };
4340		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
4341		- if (disabled) {
4342		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackViewPromotion)({
4343		- target_name: 'variables_popover',
4344		- target_location: 'widget_panel',
4345		- location_l1: 'variables_list'
4346		- });
4347		- }
4348		- }, [disabled]);
4349		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SectionPopoverBody, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
4350		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Variables', 'elementor'),
4351		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ColorFilterIcon, {
4352		- fontSize: SIZE
4353		- }),
4354		- onClose: closePopover,
4355		- actions: actions
4356		- }), hasVariables && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SearchField, {
4357		- value: searchValue,
4358		- onSearch: handleSearch,
4359		- placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Search', 'elementor')
4360		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, null), hasVariables && hasSearchResults && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverMenuList, {
4361		- items: items,
4362		- onSelect: disabled ? () => {} : handleSetVariable,
4363		- onClose: () => {},
4364		- selectedValue: variable,
4365		- "data-testid": `${variableType}-variables-list`,
4366		- menuListTemplate: props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_styled_menu_list__WEBPACK_IMPORTED_MODULE_13__.VariablesStyledMenuList, _extends({}, props, {
4367		- disabled: disabled
4368		- })),
4369		- menuItemContentTemplate: item => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_menu_item_content__WEBPACK_IMPORTED_MODULE_11__.MenuItemContent, {
4370		- item: item,
4371		- disabled: disabled
4372		- })
4373		- }), disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PromotionAlert, {
4374		- message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.sprintf)(/* translators: %s: Variable Type. */
4375		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Upgrade to continue creating and editing %s variables.', 'elementor'), variableType),
4376		- upgradeUrl: getProUpgradeUrl(variableType),
4377		- onCtaClick: () => (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackUpgradePromotionClick)({
4378		- target_name: 'variables_popover',
4379		- location_l1: 'variables_list'
4380		- })
4381		- })), !hasSearchResults && hasVariables && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_no_search_results__WEBPACK_IMPORTED_MODULE_12__.NoSearchResults, {
4382		- searchValue: searchValue,
4383		- onClear: handleClearSearch,
4384		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
4385		- fontSize: "large"
4386		- })
4387		- }), disabled && !hasVariables && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_empty_state__WEBPACK_IMPORTED_MODULE_10__.EmptyState, {
4388		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.sprintf)(/* translators: %s: Variable Type. */
4389		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('No %s variables yet', 'elementor'), variableType),
4390		- message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.sprintf)(/* translators: %s: Variable Type. */
4391		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Upgrade to create %s variables and maintain consistent element sizing.', 'elementor'), variableType),
4392		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
4393		- fontSize: "large"
4394		- })
4395		- }, emptyState), !hasVariables && !hasNoCompatibleVariables && !disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_empty_state__WEBPACK_IMPORTED_MODULE_10__.EmptyState, {
4396		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.sprintf)(/* translators: %s: Variable Type. */
4397		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Create your first %s variable', 'elementor'), variableType),
4398		- message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Variables are saved attributes that you can apply anywhere on your site.', 'elementor'),
4399		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
4400		- fontSize: "large"
4401		- }),
4402		- onAdd: onAdd
4403		- }), hasNoCompatibleVariables && !disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_empty_state__WEBPACK_IMPORTED_MODULE_10__.EmptyState, {
4404		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('No compatible variables', 'elementor'),
4405		- message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Looks like none of your variables work with this control. Create a new variable to use it here.', 'elementor'),
4406		- icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableIcon, {
4407		- fontSize: "large"
4408		- }),
4409		- onAdd: onAdd
4410		- }));
4411		-};
4412		-
4413		-/***/ }),
4414		-
4415		-/***/ "./packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx":
4416		-/*!****************************************************************************************************!*\
4417		- !*** ./packages/packages/core/editor-variables/src/context/variable-selection-popover.context.tsx ***!
4418		- \****************************************************************************************************/
4419		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4420		-
4421		-__webpack_require__.r(__webpack_exports__);
4422		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4423		-/* harmony export */ PopoverContentRefContextProvider: function() { return /* binding */ PopoverContentRefContextProvider; },
4424		-/* harmony export */ usePopoverContentRef: function() { return /* binding */ usePopoverContentRef; }
4425		-/* harmony export */ });
4426		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4427		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4428		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4429		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
4430		-
4431		-
4432		-
4433		-const PopoverContentRefContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
4434		-const PopoverContentRefContextProvider = ({
4435		- children
4436		-}) => {
4437		- const [anchorRef, setAnchorRef] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
4438		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(PopoverContentRefContext.Provider, {
4439		- value: anchorRef
4440		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
4441		- ref: setAnchorRef
4442		- }, children));
4443		-};
4444		-const usePopoverContentRef = () => {
4445		- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PopoverContentRefContext);
4446		-};
4447		-
4448		-/***/ }),
4449		-
4450		-/***/ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx":
4451		-/*!***************************************************************************************!*\
4452		- !*** ./packages/packages/core/editor-variables/src/context/variable-type-context.tsx ***!
4453		- \***************************************************************************************/
4454		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4455		-
4456		-__webpack_require__.r(__webpack_exports__);
4457		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4458		-/* harmony export */ VariableTypeProvider: function() { return /* binding */ VariableTypeProvider; },
4459		-/* harmony export */ useVariableType: function() { return /* binding */ useVariableType; }
4460		-/* harmony export */ });
4461		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4462		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4463		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
4464		-
4465		-
4466		-
4467		-const VariableTypeContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
4468		-function VariableTypeProvider({
4469		- children,
4470		- propTypeKey
4471		-}) {
4472		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(VariableTypeContext.Provider, {
4473		- value: propTypeKey
4474		- }, children);
4475		-}
4476		-function useVariableType() {
4477		- const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(VariableTypeContext);
4478		- if (context === null) {
4479		- throw new Error('useVariableType must be used within a VariableTypeProvider');
4480		- }
4481		- return (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_1__.getVariableType)(context);
4482		-}
4483		-
4484		-/***/ }),
4485		-
4486		-/***/ "./packages/packages/core/editor-variables/src/controls/variable-control.tsx":
4487		-/*!***********************************************************************************!*\
4488		- !*** ./packages/packages/core/editor-variables/src/controls/variable-control.tsx ***!
4489		- \***********************************************************************************/
4490		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4491		-
4492		-__webpack_require__.r(__webpack_exports__);
4493		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4494		-/* harmony export */ VariableControl: function() { return /* binding */ VariableControl; }
4495		-/* harmony export */ });
4496		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4497		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4498		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4499		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4500		-/* harmony import */ var _components_ui_variable_assigned_variable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/ui/variable/assigned-variable */ "./packages/packages/core/editor-variables/src/components/ui/variable/assigned-variable.tsx");
4501		-/* harmony import */ var _components_ui_variable_deleted_variable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/ui/variable/deleted-variable */ "./packages/packages/core/editor-variables/src/components/ui/variable/deleted-variable.tsx");
4502		-/* harmony import */ var _components_ui_variable_mismatch_variable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/ui/variable/mismatch-variable */ "./packages/packages/core/editor-variables/src/components/ui/variable/mismatch-variable.tsx");
4503		-/* harmony import */ var _components_ui_variable_missing_variable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/ui/variable/missing-variable */ "./packages/packages/core/editor-variables/src/components/ui/variable/missing-variable.tsx");
4504		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
4505		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
4506		-
4507		-
4508		-
4509		-
4510		-
4511		-
4512		-
4513		-
4514		-const VariableControl = () => {
4515		- const boundProp = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
4516		- const boundPropValue = boundProp.value ?? boundProp.placeholder;
4517		- const assignedVariable = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_6__.useVariable)(boundPropValue?.value);
4518		- if (!assignedVariable) {
4519		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_variable_missing_variable__WEBPACK_IMPORTED_MODULE_5__.MissingVariable, null);
4520		- }
4521		- const {
4522		- $$type: propTypeKey
4523		- } = boundPropValue;
4524		- if (assignedVariable?.deleted) {
4525		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_variable_deleted_variable__WEBPACK_IMPORTED_MODULE_3__.DeletedVariable, {
4526		- variable: assignedVariable,
4527		- propTypeKey: propTypeKey
4528		- });
4529		- }
4530		- const {
4531		- isCompatible
4532		- } = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_7__.getVariableType)(assignedVariable.type);
4533		- if (isCompatible && !isCompatible(boundProp?.propType, assignedVariable)) {
4534		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_variable_mismatch_variable__WEBPACK_IMPORTED_MODULE_4__.MismatchVariable, {
4535		- variable: assignedVariable
4536		- });
4537		- }
4538		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_variable_assigned_variable__WEBPACK_IMPORTED_MODULE_2__.AssignedVariable, {
4539		- variable: assignedVariable,
4540		- propTypeKey: propTypeKey
4541		- });
4542		-};
4543		-
4544		-/***/ }),
4545		-
4546		-/***/ "./packages/packages/core/editor-variables/src/create-style-variables-repository.ts":
4547		-/*!******************************************************************************************!*\
4548		- !*** ./packages/packages/core/editor-variables/src/create-style-variables-repository.ts ***!
4549		- \******************************************************************************************/
4550		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4551		-
4552		-__webpack_require__.r(__webpack_exports__);
4553		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4554		-/* harmony export */ createStyleVariablesRepository: function() { return /* binding */ createStyleVariablesRepository; }
4555		-/* harmony export */ });
4556		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
4557		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
4558		-/* harmony import */ var _prop_types_font_variable_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./prop-types/font-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/font-variable-prop-type.ts");
4559		-
4560		-
4561		-const createStyleVariablesRepository = () => {
4562		- const variables = {};
4563		- let subscription;
4564		- const subscribe = cb => {
4565		- subscription = cb;
4566		- return () => {
4567		- subscription = () => {};
4568		- };
4569		- };
4570		- const notify = () => {
4571		- if (typeof subscription === 'function') {
4572		- subscription({
4573		- ...variables
4574		- });
4575		- }
4576		- };
4577		- const shouldUpdate = (key, maybeUpdated) => {
4578		- if (!(key in variables)) {
4579		- return true;
4580		- }
4581		- if (variables[key].label !== maybeUpdated.label) {
4582		- return true;
4583		- }
4584		- if (variables[key].value !== maybeUpdated.value) {
4585		- return true;
4586		- }
4587		- if (!variables[key]?.deleted && maybeUpdated?.deleted) {
4588		- return true;
4589		- }
4590		- if (variables[key]?.deleted && !maybeUpdated?.deleted) {
4591		- return true;
4592		- }
4593		- return false;
4594		- };
4595		- const applyUpdates = updatedVars => {
4596		- let hasChanges = false;
4597		- for (const [key, variable] of Object.entries(updatedVars)) {
4598		- if (shouldUpdate(key, variable)) {
4599		- variables[key] = variable;
4600		- if (variable.type === _prop_types_font_variable_prop_type__WEBPACK_IMPORTED_MODULE_1__.fontVariablePropTypeUtil.key) {
4601		- fontEnqueue(variable.value);
4602		- }
4603		- hasChanges = true;
4604		- }
4605		- }
4606		- return hasChanges;
4607		- };
4608		- const fontEnqueue = value => {
4609		- if (!value) {
4610		- return;
4611		- }
4612		- try {
4613		- (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.enqueueFont)(value);
4614		- } catch {
4615		- // This prevents font enqueueing failures from breaking variable updates
4616		- }
4617		- };
4618		- const update = updatedVars => {
4619		- if (applyUpdates(updatedVars)) {
4620		- notify();
4621		- }
4622		- };
4623		- return {
4624		- subscribe,
4625		- update
4626		- };
4627		-};
4628		-
4629		-/***/ }),
4630		-
4631		-/***/ "./packages/packages/core/editor-variables/src/hooks/use-initial-value.ts":
4632		-/*!********************************************************************************!*\
4633		- !*** ./packages/packages/core/editor-variables/src/hooks/use-initial-value.ts ***!
4634		- \********************************************************************************/
4635		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4636		-
4637		-__webpack_require__.r(__webpack_exports__);
4638		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4639		-/* harmony export */ useInitialValue: function() { return /* binding */ useInitialValue; }
4640		-/* harmony export */ });
4641		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4642		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
4643		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
4644		-/* harmony import */ var _use_prop_variables__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
4645		-
4646		-
4647		-
4648		-const useInitialValue = () => {
4649		- const {
4650		- value: initial
4651		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.useBoundProp)();
4652		- const hasAssignedVariable = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_1__.hasVariableType)(initial?.$$type) && Boolean(initial?.value);
4653		- const variable = (0,_use_prop_variables__WEBPACK_IMPORTED_MODULE_2__.useVariable)(hasAssignedVariable ? initial.value : '');
4654		- if (hasAssignedVariable) {
4655		- return variable ? variable.value : '';
4656		- }
4657		- return initial?.value ?? '';
4658		-};
4659		-
4660		-/***/ }),
4661		-
4662		-/***/ "./packages/packages/core/editor-variables/src/hooks/use-permissions.ts":
4663		-/*!******************************************************************************!*\
4664		- !*** ./packages/packages/core/editor-variables/src/hooks/use-permissions.ts ***!
4665		- \******************************************************************************/
4666		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4667		-
4668		-__webpack_require__.r(__webpack_exports__);
4669		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4670		-/* harmony export */ usePermissions: function() { return /* binding */ usePermissions; }
4671		-/* harmony export */ });
4672		-/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
4673		-/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__);
4674		-
4675		-const usePermissions = () => {
4676		- const {
4677		- canUser,
4678		- isAdmin
4679		- } = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__.useCurrentUserCapabilities)();
4680		- return {
4681		- canAssign: () => canUser('edit_posts'),
4682		- canUnlink: () => canUser('edit_posts'),
4683		- canAdd: () => isAdmin,
4684		- canDelete: () => isAdmin,
4685		- canEdit: () => isAdmin,
4686		- canRestore: () => isAdmin,
4687		- canManageSettings: () => isAdmin
4688		- };
4689		-};
4690		-
4691		-/***/ }),
4692		-
4693		-/***/ "./packages/packages/core/editor-variables/src/hooks/use-prop-variable-action.tsx":
4694		-/*!****************************************************************************************!*\
4695		- !*** ./packages/packages/core/editor-variables/src/hooks/use-prop-variable-action.tsx ***!
4696		- \****************************************************************************************/
4697		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4698		-
4699		-__webpack_require__.r(__webpack_exports__);
4700		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4701		-/* harmony export */ usePropVariableAction: function() { return /* binding */ usePropVariableAction; }
4702		-/* harmony export */ });
4703		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4704		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4705		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4706		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4707		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4708		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
4709		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4710		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
4711		-/* harmony import */ var _components_variable_selection_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/variable-selection-popover */ "./packages/packages/core/editor-variables/src/components/variable-selection-popover.tsx");
4712		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
4713		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
4714		-
4715		-
4716		-
4717		-
4718		-
4719		-
4720		-
4721		-const usePropVariableAction = () => {
4722		- const {
4723		- propType,
4724		- path
4725		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
4726		- const variable = resolveVariableFromPropType(propType);
4727		- return {
4728		- visible: Boolean(variable),
4729		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ColorFilterIcon,
4730		- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Variables', 'elementor'),
4731		- content: ({
4732		- close: closePopover
4733		- }) => {
4734		- if (!variable) {
4735		- return null;
4736		- }
4737		- trackOpenVariablePopover(path, variable.variableType);
4738		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_variable_selection_popover__WEBPACK_IMPORTED_MODULE_4__.VariableSelectionPopover, {
4739		- closePopover: closePopover,
4740		- propTypeKey: variable.propTypeUtil.key
4741		- });
4742		- }
4743		- };
4744		-};
4745		-const resolveVariableFromPropType = propType => {
4746		- if (propType.kind !== 'union') {
4747		- return undefined;
4748		- }
4749		- for (const key of Object.keys(propType.prop_types)) {
4750		- const variable = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__.getVariableType)(key);
4751		- if (variable) {
4752		- return variable;
4753		- }
4754		- }
4755		- return undefined;
4756		-};
4757		-const trackOpenVariablePopover = (path, variableType) => {
4758		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_5__.trackVariableEvent)({
4759		- varType: variableType,
4760		- controlPath: path.join('.'),
4761		- action: 'open'
4762		- });
4763		-};
4764		-
4765		-/***/ }),
4766		-
4767		-/***/ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts":
4768		-/*!*********************************************************************************!*\
4769		- !*** ./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts ***!
4770		- \*********************************************************************************/
4771		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4772		-
4773		-__webpack_require__.r(__webpack_exports__);
4774		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4775		-/* harmony export */ createVariable: function() { return /* binding */ createVariable; },
4776		-/* harmony export */ deleteVariable: function() { return /* binding */ deleteVariable; },
4777		-/* harmony export */ getVariable: function() { return /* binding */ getVariable; },
4778		-/* harmony export */ getVariables: function() { return /* binding */ getVariables; },
4779		-/* harmony export */ hasVariable: function() { return /* binding */ hasVariable; },
4780		-/* harmony export */ restoreVariable: function() { return /* binding */ restoreVariable; },
4781		-/* harmony export */ updateVariable: function() { return /* binding */ updateVariable; },
4782		-/* harmony export */ useFilteredVariables: function() { return /* binding */ useFilteredVariables; },
4783		-/* harmony export */ useVariable: function() { return /* binding */ useVariable; }
4784		-/* harmony export */ });
4785		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4786		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4787		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4788		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4789		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
4790		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
4791		-/* harmony import */ var _utils_filter_by_search__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/filter-by-search */ "./packages/packages/core/editor-variables/src/utils/filter-by-search.ts");
4792		-/* harmony import */ var _utils_variables_to_list__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/variables-to-list */ "./packages/packages/core/editor-variables/src/utils/variables-to-list.ts");
4793		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
4794		-
4795		-
4796		-
4797		-
4798		-
4799		-
4800		-
4801		-const getVariables = (includeDeleted = true) => {
4802		- const variables = _service__WEBPACK_IMPORTED_MODULE_3__.service.variables();
4803		- if (includeDeleted) {
4804		- return variables;
4805		- }
4806		- return Object.fromEntries(Object.entries(variables).filter(([, variable]) => !variable.deleted));
4807		-};
4808		-const hasVariable = key => {
4809		- return getVariables()[key] !== undefined;
4810		-};
4811		-
4812		-/**
4813		- * @param key
4814		- * @deprecated Use getVariable instead
4815		- */
4816		-const useVariable = key => {
4817		- return getVariable(key);
4818		-};
4819		-function getVariable(key) {
4820		- const variables = getVariables();
4821		- if (!variables?.[key]) {
4822		- return null;
4823		- }
4824		- return {
4825		- ...variables[key],
4826		- key
4827		- };
4828		-}
4829		-const useFilteredVariables = (searchValue, propTypeKey) => {
4830		- const baseVariables = usePropVariables(propTypeKey);
4831		- const typeFilteredVariables = useVariableSelectionFilter(baseVariables);
4832		- const searchFilteredVariables = (0,_utils_filter_by_search__WEBPACK_IMPORTED_MODULE_4__.filterBySearch)(typeFilteredVariables, searchValue);
4833		- const sortedVariables = searchFilteredVariables.sort((a, b) => {
4834		- const orderA = a.order ?? Number.MAX_SAFE_INTEGER;
4835		- const orderB = b.order ?? Number.MAX_SAFE_INTEGER;
4836		- return orderA - orderB;
4837		- });
4838		- return {
4839		- list: sortedVariables,
4840		- hasMatches: searchFilteredVariables.length > 0,
4841		- isSourceNotEmpty: typeFilteredVariables.length > 0,
4842		- hasNoCompatibleVariables: baseVariables.length > 0 && typeFilteredVariables.length === 0
4843		- };
4844		-};
4845		-const useVariableSelectionFilter = variables => {
4846		- const {
4847		- selectionFilter
4848		- } = (0,_context_variable_type_context__WEBPACK_IMPORTED_MODULE_2__.useVariableType)();
4849		- const {
4850		- propType
4851		- } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
4852		- return selectionFilter ? selectionFilter(variables, propType) : variables;
4853		-};
4854		-const usePropVariables = propKey => {
4855		- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => normalizeVariables(propKey), [propKey]);
4856		-};
4857		-const getMatchingTypes = propKey => {
4858		- const matchingTypes = [];
4859		- const allTypes = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__.getVariableTypes)();
4860		- const variableType = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__.getVariableType)(propKey);
4861		- Object.entries(allTypes).forEach(([key, typeOptions]) => {
4862		- if (variableType.variableType === typeOptions.variableType) {
4863		- matchingTypes.push(key);
4864		- }
4865		- });
4866		- return matchingTypes;
4867		-};
4868		-const normalizeVariables = propKey => {
4869		- const variables = getVariables(false);
4870		- const matchingTypes = getMatchingTypes(propKey);
4871		- return (0,_utils_variables_to_list__WEBPACK_IMPORTED_MODULE_5__.variablesToList)(variables).filter(variable => matchingTypes.includes(variable.type)).map(_utils_variables_to_list__WEBPACK_IMPORTED_MODULE_5__.toNormalizedVariable);
4872		-};
4873		-const extractId = ({
4874		- id
4875		-}) => id;
4876		-const createVariable = (newVariable, options) => {
4877		- return _service__WEBPACK_IMPORTED_MODULE_3__.service.create(newVariable, options).then(extractId);
4878		-};
4879		-const updateVariable = (updateId, {
4880		- value,
4881		- label,
4882		- type
4883		-}, options) => {
4884		- return _service__WEBPACK_IMPORTED_MODULE_3__.service.update(updateId, {
4885		- value,
4886		- label,
4887		- type
4888		- }, options).then(extractId);
4889		-};
4890		-const deleteVariable = deleteId => {
4891		- return _service__WEBPACK_IMPORTED_MODULE_3__.service.delete(deleteId).then(extractId);
4892		-};
4893		-const restoreVariable = (restoreId, label, value, type) => {
4894		- return _service__WEBPACK_IMPORTED_MODULE_3__.service.restore(restoreId, label, value, type).then(extractId);
4895		-};
4896		-
4897		-/***/ }),
4898		-
4899		-/***/ "./packages/packages/core/editor-variables/src/hooks/use-quota-permissions.ts":
4900		-/*!************************************************************************************!*\
4901		- !*** ./packages/packages/core/editor-variables/src/hooks/use-quota-permissions.ts ***!
4902		- \************************************************************************************/
4903		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4904		-
4905		-__webpack_require__.r(__webpack_exports__);
4906		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4907		-/* harmony export */ useQuotaPermissions: function() { return /* binding */ useQuotaPermissions; }
4908		-/* harmony export */ });
4909		-const useQuotaPermissions = variableType => {
4910		- const quotaConfig = {
4911		- ...(window.ElementorVariablesQuotaConfig ?? {}),
4912		- ...(window.ElementorVariablesQuotaConfigExtended ?? {})
4913		- };
4914		-
4915		- // BC: Remove when 4.01 is released
4916		- const hasLegacySupport = quotaConfig[variableType] === undefined && window.elementorPro;
4917		- const limit = quotaConfig[variableType] || 0;
4918		- const hasPermission = hasLegacySupport || limit > 0;
4919		- return {
4920		- canAdd: () => hasPermission,
4921		- canEdit: () => hasPermission
4922		- };
4923		-};
4924		-
4925		-/***/ }),
4926		-
4927		-/***/ "./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts":
4928		-/*!**************************************************************************************!*\
4929		- !*** ./packages/packages/core/editor-variables/src/hooks/use-variable-bound-prop.ts ***!
4930		- \**************************************************************************************/
4931		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4932		-
4933		-__webpack_require__.r(__webpack_exports__);
4934		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4935		-/* harmony export */ resolveBoundPropAndSetValue: function() { return /* binding */ resolveBoundPropAndSetValue; },
4936		-/* harmony export */ useVariableBoundProp: function() { return /* binding */ useVariableBoundProp; }
4937		-/* harmony export */ });
4938		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4939		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
4940		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
4941		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
4942		-/* harmony import */ var _context_variable_type_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/variable-type-context */ "./packages/packages/core/editor-variables/src/context/variable-type-context.tsx");
4943		-
4944		-
4945		-
4946		-const useVariableBoundProp = () => {
4947		- const {
4948		- propTypeUtil
4949		- } = (0,_context_variable_type_context__WEBPACK_IMPORTED_MODULE_2__.useVariableType)();
4950		- const boundProp = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.useBoundProp)(propTypeUtil);
4951		- return {
4952		- ...boundProp,
4953		- setVariableValue: value => resolveBoundPropAndSetValue(value, boundProp),
4954		- variableId: boundProp.value ?? boundProp.placeholder
4955		- };
4956		-};
4957		-const resolveBoundPropAndSetValue = (value, boundProp) => {
4958		- const propValue = unwrapValue(boundProp.value);
4959		- const placeholder = unwrapValue(boundProp.placeholder);
4960		- const newValue = unwrapValue(value);
4961		- if (!propValue && placeholder === newValue) {
4962		- return boundProp.setValue(null);
4963		- }
4964		- return boundProp.setValue(value);
4965		-};
4966		-const unwrapValue = input => {
4967		- if ((0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.isTransformable)(input)) {
4968		- return input.value;
4969		- }
4970		- return input;
4971		-};
4972		-
4973		-/***/ }),
4974		-
4975		-/***/ "./packages/packages/core/editor-variables/src/init.ts":
4976		-/*!*************************************************************!*\
4977		- !*** ./packages/packages/core/editor-variables/src/init.ts ***!
4978		- \*************************************************************/
4979		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4980		-
4981		-__webpack_require__.r(__webpack_exports__);
4982		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4983		-/* harmony export */ init: function() { return /* binding */ init; }
4984		-/* harmony export */ });
4985		-/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor");
4986		-/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__);
4987		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4988		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4989		-/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
4990		-/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__);
4991		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
4992		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__);
4993		-/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/menus */ "@elementor/menus");
4994		-/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_menus__WEBPACK_IMPORTED_MODULE_4__);
4995		-/* harmony import */ var _components_global_styles_import_listener__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/global-styles-import-listener */ "./packages/packages/core/editor-variables/src/components/global-styles-import-listener.tsx");
4996		-/* harmony import */ var _components_mcp_variable_connect_listener__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/mcp-variable-connect-listener */ "./packages/packages/core/editor-variables/src/components/mcp-variable-connect-listener.tsx");
4997		-/* harmony import */ var _controls_variable_control__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./controls/variable-control */ "./packages/packages/core/editor-variables/src/controls/variable-control.tsx");
4998		-/* harmony import */ var _hooks_use_prop_variable_action__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/use-prop-variable-action */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variable-action.tsx");
4999		-/* harmony import */ var _mcp__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mcp */ "./packages/packages/core/editor-variables/src/mcp/index.ts");
5000		-/* harmony import */ var _register_variable_types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./register-variable-types */ "./packages/packages/core/editor-variables/src/register-variable-types.tsx");
5001		-/* harmony import */ var _renderers_style_variables_renderer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./renderers/style-variables-renderer */ "./packages/packages/core/editor-variables/src/renderers/style-variables-renderer.tsx");
5002		-/* harmony import */ var _repeater_injections__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./repeater-injections */ "./packages/packages/core/editor-variables/src/repeater-injections.ts");
5003		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./service */ "./packages/packages/core/editor-variables/src/service.ts");
5004		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
5005		-
5006		-
5007		-
5008		-
5009		-
5010		-
5011		-
5012		-
5013		-
5014		-
5015		-
5016		-
5017		-
5018		-
5019		-
5020		-const {
5021		- registerPopoverAction
5022		-} = _elementor_menus__WEBPACK_IMPORTED_MODULE_4__.controlActionsMenu;
5023		-function init() {
5024		- (0,_register_variable_types__WEBPACK_IMPORTED_MODULE_10__.registerVariableTypes)();
5025		- (0,_repeater_injections__WEBPACK_IMPORTED_MODULE_12__.registerRepeaterInjections)();
5026		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.registerControlReplacement)({
5027		- component: _controls_variable_control__WEBPACK_IMPORTED_MODULE_7__.VariableControl,
5028		- condition: ({
5029		- value,
5030		- placeholder
5031		- }) => {
5032		- if (hasVariableAssigned(value)) {
5033		- return true;
5034		- }
5035		- if (value) {
5036		- return false;
5037		- }
5038		- return hasVariableAssigned(placeholder);
5039		- }
5040		- });
5041		- registerPopoverAction({
5042		- id: 'variables',
5043		- priority: 40,
5044		- useProps: _hooks_use_prop_variable_action__WEBPACK_IMPORTED_MODULE_8__.usePropVariableAction
5045		- });
5046		- _service__WEBPACK_IMPORTED_MODULE_13__.service.init();
5047		- const variablesMcpRegistry = (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.getMCPByDomain)('variables', {
5048		- instructions: `Everything related to V4 ( Atomic ) variables.
	3811	+//#endregion
	3812	+//#region packages/packages/core/editor-variables/src/init.ts
	3813	+ var { registerPopoverAction } = _elementor_menus.controlActionsMenu;
	3814	+ function init() {
	3815	+ registerVariableTypes();
	3816	+ registerRepeaterInjections();
	3817	+ (0, _elementor_editor_controls.registerControlReplacement)({
	3818	+ component: VariableControl,
	3819	+ condition: ({ value, placeholder }) => {
	3820	+ if (hasVariableAssigned(value)) return true;
	3821	+ if (value) return false;
	3822	+ return hasVariableAssigned(placeholder);
	3823	+ }
	3824	+ });
	3825	+ registerPopoverAction({
	3826	+ id: "variables",
	3827	+ priority: 40,
	3828	+ useProps: usePropVariableAction
	3829	+ });
	3830	+ service.init();
	3831	+ initMcp((0, _elementor_editor_mcp.getMCPByDomain)("variables", { instructions: `Everything related to V4 ( Atomic ) variables.
5049	3832	# Global variables
5050	3833	- Create/update/delete global variables
5051	3834	- Get list of global variables
5052	3835	- Get details of a global variable
5053		-`
5054		- });
5055		- (0,_mcp__WEBPACK_IMPORTED_MODULE_9__.initMcp)(variablesMcpRegistry, (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.getMCPByDomain)('canvas'));
5056		- (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoTop)({
5057		- id: 'canvas-style-variables-render',
5058		- component: _renderers_style_variables_renderer__WEBPACK_IMPORTED_MODULE_11__.StyleVariablesRenderer
5059		- });
5060		- (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
5061		- id: 'variables-import-listener',
5062		- component: _components_global_styles_import_listener__WEBPACK_IMPORTED_MODULE_5__.GlobalStylesImportListener
5063		- });
5064		- (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
5065		- id: 'mcp-variable-connect-listener',
5066		- component: _components_mcp_variable_connect_listener__WEBPACK_IMPORTED_MODULE_6__.McpVariableConnectListener
5067		- });
5068		-}
5069		-function hasVariableAssigned(value) {
5070		- if ((0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.isTransformable)(value)) {
5071		- return (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_14__.hasVariableType)(value.$$type);
5072		- }
5073		- return false;
5074		-}
	3836	+` }), (0, _elementor_editor_mcp.getMCPByDomain)("canvas"));
	3837	+ (0, _elementor_editor.injectIntoTop)({
	3838	+ id: "canvas-style-variables-render",
	3839	+ component: StyleVariablesRenderer
	3840	+ });
	3841	+ (0, _elementor_editor.injectIntoLogic)({
	3842	+ id: "variables-import-listener",
	3843	+ component: GlobalStylesImportListener
	3844	+ });
	3845	+ (0, _elementor_editor.injectIntoLogic)({
	3846	+ id: "mcp-variable-connect-listener",
	3847	+ component: McpVariableConnectListener
	3848	+ });
	3849	+ }
	3850	+ function hasVariableAssigned(value) {
	3851	+ if ((0, _elementor_editor_props.isTransformable)(value)) return hasVariableType(value.$$type);
	3852	+ return false;
	3853	+ }
5075	3854
5076		-/***/ }),
	3855	+//#endregion
	3856	+//#region packages/packages/core/editor-variables/src/utils/llm-propvalue-label-resolver.ts
	3857	+ var defaultResolver = (key) => (value) => {
	3858	+ const idOrLabel = String(value);
	3859	+ return {
	3860	+ $$type: key,
	3861	+ value: service.variables()[idOrLabel] ? idOrLabel : service.findIdByLabel(idOrLabel)
	3862	+ };
	3863	+ };
	3864	+ var globalVariablesLLMResolvers = {
	3865	+ "global-color-variable": defaultResolver("global-color-variable"),
	3866	+ "global-font-variable": defaultResolver("global-font-variable"),
	3867	+ "global-size-variable": defaultResolver("global-size-variable")
	3868	+ };
5077	3869
5078		-/***/ "./packages/packages/core/editor-variables/src/mcp/index.ts":
5079		-/*!******************************************************************!*\
5080		- !*** ./packages/packages/core/editor-variables/src/mcp/index.ts ***!
5081		- \******************************************************************/
5082		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	3870	+//#endregion
	3871	+//#region packages/packages/core/editor-variables/src/index.ts
	3872	+ var src_exports = /* @__PURE__ */ __exportAll({
	3873	+ GLOBAL_VARIABLES_URI: () => GLOBAL_VARIABLES_URI,
	3874	+ Utils: () => Utils,
	3875	+ VariablesManagerPanelEmbedded: () => VariablesManagerPanelEmbedded,
	3876	+ getMenuActionsForVariable: () => getMenuActionsForVariable,
	3877	+ hasVariable: () => hasVariable,
	3878	+ init: () => init,
	3879	+ registerVariableType: () => registerVariableType,
	3880	+ registerVariableTypes: () => registerVariableTypes,
	3881	+ service: () => service,
	3882	+ sizeVariablePropTypeUtil: () => sizeVariablePropTypeUtil,
	3883	+ trackVariablesManagerEvent: () => trackVariablesManagerEvent
	3884	+ });
	3885	+ var Utils = { globalVariablesLLMResolvers };
5083	3886
5084		-__webpack_require__.r(__webpack_exports__);
5085		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5086		-/* harmony export */ initMcp: function() { return /* binding */ initMcp; }
5087		-/* harmony export */ });
5088		-/* harmony import */ var _manage_variable_tool__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./manage-variable-tool */ "./packages/packages/core/editor-variables/src/mcp/manage-variable-tool.ts");
5089		-/* harmony import */ var _variables_resource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./variables-resource */ "./packages/packages/core/editor-variables/src/mcp/variables-resource.ts");
	3887	+//#endregion
	3888	+//#region \0elementor-package-library-entry
	3889	+ (window.elementorV2 = window.elementorV2 || {}).editorVariables = src_exports;
5090	3890
5091		-
5092		-function initMcp(reg, canvasMcpEntry) {
5093		- window.addEventListener('elementor/init', () => {
5094		- (0,_manage_variable_tool__WEBPACK_IMPORTED_MODULE_0__.initManageVariableTool)(reg);
5095		- (0,_variables_resource__WEBPACK_IMPORTED_MODULE_1__.initVariablesResource)(reg, canvasMcpEntry);
5096		- }, {
5097		- once: true
5098		- });
5099		-}
5100		-
5101		-/***/ }),
5102		-
5103		-/***/ "./packages/packages/core/editor-variables/src/mcp/manage-variable-tool.ts":
5104		-/*!*********************************************************************************!*\
5105		- !*** ./packages/packages/core/editor-variables/src/mcp/manage-variable-tool.ts ***!
5106		- \*********************************************************************************/
5107		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5108		-
5109		-__webpack_require__.r(__webpack_exports__);
5110		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5111		-/* harmony export */ initManageVariableTool: function() { return /* binding */ initManageVariableTool; }
5112		-/* harmony export */ });
5113		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
5114		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__);
5115		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
5116		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_1__);
5117		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
5118		-/* harmony import */ var _sync_get_font_configs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../sync/get-font-configs */ "./packages/packages/core/editor-variables/src/sync/get-font-configs.ts");
5119		-/* harmony import */ var _utils_validations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
5120		-/* harmony import */ var _variable_tool_prompt__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./variable-tool-prompt */ "./packages/packages/core/editor-variables/src/mcp/variable-tool-prompt.ts");
5121		-/* harmony import */ var _variables_resource__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./variables-resource */ "./packages/packages/core/editor-variables/src/mcp/variables-resource.ts");
5122		-
5123		-
5124		-
5125		-
5126		-
5127		-
5128		-
5129		-const VARIABLE_TYPES = {
5130		- COLOR: 'global-color-variable',
5131		- FONT: 'global-font-variable',
5132		- SIZE: 'global-size-variable',
5133		- CUSTOM_SIZE: 'global-custom-size-variable'
5134		-};
5135		-const LENGTH_UNIT_PATTERN = /^(auto|\d+(\.\d+)?(px|rem|em|vh|vw|%|ch|s|ms))$/i;
5136		-const COLOR_PATTERN = /^(#[0-9a-f]{3,8}|rgba?\(|hsl)/i;
5137		-function validateValueForType(type, value) {
5138		- if (type === VARIABLE_TYPES.FONT && LENGTH_UNIT_PATTERN.test(value.trim())) {
5139		- return `Font variable value must be a font family name (e.g. "Roboto"), not a size value like "${value}". Use "global-size-variable" or "global-custom-size-variable" for spacing/size values.`;
5140		- }
5141		- if (type === VARIABLE_TYPES.COLOR && !COLOR_PATTERN.test(value.trim())) {
5142		- return `Color variable value should be a CSS color (e.g. "#FF0000"), got "${value}".`;
5143		- }
5144		- if (type === VARIABLE_TYPES.SIZE && !LENGTH_UNIT_PATTERN.test(value.trim())) {
5145		- return `Size variable value should include a CSS unit (e.g. "16px") or be "auto", got "${value}".`;
5146		- }
5147		- if (type === VARIABLE_TYPES.FONT && !isFontAvailable(value)) {
5148		- return `Font "${value}" is not supported in WordPress. Please choose one of the available font families.`;
5149		- }
5150		- return null;
5151		-}
5152		-function isFontAvailable(font) {
5153		- const fonts = (0,_sync_get_font_configs__WEBPACK_IMPORTED_MODULE_3__.getFontConfigs)();
5154		- const key = font.trim();
5155		- return !!fonts?.[key];
5156		-}
5157		-const initManageVariableTool = reg => {
5158		- const {
5159		- addTool,
5160		- resource
5161		- } = reg;
5162		- const RUNTIME_ALLOWED_VARIABLE_TYPES = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.isProActive)() ? [VARIABLE_TYPES.COLOR, VARIABLE_TYPES.FONT, VARIABLE_TYPES.SIZE, VARIABLE_TYPES.CUSTOM_SIZE] : [VARIABLE_TYPES.COLOR, VARIABLE_TYPES.FONT];
5163		- resource('manage-global-variable-guide', _variable_tool_prompt__WEBPACK_IMPORTED_MODULE_5__.MANAGE_VARIABLES_GUIDE_URI, {
5164		- title: 'Manage Global Variable Guide',
5165		- description: 'Detailed guide for using the manage-global-variable tool',
5166		- mimeType: 'text/plain'
5167		- }, async uri => ({
5168		- contents: [{
5169		- uri: uri.href,
5170		- mimeType: 'text/plain',
5171		- text: (0,_variable_tool_prompt__WEBPACK_IMPORTED_MODULE_5__.generateVariablesPrompt)()
5172		- }]
5173		- }));
5174		- addTool({
5175		- name: 'manage-global-variable',
5176		- description: 'Manage V4 global variables (color, font, size, custom-size). Read the guide resource before use. font = font-famliy, size = measured unit, custom-size = calculated values',
5177		- schema: {
5178		- action: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['create', 'update', 'delete']),
5179		- id: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().optional().describe('Variable id — required for update/delete. Get from the global-variables resource.'),
5180		- type: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(RUNTIME_ALLOWED_VARIABLE_TYPES),
5181		- label: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().describe('Variable label (lowercase, dash-separated) — required for create/update.'),
5182		- value: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().optional().describe('Plain CSS value — required for create/update. Color: hex/rgba/hsl. Font: family name only. Size: value with unit e.g. "16px", or "auto" (Pro). Do NOT pass JSON.')
5183		- },
5184		- outputSchema: {
5185		- status: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['ok']).describe('Operation status'),
5186		- message: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().optional().describe('Error details if status is error')
5187		- },
5188		- requiredResources: [{
5189		- uri: _variable_tool_prompt__WEBPACK_IMPORTED_MODULE_5__.MANAGE_VARIABLES_GUIDE_URI,
5190		- description: 'Full guide for variable types, naming rules, and usage'
5191		- }, {
5192		- uri: _variables_resource__WEBPACK_IMPORTED_MODULE_6__.GLOBAL_VARIABLES_URI,
5193		- description: 'Current global variables — check before creating to avoid duplicates'
5194		- }],
5195		- isDestructive: true,
5196		- handler: async params => {
5197		- const operations = getServiceActions(_service__WEBPACK_IMPORTED_MODULE_2__.service);
5198		- const op = operations[params.action];
5199		- if (op) {
5200		- await op(params);
5201		- return {
5202		- status: 'ok'
5203		- };
5204		- }
5205		- throw new Error(`Unknown action ${params.action}`);
5206		- }
5207		- });
5208		-};
5209		-function getServiceActions(svc) {
5210		- return {
5211		- create({
5212		- type,
5213		- label,
5214		- value
5215		- }) {
5216		- if (!type || !label || !value) {
5217		- throw new Error('Create requires type, label, and value');
5218		- }
5219		- if ((type === VARIABLE_TYPES.SIZE || type === VARIABLE_TYPES.CUSTOM_SIZE) && !(0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.isProActive)()) {
5220		- throw new Error('Creating size variables requires Elementor Pro.');
5221		- }
5222		- const labelError = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_4__.validateLabel)(label);
5223		- if (labelError) {
5224		- throw new Error(labelError);
5225		- }
5226		- const valueError = validateValueForType(type, value);
5227		- if (valueError) {
5228		- throw new Error(valueError);
5229		- }
5230		- return svc.create({
5231		- type,
5232		- label,
5233		- value
5234		- }, {
5235		- eventData: {
5236		- executedBy: 'mcp_tool'
5237		- }
5238		- });
5239		- },
5240		- update({
5241		- id,
5242		- label,
5243		- value
5244		- }) {
5245		- if (!id || !label || !value) {
5246		- throw new Error('Update requires id, label, and value');
5247		- }
5248		- const labelError = (0,_utils_validations__WEBPACK_IMPORTED_MODULE_4__.validateLabel)(label);
5249		- if (labelError) {
5250		- throw new Error(labelError);
5251		- }
5252		- const existingVariable = svc.variables()[id];
5253		- if (existingVariable) {
5254		- const valueError = validateValueForType(existingVariable.type, value);
5255		- if (valueError) {
5256		- throw new Error(valueError);
5257		- }
5258		- }
5259		- return svc.update(id, {
5260		- label,
5261		- value
5262		- }, {
5263		- eventData: {
5264		- executedBy: 'mcp_tool'
5265		- }
5266		- });
5267		- },
5268		- delete({
5269		- id
5270		- }) {
5271		- if (!id) {
5272		- throw new Error('delete requires id');
5273		- }
5274		- return svc.delete(id);
5275		- }
5276		- };
5277		-}
5278		-
5279		-/***/ }),
5280		-
5281		-/***/ "./packages/packages/core/editor-variables/src/mcp/variable-tool-prompt.ts":
5282		-/*!*********************************************************************************!*\
5283		- !*** ./packages/packages/core/editor-variables/src/mcp/variable-tool-prompt.ts ***!
5284		- \*********************************************************************************/
5285		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5286		-
5287		-__webpack_require__.r(__webpack_exports__);
5288		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5289		-/* harmony export */ MANAGE_VARIABLES_GUIDE_URI: function() { return /* binding */ MANAGE_VARIABLES_GUIDE_URI; },
5290		-/* harmony export */ generateVariablesPrompt: function() { return /* binding */ generateVariablesPrompt; }
5291		-/* harmony export */ });
5292		-/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
5293		-/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__);
5294		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
5295		-/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_1__);
5296		-
5297		-
5298		-const MANAGE_VARIABLES_GUIDE_URI = 'elementor://variables/tools/manage-global-variable-guide';
5299		-const generateVariablesPrompt = () => {
5300		- const prompt = (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__.toolPrompts)('manage-global-variable');
5301		- const proIsActive = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.isProActive)();
5302		- const sizeVariableSection = proIsActive ? `- **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\`
5303		-- **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)
5304		-- ~~global-custom-size-variable~~ — requires Elementor Pro (not available on this site)`;
5305		- prompt.description(`
5306		-# Purpose
5307		-Create, update, or delete V4 global CSS variables. These are distinct from legacy v3 globals and map 1:1 to \`--css-var: VALUE\`.
5308		-
5309		-# Available Types
5310		-- **global-color-variable** — CSS color value. Example: \`#FF0000\`, \`rgba(255,0,0,1)\`, \`hsl(0,100%,50%)\`
5311		-- **global-font-variable** — Font family name ONLY — NOT a size or px value. Example: \`Roboto\`, \`Open Sans\`. NEVER pass px/rem here.
5312		-${sizeVariableSection}
5313		-
5314		-# Naming Rules
5315		-- Labels must be **lowercase**, using only letters (a-z), numbers, digits (0-9), dashes (-), or underscores (_)
5316		-- No spaces, no special characters
5317		-- Example: "Headline Primary" → \`headline-primary\`
5318		-- Labels must be unique — always check [elementor://global-variables] first
5319		-
5320		-# Value Rules
5321		-- Provide a **plain CSS value** only — do NOT pass JSON, legacy-globals object structures, or variable references
5322		-- Values are inserted as-is: \`--css-var: <value>\`
5323		-- NEVER store a px/rem value inside a \`global-font-variable\` — use \`global-size-variable\` (Pro) instead
5324		-
5325		-# Operations
5326		-- **create** — requires \`type\`, \`label\`, \`value\`. Label must be unique.
5327		-- **update** — requires \`id\`, \`label\`, \`value\`. Get \`id\` from [elementor://global-variables]. When renaming: keep existing value. When changing value: keep exact existing label.
5328		-- **delete** — requires \`id\`. DESTRUCTIVE — always confirm with user before executing.
5329		-`);
5330		- prompt.parameter('action', '"create", "update", or "delete".');
5331		- prompt.parameter('type', 'Variable type. Required for create. See Available Types above.');
5332		- prompt.parameter('label', 'Variable name (lowercase, dash-separated). Required for create/update.');
5333		- prompt.parameter('value', 'Plain CSS value matching the variable type. Required for create/update. Do NOT pass JSON.');
5334		- prompt.parameter('id', 'Variable ID. Required for update/delete. Obtain from [elementor://global-variables].');
5335		- prompt.example(`
5336		-Create a brand color:
5337		-{ "action": "create", "type": "global-color-variable", "label": "brand-primary", "value": "#1A73E8" }
5338		-
5339		-Create a heading font:
5340		-{ "action": "create", "type": "global-font-variable", "label": "font-heading", "value": "Playfair Display" }
5341		-
5342		-Create a simple spacing size:
5343		-{ "action": "create", "type": "global-size-variable", "label": "spacing-md", "value": "16px" }
5344		-
5345		-Create a fluid/responsive size using a CSS function (use global-custom-size-variable, NOT global-size-variable):
5346		-{ "action": "create", "type": "global-custom-size-variable", "label": "spacing-fluid", "value": "clamp(1rem, 2vw, 2rem)" }
5347		-
5348		-Create a size that is a keyword:
5349		-{ "action": "create", "type": "global-custom-size-variable", "label": "width-auto", "value": "auto" }
5350		-
5351		-Create a size using calc():
5352		-{ "action": "create", "type": "global-custom-size-variable", "label": "sidebar-width", "value": "calc(100% - 32px)" }
5353		-
5354		-Update a variable's value (keep exact label):
5355		-{ "action": "update", "id": "abc123", "label": "brand-primary", "value": "#0D47A1" }
5356		-
5357		-Rename a variable (keep existing value):
5358		-{ "action": "update", "id": "abc123", "label": "brand-secondary", "value": "#1A73E8" }
5359		-
5360		-Delete a variable:
5361		-{ "action": "delete", "id": "abc123" }
5362		-`);
5363		- prompt.instruction('Always read [elementor://global-variables] before creating to check existing variables and avoid duplicate labels.');
5364		- return prompt.prompt();
5365		-};
5366		-
5367		-/***/ }),
5368		-
5369		-/***/ "./packages/packages/core/editor-variables/src/mcp/variables-resource.ts":
5370		-/*!*******************************************************************************!*\
5371		- !*** ./packages/packages/core/editor-variables/src/mcp/variables-resource.ts ***!
5372		- \*******************************************************************************/
5373		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5374		-
5375		-__webpack_require__.r(__webpack_exports__);
5376		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5377		-/* harmony export */ GLOBAL_VARIABLES_URI: function() { return /* binding */ GLOBAL_VARIABLES_URI; },
5378		-/* harmony export */ initVariablesResource: function() { return /* binding */ initVariablesResource; }
5379		-/* harmony export */ });
5380		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
5381		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
5382		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
5383		-/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../storage */ "./packages/packages/core/editor-variables/src/storage.ts");
5384		-
5385		-
5386		-
5387		-const GLOBAL_VARIABLES_URI = 'elementor://global-variables';
5388		-const buildGlobalVariablesPayload = async () => {
5389		- const merged = {};
5390		- Object.entries(_service__WEBPACK_IMPORTED_MODULE_1__.service.variables()).forEach(([id, variable]) => {
5391		- if (!variable.deleted) {
5392		- merged[id] = {
5393		- ...variable,
5394		- version: 'v4'
5395		- };
5396		- }
5397		- });
5398		- return merged;
5399		-};
5400		-const initVariablesResource = (variablesMcpEntry, canvasMcpEntry) => {
5401		- [canvasMcpEntry, variablesMcpEntry].forEach(entry => {
5402		- const {
5403		- resource,
5404		- sendResourceUpdated
5405		- } = entry;
5406		- const notifyGlobalVariablesUpdated = () => {
5407		- sendResourceUpdated({
5408		- uri: GLOBAL_VARIABLES_URI
5409		- });
5410		- };
5411		- resource('global-variables', GLOBAL_VARIABLES_URI, {
5412		- description: 'Global variables available (v4)'
5413		- }, async () => {
5414		- const variables = await buildGlobalVariablesPayload();
5415		- return {
5416		- contents: [{
5417		- uri: GLOBAL_VARIABLES_URI,
5418		- mimeType: 'application/json',
5419		- text: JSON.stringify(variables)
5420		- }]
5421		- };
5422		- });
5423		- window.addEventListener(_storage__WEBPACK_IMPORTED_MODULE_2__.STORAGE_UPDATED_EVENT, notifyGlobalVariablesUpdated);
5424		- (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.commandEndEvent)('document/save/update'), notifyGlobalVariablesUpdated);
5425		- });
5426		-};
5427		-
5428		-/***/ }),
5429		-
5430		-/***/ "./packages/packages/core/editor-variables/src/prop-types/color-variable-prop-type.ts":
5431		-/*!********************************************************************************************!*\
5432		- !*** ./packages/packages/core/editor-variables/src/prop-types/color-variable-prop-type.ts ***!
5433		- \********************************************************************************************/
5434		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5435		-
5436		-__webpack_require__.r(__webpack_exports__);
5437		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5438		-/* harmony export */ colorVariablePropTypeUtil: function() { return /* binding */ colorVariablePropTypeUtil; }
5439		-/* harmony export */ });
5440		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5441		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
5442		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
5443		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
5444		-
5445		-
5446		-const colorVariablePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('global-color-variable', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string());
5447		-
5448		-/***/ }),
5449		-
5450		-/***/ "./packages/packages/core/editor-variables/src/prop-types/custom-size-variable-prop-type.ts":
5451		-/*!**************************************************************************************************!*\
5452		- !*** ./packages/packages/core/editor-variables/src/prop-types/custom-size-variable-prop-type.ts ***!
5453		- \**************************************************************************************************/
5454		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5455		-
5456		-__webpack_require__.r(__webpack_exports__);
5457		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5458		-/* harmony export */ customSizeVariablePropTypeUtil: function() { return /* binding */ customSizeVariablePropTypeUtil; }
5459		-/* harmony export */ });
5460		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5461		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
5462		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
5463		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
5464		-
5465		-
5466		-const customSizeVariablePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('global-custom-size-variable', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string());
5467		-
5468		-/***/ }),
5469		-
5470		-/***/ "./packages/packages/core/editor-variables/src/prop-types/font-variable-prop-type.ts":
5471		-/*!*******************************************************************************************!*\
5472		- !*** ./packages/packages/core/editor-variables/src/prop-types/font-variable-prop-type.ts ***!
5473		- \*******************************************************************************************/
5474		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5475		-
5476		-__webpack_require__.r(__webpack_exports__);
5477		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5478		-/* harmony export */ fontVariablePropTypeUtil: function() { return /* binding */ fontVariablePropTypeUtil; }
5479		-/* harmony export */ });
5480		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5481		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
5482		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
5483		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
5484		-
5485		-
5486		-const fontVariablePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('global-font-variable', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string());
5487		-
5488		-/***/ }),
5489		-
5490		-/***/ "./packages/packages/core/editor-variables/src/prop-types/index.ts":
5491		-/*!*************************************************************************!*\
5492		- !*** ./packages/packages/core/editor-variables/src/prop-types/index.ts ***!
5493		- \*************************************************************************/
5494		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5495		-
5496		-__webpack_require__.r(__webpack_exports__);
5497		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5498		-/* harmony export */ colorVariablePropTypeUtil: function() { return /* reexport safe */ _color_variable_prop_type__WEBPACK_IMPORTED_MODULE_0__.colorVariablePropTypeUtil; },
5499		-/* harmony export */ customSizeVariablePropTypeUtil: function() { return /* reexport safe */ _custom_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_1__.customSizeVariablePropTypeUtil; },
5500		-/* harmony export */ fontVariablePropTypeUtil: function() { return /* reexport safe */ _font_variable_prop_type__WEBPACK_IMPORTED_MODULE_2__.fontVariablePropTypeUtil; },
5501		-/* harmony export */ sizeVariablePropTypeUtil: function() { return /* reexport safe */ _size_variable_prop_type__WEBPACK_IMPORTED_MODULE_3__.sizeVariablePropTypeUtil; }
5502		-/* harmony export */ });
5503		-/* harmony import */ var _color_variable_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./color-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/color-variable-prop-type.ts");
5504		-/* harmony import */ var _custom_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./custom-size-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/custom-size-variable-prop-type.ts");
5505		-/* harmony import */ var _font_variable_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./font-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/font-variable-prop-type.ts");
5506		-/* harmony import */ var _size_variable_prop_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./size-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/size-variable-prop-type.ts");
5507		-
5508		-
5509		-
5510		-
5511		-
5512		-/***/ }),
5513		-
5514		-/***/ "./packages/packages/core/editor-variables/src/prop-types/size-variable-prop-type.ts":
5515		-/*!*******************************************************************************************!*\
5516		- !*** ./packages/packages/core/editor-variables/src/prop-types/size-variable-prop-type.ts ***!
5517		- \*******************************************************************************************/
5518		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5519		-
5520		-__webpack_require__.r(__webpack_exports__);
5521		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5522		-/* harmony export */ sizeVariablePropTypeUtil: function() { return /* binding */ sizeVariablePropTypeUtil; }
5523		-/* harmony export */ });
5524		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5525		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
5526		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
5527		-/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
5528		-
5529		-
5530		-const sizeVariablePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('global-size-variable', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string());
5531		-
5532		-/***/ }),
5533		-
5534		-/***/ "./packages/packages/core/editor-variables/src/register-variable-types.tsx":
5535		-/*!*********************************************************************************!*\
5536		- !*** ./packages/packages/core/editor-variables/src/register-variable-types.tsx ***!
5537		- \*********************************************************************************/
5538		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5539		-
5540		-__webpack_require__.r(__webpack_exports__);
5541		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5542		-/* harmony export */ registerVariableTypes: function() { return /* binding */ registerVariableTypes; }
5543		-/* harmony export */ });
5544		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5545		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5546		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5547		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5548		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5549		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
5550		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
5551		-/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__);
5552		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
5553		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
5554		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5555		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
5556		-/* harmony import */ var _components_fields_color_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/fields/color-field */ "./packages/packages/core/editor-variables/src/components/fields/color-field.tsx");
5557		-/* harmony import */ var _components_fields_font_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/fields/font-field */ "./packages/packages/core/editor-variables/src/components/fields/font-field.tsx");
5558		-/* harmony import */ var _components_ui_color_indicator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/ui/color-indicator */ "./packages/packages/core/editor-variables/src/components/ui/color-indicator.tsx");
5559		-/* harmony import */ var _prop_types_color_variable_prop_type__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./prop-types/color-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/color-variable-prop-type.ts");
5560		-/* harmony import */ var _prop_types_font_variable_prop_type__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./prop-types/font-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/font-variable-prop-type.ts");
5561		-/* harmony import */ var _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./prop-types/size-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/size-variable-prop-type.ts");
5562		-/* harmony import */ var _transformers_empty_transformer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./transformers/empty-transformer */ "./packages/packages/core/editor-variables/src/transformers/empty-transformer.tsx");
5563		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
5564		-
5565		-
5566		-
5567		-
5568		-
5569		-
5570		-
5571		-
5572		-
5573		-
5574		-
5575		-
5576		-
5577		-
5578		-function registerVariableTypes() {
5579		- (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_13__.registerVariableType)({
5580		- key: _prop_types_color_variable_prop_type__WEBPACK_IMPORTED_MODULE_9__.colorVariablePropTypeUtil.key,
5581		- valueField: _components_fields_color_field__WEBPACK_IMPORTED_MODULE_6__.ColorField,
5582		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.BrushIcon,
5583		- propTypeUtil: _prop_types_color_variable_prop_type__WEBPACK_IMPORTED_MODULE_9__.colorVariablePropTypeUtil,
5584		- fallbackPropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.colorPropTypeUtil,
5585		- variableType: 'color',
5586		- startIcon: ({
5587		- value
5588		- }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_color_indicator__WEBPACK_IMPORTED_MODULE_8__.ColorIndicator, {
5589		- size: "inherit",
5590		- component: "span",
5591		- value: value
5592		- }),
5593		- defaultValue: '#ffffff',
5594		- menuActionsFactory: ({
5595		- variable,
5596		- variableId,
5597		- handlers
5598		- }) => {
5599		- const actions = [];
5600		- if (variable.sync_to_v3) {
5601		- actions.push({
5602		- name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Stop syncing to Global Colors', 'elementor'),
5603		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.RefreshOffIcon,
5604		- color: 'text.primary',
5605		- onClick: () => handlers.onStopSync(variableId)
5606		- });
5607		- } else {
5608		- actions.push({
5609		- name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Sync to Global Colors', 'elementor'),
5610		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.RefreshIcon,
5611		- color: 'text.primary',
5612		- onClick: () => handlers.onStartSync(variableId)
5613		- });
5614		- }
5615		- return actions;
5616		- }
5617		- });
5618		- (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_13__.registerVariableType)({
5619		- key: _prop_types_font_variable_prop_type__WEBPACK_IMPORTED_MODULE_10__.fontVariablePropTypeUtil.key,
5620		- valueField: _components_fields_font_field__WEBPACK_IMPORTED_MODULE_7__.FontField,
5621		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.TextIcon,
5622		- propTypeUtil: _prop_types_font_variable_prop_type__WEBPACK_IMPORTED_MODULE_10__.fontVariablePropTypeUtil,
5623		- fallbackPropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.stringPropTypeUtil,
5624		- variableType: 'font',
5625		- defaultValue: 'Roboto'
5626		- });
5627		- const sizePromotions = {
5628		- isActive: false,
5629		- icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ExpandDiagonalIcon,
5630		- propTypeUtil: _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_11__.sizeVariablePropTypeUtil,
5631		- fallbackPropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.sizePropTypeUtil,
5632		- styleTransformer: _transformers_empty_transformer__WEBPACK_IMPORTED_MODULE_12__.EmptyTransformer,
5633		- variableType: 'size',
5634		- selectionFilter: () => [],
5635		- emptyState: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.CtaButton, {
5636		- size: "small",
5637		- href: 'https://go.elementor.com/go-pro-panel-size-variable/',
5638		- onClick: () => (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackUpgradePromotionClick)({
5639		- target_name: 'variables_popover',
5640		- location_l1: 'variables_list'
5641		- })
5642		- })
5643		- };
5644		- (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_13__.registerVariableType)({
5645		- ...sizePromotions,
5646		- key: _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_11__.sizeVariablePropTypeUtil.key,
5647		- defaultValue: '0px'
5648		- });
5649		- (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_13__.registerVariableType)({
5650		- ...sizePromotions,
5651		- key: 'global-custom-size-variable'
5652		- });
5653		-}
5654		-
5655		-/***/ }),
5656		-
5657		-/***/ "./packages/packages/core/editor-variables/src/renderers/style-variables-renderer.tsx":
5658		-/*!********************************************************************************************!*\
5659		- !*** ./packages/packages/core/editor-variables/src/renderers/style-variables-renderer.tsx ***!
5660		- \********************************************************************************************/
5661		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5662		-
5663		-__webpack_require__.r(__webpack_exports__);
5664		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5665		-/* harmony export */ StyleVariablesRenderer: function() { return /* binding */ StyleVariablesRenderer; }
5666		-/* harmony export */ });
5667		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5668		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5669		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
5670		-/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
5671		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5672		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
5673		-/* harmony import */ var _style_variables_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../style-variables-repository */ "./packages/packages/core/editor-variables/src/style-variables-repository.ts");
5674		-
5675		-
5676		-
5677		-
5678		-
5679		-const VARIABLES_WRAPPER = ':root';
5680		-function StyleVariablesRenderer() {
5681		- const container = usePortalContainer();
5682		- const styleVariables = useStyleVariables();
5683		- const hasVariables = Object.keys(styleVariables).length > 0;
5684		- if (!container || !hasVariables) {
5685		- return null;
5686		- }
5687		- const cssVariables = convertToCssVariables(styleVariables);
5688		- const wrappedCss = `${VARIABLES_WRAPPER}{${cssVariables}}`;
5689		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Portal, {
5690		- container: container
5691		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("style", {
5692		- "data-e-style-id": "e-variables",
5693		- key: wrappedCss
5694		- }, wrappedCss));
5695		-}
5696		-function usePortalContainer() {
5697		- return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.__privateUseListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.commandEndEvent)('editor/documents/attach-preview'), () => (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.getCanvasIframeDocument)()?.head);
5698		-}
5699		-function useStyleVariables() {
5700		- const [variables, setVariables] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
5701		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
5702		- const unsubscribe = _style_variables_repository__WEBPACK_IMPORTED_MODULE_3__.styleVariablesRepository.subscribe(setVariables);
5703		- return () => {
5704		- unsubscribe();
5705		- };
5706		- }, []);
5707		- return variables;
5708		-}
5709		-function cssVariableDeclaration(key, variable) {
5710		- const variableName = variable?.deleted ? key : variable.label;
5711		- const value = variable.value;
5712		- return `--${variableName}:${value};`;
5713		-}
5714		-function convertToCssVariables(variables) {
5715		- const listOfVariables = Object.entries(variables);
5716		- return listOfVariables.map(([key, variable]) => cssVariableDeclaration(key, variable)).join('');
5717		-}
5718		-
5719		-/***/ }),
5720		-
5721		-/***/ "./packages/packages/core/editor-variables/src/repeater-injections.ts":
5722		-/*!****************************************************************************!*\
5723		- !*** ./packages/packages/core/editor-variables/src/repeater-injections.ts ***!
5724		- \****************************************************************************/
5725		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5726		-
5727		-__webpack_require__.r(__webpack_exports__);
5728		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5729		-/* harmony export */ registerRepeaterInjections: function() { return /* binding */ registerRepeaterInjections; }
5730		-/* harmony export */ });
5731		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5732		-/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
5733		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5734		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
5735		-/* harmony import */ var _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/variables-repeater-item-slot */ "./packages/packages/core/editor-variables/src/components/variables-repeater-item-slot.tsx");
5736		-/* harmony import */ var _prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./prop-types */ "./packages/packages/core/editor-variables/src/prop-types/index.ts");
5737		-
5738		-
5739		-
5740		-
5741		-function registerRepeaterInjections() {
5742		- backgroundOverlayRepeaterInjections();
5743		- boxShadowRepeaterInjections();
5744		- transitionsRepeaterInjections();
5745		- transformRepeaterInjections();
5746		- filterRepeaterInjections();
5747		-}
5748		-function backgroundOverlayRepeaterInjections() {
5749		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemIcon)({
5750		- id: 'background-color-variables-icon',
5751		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.BackgroundRepeaterColorIndicator,
5752		- condition: ({
5753		- value
5754		- }) => {
5755		- return hasAssignedColorVariable(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.backgroundColorOverlayPropTypeUtil.extract(value)?.color);
5756		- }
5757		- });
5758		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemLabel)({
5759		- id: 'background-color-variables-label',
5760		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.BackgroundRepeaterLabel,
5761		- condition: ({
5762		- value
5763		- }) => {
5764		- return hasAssignedColorVariable(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.backgroundColorOverlayPropTypeUtil.extract(value)?.color);
5765		- }
5766		- });
5767		-}
5768		-function boxShadowRepeaterInjections() {
5769		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemIcon)({
5770		- id: 'box-shadow-color-variables-icon',
5771		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.BoxShadowRepeaterColorIndicator,
5772		- condition: ({
5773		- value
5774		- }) => {
5775		- const {
5776		- color
5777		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.shadowPropTypeUtil.extract(value) || {};
5778		- return hasAssignedColorVariable(color);
5779		- }
5780		- });
5781		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemLabel)({
5782		- id: 'color-variables-box-shadow-label',
5783		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.BoxShadowRepeaterLabel,
5784		- condition: ({
5785		- value
5786		- }) => {
5787		- const {
5788		- hOffset,
5789		- vOffset,
5790		- blur,
5791		- spread
5792		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.shadowPropTypeUtil.extract(value) || {};
5793		- return hasAssignedSizeVariable(hOffset) || hasAssignedSizeVariable(vOffset) || hasAssignedSizeVariable(blur) || hasAssignedSizeVariable(spread);
5794		- }
5795		- });
5796		-}
5797		-function transformRepeaterInjections() {
5798		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemLabel)({
5799		- id: 'transform-size-variables-label',
5800		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.TransformRepeaterLabel,
5801		- condition: ({
5802		- value
5803		- }) => {
5804		- if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.moveTransformPropTypeUtil.isValid(value)) {
5805		- const {
5806		- x: xAxis,
5807		- y: yAxis,
5808		- z: zAxis
5809		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.moveTransformPropTypeUtil.extract(value) || {};
5810		- return hasAssignedSizeVariable(xAxis) || hasAssignedSizeVariable(yAxis) || hasAssignedSizeVariable(zAxis);
5811		- }
5812		- return false;
5813		- }
5814		- });
5815		-}
5816		-function transitionsRepeaterInjections() {
5817		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemLabel)({
5818		- id: 'transition-size-variables-label',
5819		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.TransitionsSizeVariableLabel,
5820		- condition: ({
5821		- value
5822		- }) => {
5823		- return hasAssignedSizeVariable(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.selectionSizePropTypeUtil.extract(value)?.size);
5824		- }
5825		- });
5826		-}
5827		-function filterRepeaterInjections() {
5828		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemIcon)({
5829		- id: 'filters-color-variables-icon',
5830		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.FilterDropShadowIconIndicator,
5831		- condition: ({
5832		- value
5833		- }) => {
5834		- if (!_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.isValid(value)) {
5835		- return false;
5836		- }
5837		- const args = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.extract(value)?.args;
5838		- if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.isValid(args)) {
5839		- return hasAssignedColorVariable(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.extract(args)?.color);
5840		- }
5841		- return false;
5842		- }
5843		- });
5844		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemLabel)({
5845		- id: 'filters-drop-shadow-size-variables-label',
5846		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.FilterDropShadowRepeaterLabel,
5847		- condition: ({
5848		- value
5849		- }) => {
5850		- if (!_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.isValid(value)) {
5851		- return false;
5852		- }
5853		- const args = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.extract(value)?.args;
5854		- if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.isValid(args)) {
5855		- const {
5856		- xAxis,
5857		- yAxis,
5858		- blur
5859		- } = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dropShadowFilterPropTypeUtil.extract(args) || {};
5860		- return hasAssignedSizeVariable(xAxis) || hasAssignedSizeVariable(yAxis) || hasAssignedSizeVariable(blur);
5861		- }
5862		- return false;
5863		- }
5864		- });
5865		- (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.injectIntoRepeaterItemLabel)({
5866		- id: 'filters-size-variables-label',
5867		- component: _components_variables_repeater_item_slot__WEBPACK_IMPORTED_MODULE_2__.FilterSingleSizeRepeaterLabel,
5868		- condition: ({
5869		- value
5870		- }) => {
5871		- if (!_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.isValid(value)) {
5872		- return false;
5873		- }
5874		- const args = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.cssFilterFunctionPropUtil.extract(value)?.args;
5875		- return hasAssignedSizeVariable(args?.value?.size);
5876		- }
5877		- });
5878		-}
5879		-function hasAssignedSizeVariable(value) {
5880		- if (_prop_types__WEBPACK_IMPORTED_MODULE_3__.sizeVariablePropTypeUtil.isValid(value)) {
5881		- return true;
5882		- }
5883		- if (_prop_types__WEBPACK_IMPORTED_MODULE_3__.customSizeVariablePropTypeUtil.isValid(value)) {
5884		- return true;
5885		- }
5886		- return false;
5887		-}
5888		-function hasAssignedColorVariable(value) {
5889		- return !!_prop_types__WEBPACK_IMPORTED_MODULE_3__.colorVariablePropTypeUtil.isValid(value);
5890		-}
5891		-
5892		-/***/ }),
5893		-
5894		-/***/ "./packages/packages/core/editor-variables/src/service.ts":
5895		-/*!****************************************************************!*\
5896		- !*** ./packages/packages/core/editor-variables/src/service.ts ***!
5897		- \****************************************************************/
5898		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5899		-
5900		-__webpack_require__.r(__webpack_exports__);
5901		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5902		-/* harmony export */ service: function() { return /* binding */ service; }
5903		-/* harmony export */ });
5904		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5905		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__);
5906		-/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-variables/src/api.ts");
5907		-/* harmony import */ var _batch_operations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./batch-operations */ "./packages/packages/core/editor-variables/src/batch-operations.ts");
5908		-/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./storage */ "./packages/packages/core/editor-variables/src/storage.ts");
5909		-/* harmony import */ var _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style-variables-repository */ "./packages/packages/core/editor-variables/src/style-variables-repository.ts");
5910		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
5911		-
5912		-
5913		-
5914		-
5915		-
5916		-
5917		-const storage = new _storage__WEBPACK_IMPORTED_MODULE_3__.Storage();
5918		-const service = {
5919		- variables: () => {
5920		- return storage.load();
5921		- },
5922		- findIdByLabel(needle) {
5923		- const variableId = Object.entries(this.variables()).find(([, variable]) => variable.label === needle);
5924		- if (!variableId) {
5925		- throw new Error(`Variable with label ${needle} not found`);
5926		- }
5927		- return variableId[0];
5928		- },
5929		- findVariableByLabel(needle) {
5930		- return Object.values(this.variables()).find(variable => variable.label === needle) || null;
5931		- },
5932		- getWatermark: () => {
5933		- return storage.state.watermark;
5934		- },
5935		- init: () => {
5936		- return service.load();
5937		- },
5938		- load: () => {
5939		- return _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.list().then(response => {
5940		- const {
5941		- success,
5942		- data: payload
5943		- } = response.data;
5944		- if (!success) {
5945		- throw new Error('Unexpected response from server');
5946		- }
5947		- return payload;
5948		- }).then(data => {
5949		- const {
5950		- variables,
5951		- watermark
5952		- } = data;
5953		- storage.fill(variables, watermark);
5954		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__.styleVariablesRepository.update(variables);
5955		- return variables;
5956		- });
5957		- },
5958		- create: ({
5959		- type,
5960		- label,
5961		- value
5962		- }, options = {}) => {
5963		- return _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.create(type, label, value).then(response => {
5964		- const {
5965		- success,
5966		- data: payload
5967		- } = response.data;
5968		- if (!success) {
5969		- const errorMessage = payload?.message || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Unexpected response from server', 'elementor');
5970		- throw new Error(errorMessage);
5971		- }
5972		- return payload;
5973		- }).then(data => {
5974		- const {
5975		- variable,
5976		- watermark
5977		- } = data;
5978		- handleWatermark(_storage__WEBPACK_IMPORTED_MODULE_3__.OP_RW, watermark);
5979		- const {
5980		- id: variableId,
5981		- ...createdVariable
5982		- } = variable;
5983		- storage.add(variableId, createdVariable);
5984		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__.styleVariablesRepository.update({
5985		- [variableId]: createdVariable
5986		- });
5987		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_5__.trackVariableEvent)({
5988		- varType: type,
5989		- action: 'save',
5990		- ...options.eventData
5991		- });
5992		- return {
5993		- id: variableId,
5994		- variable: createdVariable
5995		- };
5996		- });
5997		- },
5998		- update: (id, {
5999		- label,
6000		- value,
6001		- type
6002		- }, options = {}) => {
6003		- return _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.update(id, label, value, type).then(response => {
6004		- const {
6005		- success,
6006		- data: payload
6007		- } = response.data;
6008		- if (!success) {
6009		- const errorMessage = payload?.message || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Unexpected response from server', 'elementor');
6010		- throw new Error(errorMessage);
6011		- }
6012		- return payload;
6013		- }).then(data => {
6014		- const {
6015		- variable,
6016		- watermark
6017		- } = data;
6018		- handleWatermark(_storage__WEBPACK_IMPORTED_MODULE_3__.OP_RW, watermark);
6019		- const {
6020		- id: variableId,
6021		- ...updatedVariable
6022		- } = variable;
6023		- storage.update(variableId, updatedVariable);
6024		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__.styleVariablesRepository.update({
6025		- [variableId]: updatedVariable
6026		- });
6027		- (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_5__.trackVariableEvent)({
6028		- varType: updatedVariable.type,
6029		- action: 'update',
6030		- ...options.eventData
6031		- });
6032		- return {
6033		- id: variableId,
6034		- variable: updatedVariable
6035		- };
6036		- });
6037		- },
6038		- delete: id => {
6039		- return _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.delete(id).then(response => {
6040		- const {
6041		- success,
6042		- data: payload
6043		- } = response.data;
6044		- if (!success) {
6045		- throw new Error('Unexpected response from server');
6046		- }
6047		- return payload;
6048		- }).then(data => {
6049		- const {
6050		- variable,
6051		- watermark
6052		- } = data;
6053		- handleWatermark(_storage__WEBPACK_IMPORTED_MODULE_3__.OP_RW, watermark);
6054		- const {
6055		- id: variableId,
6056		- ...deletedVariable
6057		- } = variable;
6058		- storage.update(variableId, deletedVariable);
6059		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__.styleVariablesRepository.update({
6060		- [variableId]: deletedVariable
6061		- });
6062		- return {
6063		- id: variableId,
6064		- variable: deletedVariable
6065		- };
6066		- });
6067		- },
6068		- restore: (id, label, value, type) => {
6069		- return _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.restore(id, label, value, type).then(response => {
6070		- const {
6071		- success,
6072		- data: payload
6073		- } = response.data;
6074		- if (!success) {
6075		- throw new Error('Unexpected response from server');
6076		- }
6077		- return payload;
6078		- }).then(data => {
6079		- const {
6080		- variable,
6081		- watermark
6082		- } = data;
6083		- handleWatermark(_storage__WEBPACK_IMPORTED_MODULE_3__.OP_RW, watermark);
6084		- const {
6085		- id: variableId,
6086		- ...restoredVariable
6087		- } = variable;
6088		- storage.update(variableId, restoredVariable);
6089		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__.styleVariablesRepository.update({
6090		- [variableId]: restoredVariable
6091		- });
6092		- return {
6093		- id: variableId,
6094		- variable: restoredVariable
6095		- };
6096		- });
6097		- },
6098		- batchSave: (originalVariables, currentVariables, deletedVariables) => {
6099		- const operations = (0,_batch_operations__WEBPACK_IMPORTED_MODULE_2__.buildOperationsArray)(originalVariables, currentVariables, deletedVariables);
6100		- const batchPayload = {
6101		- operations,
6102		- watermark: storage.state.watermark
6103		- };
6104		- if (operations.length === 0) {
6105		- return Promise.resolve({
6106		- success: true,
6107		- watermark: storage.state.watermark,
6108		- operations: 0
6109		- });
6110		- }
6111		- return _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.batch(batchPayload).then(response => {
6112		- const {
6113		- success,
6114		- data: payload
6115		- } = response.data;
6116		- if (!success) {
6117		- throw new Error('Unexpected response from server');
6118		- }
6119		- return payload;
6120		- }).then(data => {
6121		- const {
6122		- results,
6123		- watermark
6124		- } = data;
6125		- handleWatermark(_storage__WEBPACK_IMPORTED_MODULE_3__.OP_RW, watermark);
6126		- if (results) {
6127		- results.forEach(result => {
6128		- const variableId = result.id;
6129		- if (result.variable) {
6130		- if (result.type === 'create') {
6131		- storage.add(variableId, result.variable);
6132		- } else {
6133		- storage.update(variableId, result.variable);
6134		- }
6135		- _style_variables_repository__WEBPACK_IMPORTED_MODULE_4__.styleVariablesRepository.update({
6136		- [variableId]: result.variable
6137		- });
6138		- }
6139		- });
6140		- }
6141		- return {
6142		- success: true,
6143		- watermark,
6144		- operations: operations.length
6145		- };
6146		- });
6147		- }
6148		-};
6149		-const handleWatermark = (operation, newWatermark) => {
6150		- if (storage.watermarkDiff(operation, newWatermark)) {
6151		- setTimeout(() => service.load(), 500);
6152		- }
6153		- storage.watermark(newWatermark);
6154		-};
6155		-
6156		-/***/ }),
6157		-
6158		-/***/ "./packages/packages/core/editor-variables/src/storage.ts":
6159		-/*!****************************************************************!*\
6160		- !*** ./packages/packages/core/editor-variables/src/storage.ts ***!
6161		- \****************************************************************/
6162		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6163		-
6164		-__webpack_require__.r(__webpack_exports__);
6165		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6166		-/* harmony export */ OP_RW: function() { return /* binding */ OP_RW; },
6167		-/* harmony export */ STORAGE_UPDATED_EVENT: function() { return /* binding */ STORAGE_UPDATED_EVENT; },
6168		-/* harmony export */ Storage: function() { return /* binding */ Storage; }
6169		-/* harmony export */ });
6170		-const STORAGE_KEY = 'elementor-global-variables';
6171		-const STORAGE_WATERMARK_KEY = 'elementor-global-variables-watermark';
6172		-const STORAGE_UPDATED_EVENT = 'variables:updated';
6173		-const OP_RW = 'RW';
6174		-const OP_RO = 'RO';
6175		-class Storage {
6176		- notifyChange() {
6177		- window.dispatchEvent(new Event(STORAGE_UPDATED_EVENT));
6178		- }
6179		- constructor() {
6180		- this.state = {
6181		- watermark: -1,
6182		- variables: {}
6183		- };
6184		- }
6185		- load() {
6186		- this.state.watermark = parseInt(localStorage.getItem(STORAGE_WATERMARK_KEY) || '-1');
6187		- this.state.variables = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}');
6188		- return this.state.variables;
6189		- }
6190		- fill(variables, watermark) {
6191		- this.state.variables = {};
6192		- if (variables && Object.keys(variables).length) {
6193		- this.state.variables = variables;
6194		- }
6195		- this.state.watermark = watermark;
6196		- localStorage.setItem(STORAGE_WATERMARK_KEY, this.state.watermark.toString());
6197		- localStorage.setItem(STORAGE_KEY, JSON.stringify(this.state.variables));
6198		- this.notifyChange();
6199		- }
6200		- add(id, variable) {
6201		- this.load();
6202		- this.state.variables[id] = variable;
6203		- localStorage.setItem(STORAGE_KEY, JSON.stringify(this.state.variables));
6204		- this.notifyChange();
6205		- }
6206		- update(id, variable) {
6207		- this.load();
6208		- this.state.variables[id] = variable;
6209		- localStorage.setItem(STORAGE_KEY, JSON.stringify(this.state.variables));
6210		- this.notifyChange();
6211		- }
6212		- watermark(watermark) {
6213		- this.state.watermark = watermark;
6214		- localStorage.setItem(STORAGE_WATERMARK_KEY, this.state.watermark.toString());
6215		- }
6216		- watermarkDiff(operation, newWatermark) {
6217		- const diff = newWatermark - this.state.watermark;
6218		- if (OP_RW === operation) {
6219		- return 1 !== diff;
6220		- }
6221		- if (OP_RO === operation) {
6222		- return 0 !== diff;
6223		- }
6224		- return false;
6225		- }
6226		-}
6227		-
6228		-/***/ }),
6229		-
6230		-/***/ "./packages/packages/core/editor-variables/src/style-variables-repository.ts":
6231		-/*!***********************************************************************************!*\
6232		- !*** ./packages/packages/core/editor-variables/src/style-variables-repository.ts ***!
6233		- \***********************************************************************************/
6234		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6235		-
6236		-__webpack_require__.r(__webpack_exports__);
6237		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6238		-/* harmony export */ styleVariablesRepository: function() { return /* binding */ styleVariablesRepository; }
6239		-/* harmony export */ });
6240		-/* harmony import */ var _create_style_variables_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-style-variables-repository */ "./packages/packages/core/editor-variables/src/create-style-variables-repository.ts");
6241		-
6242		-const styleVariablesRepository = (0,_create_style_variables_repository__WEBPACK_IMPORTED_MODULE_0__.createStyleVariablesRepository)();
6243		-
6244		-/***/ }),
6245		-
6246		-/***/ "./packages/packages/core/editor-variables/src/sync/get-font-configs.ts":
6247		-/*!******************************************************************************!*\
6248		- !*** ./packages/packages/core/editor-variables/src/sync/get-font-configs.ts ***!
6249		- \******************************************************************************/
6250		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6251		-
6252		-__webpack_require__.r(__webpack_exports__);
6253		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6254		-/* harmony export */ getFontConfigs: function() { return /* binding */ getFontConfigs; }
6255		-/* harmony export */ });
6256		-const getFontConfigs = () => {
6257		- return window.elementor?.config?.controls?.font?.options ?? {};
6258		-};
6259		-
6260		-/***/ }),
6261		-
6262		-/***/ "./packages/packages/core/editor-variables/src/transformers/empty-transformer.tsx":
6263		-/*!****************************************************************************************!*\
6264		- !*** ./packages/packages/core/editor-variables/src/transformers/empty-transformer.tsx ***!
6265		- \****************************************************************************************/
6266		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6267		-
6268		-__webpack_require__.r(__webpack_exports__);
6269		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6270		-/* harmony export */ EmptyTransformer: function() { return /* binding */ EmptyTransformer; }
6271		-/* harmony export */ });
6272		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
6273		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
6274		-
6275		-
6276		-// eslint-disable-next-line @typescript-eslint/no-unused-vars
6277		-const EmptyTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)(_value => {
6278		- return null;
6279		-});
6280		-
6281		-/***/ }),
6282		-
6283		-/***/ "./packages/packages/core/editor-variables/src/transformers/inheritance-transformer.tsx":
6284		-/*!**********************************************************************************************!*\
6285		- !*** ./packages/packages/core/editor-variables/src/transformers/inheritance-transformer.tsx ***!
6286		- \**********************************************************************************************/
6287		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6288		-
6289		-__webpack_require__.r(__webpack_exports__);
6290		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6291		-/* harmony export */ inheritanceTransformer: function() { return /* binding */ inheritanceTransformer; }
6292		-/* harmony export */ });
6293		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6294		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6295		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
6296		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
6297		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6298		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
6299		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6300		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
6301		-/* harmony import */ var _components_ui_color_indicator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/ui/color-indicator */ "./packages/packages/core/editor-variables/src/components/ui/color-indicator.tsx");
6302		-/* harmony import */ var _prop_types_color_variable_prop_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../prop-types/color-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/color-variable-prop-type.ts");
6303		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
6304		-/* harmony import */ var _utils_resolve_css_variable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/resolve-css-variable */ "./packages/packages/core/editor-variables/src/transformers/utils/resolve-css-variable.ts");
6305		-
6306		-
6307		-
6308		-
6309		-
6310		-
6311		-
6312		-
6313		-const inheritanceTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(id => {
6314		- const variables = _service__WEBPACK_IMPORTED_MODULE_6__.service.variables();
6315		- const variable = variables[id];
6316		- if (!variable) {
6317		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Missing variable', 'elementor'));
6318		- }
6319		- const showColorIndicator = variable.type === _prop_types_color_variable_prop_type__WEBPACK_IMPORTED_MODULE_5__.colorVariablePropTypeUtil.key;
6320		- const css = (0,_utils_resolve_css_variable__WEBPACK_IMPORTED_MODULE_7__.resolveCssVariable)(id, variable);
6321		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
6322		- direction: "row",
6323		- spacing: 0.5,
6324		- sx: {
6325		- paddingInline: '1px'
6326		- },
6327		- alignItems: "center"
6328		- }, showColorIndicator && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_color_indicator__WEBPACK_IMPORTED_MODULE_4__.ColorIndicator, {
6329		- size: "inherit",
6330		- value: variable.value
6331		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
6332		- variant: "caption",
6333		- overflow: "hidden",
6334		- whiteSpace: "nowrap",
6335		- textOverflow: "ellipsis"
6336		- }, css));
6337		-});
6338		-
6339		-/***/ }),
6340		-
6341		-/***/ "./packages/packages/core/editor-variables/src/transformers/utils/resolve-css-variable.ts":
6342		-/*!************************************************************************************************!*\
6343		- !*** ./packages/packages/core/editor-variables/src/transformers/utils/resolve-css-variable.ts ***!
6344		- \************************************************************************************************/
6345		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6346		-
6347		-__webpack_require__.r(__webpack_exports__);
6348		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6349		-/* harmony export */ resolveCssVariable: function() { return /* binding */ resolveCssVariable; }
6350		-/* harmony export */ });
6351		-const resolveCssVariable = (id, variable) => {
6352		- let name = id;
6353		- let fallbackValue = '';
6354		- if (variable) {
6355		- fallbackValue = variable.value;
6356		- }
6357		- if (variable && !variable.deleted) {
6358		- name = variable.label;
6359		- }
6360		- if (!name.trim()) {
6361		- return null;
6362		- }
6363		- const validCssVariableName = `--${name}`;
6364		- if (!fallbackValue.trim()) {
6365		- return `var(${validCssVariableName})`;
6366		- }
6367		- return `var(${validCssVariableName}, ${fallbackValue})`;
6368		-};
6369		-
6370		-/***/ }),
6371		-
6372		-/***/ "./packages/packages/core/editor-variables/src/transformers/variable-transformer.ts":
6373		-/*!******************************************************************************************!*\
6374		- !*** ./packages/packages/core/editor-variables/src/transformers/variable-transformer.ts ***!
6375		- \******************************************************************************************/
6376		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6377		-
6378		-__webpack_require__.r(__webpack_exports__);
6379		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6380		-/* harmony export */ variableTransformer: function() { return /* binding */ variableTransformer; }
6381		-/* harmony export */ });
6382		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
6383		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
6384		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
6385		-/* harmony import */ var _utils_resolve_css_variable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/resolve-css-variable */ "./packages/packages/core/editor-variables/src/transformers/utils/resolve-css-variable.ts");
6386		-
6387		-
6388		-
6389		-const variableTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)((idOrLabel, {
6390		- key
6391		-}) => {
6392		- const variables = _service__WEBPACK_IMPORTED_MODULE_1__.service.variables();
6393		- const targetVariable = variables[idOrLabel] || _service__WEBPACK_IMPORTED_MODULE_1__.service.findVariableByLabel(idOrLabel);
6394		- if (!targetVariable) {
6395		- return null;
6396		- }
6397		- if ((0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.isGridTrackProperty)(key)) {
6398		- const count = parseInt((targetVariable.value ?? '').trim(), 10);
6399		- return (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.formatGridTrackRepeat)(count);
6400		- }
6401		- const id = _service__WEBPACK_IMPORTED_MODULE_1__.service.findIdByLabel(targetVariable.label);
6402		- return (0,_utils_resolve_css_variable__WEBPACK_IMPORTED_MODULE_2__.resolveCssVariable)(id, targetVariable);
6403		-});
6404		-
6405		-/***/ }),
6406		-
6407		-/***/ "./packages/packages/core/editor-variables/src/utils/duplicate-label.ts":
6408		-/*!******************************************************************************!*\
6409		- !*** ./packages/packages/core/editor-variables/src/utils/duplicate-label.ts ***!
6410		- \******************************************************************************/
6411		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6412		-
6413		-__webpack_require__.r(__webpack_exports__);
6414		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6415		-/* harmony export */ COPY_SUFFIX: function() { return /* binding */ COPY_SUFFIX; },
6416		-/* harmony export */ generateDuplicateLabel: function() { return /* binding */ generateDuplicateLabel; }
6417		-/* harmony export */ });
6418		-/* harmony import */ var _validations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validations */ "./packages/packages/core/editor-variables/src/utils/validations.ts");
6419		-
6420		-const COPY_SUFFIX = '-Copy';
6421		-const trimToFit = (base, suffix) => {
6422		- const combined = base + suffix;
6423		- if (combined.length <= _validations__WEBPACK_IMPORTED_MODULE_0__.VARIABLE_LABEL_MAX_LENGTH) {
6424		- return combined;
6425		- }
6426		- return base.slice(0, _validations__WEBPACK_IMPORTED_MODULE_0__.VARIABLE_LABEL_MAX_LENGTH - suffix.length) + suffix;
6427		-};
6428		-const generateDuplicateLabel = (originalLabel, existingLabels) => {
6429		- const labelsSet = new Set(existingLabels);
6430		- const firstCandidate = trimToFit(originalLabel, COPY_SUFFIX);
6431		- if (!labelsSet.has(firstCandidate)) {
6432		- return firstCandidate;
6433		- }
6434		- for (let i = 2; i <= labelsSet.size + 1; i++) {
6435		- const candidate = trimToFit(originalLabel, `${COPY_SUFFIX}-${i}`);
6436		- if (!labelsSet.has(candidate)) {
6437		- return candidate;
6438		- }
6439		- }
6440		- return firstCandidate;
6441		-};
6442		-
6443		-/***/ }),
6444		-
6445		-/***/ "./packages/packages/core/editor-variables/src/utils/extract-variables-from-style-value.ts":
6446		-/*!*************************************************************************************************!*\
6447		- !*** ./packages/packages/core/editor-variables/src/utils/extract-variables-from-style-value.ts ***!
6448		- \*************************************************************************************************/
6449		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6450		-
6451		-__webpack_require__.r(__webpack_exports__);
6452		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6453		-/* harmony export */ extractVariablesFromStyleValue: function() { return /* binding */ extractVariablesFromStyleValue; }
6454		-/* harmony export */ });
6455		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
6456		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
6457		-
6458		-const VARIABLE_TYPE_KEYS = ['global-color-variable', 'global-font-variable', 'global-size-variable', 'global-custom-size-variable'];
6459		-function tryExtractVariable(value) {
6460		- for (const key of VARIABLE_TYPE_KEYS) {
6461		- const propUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.getPropSchemaFromCache)(key);
6462		- if (propUtil?.isValid(value)) {
6463		- return {
6464		- type: key,
6465		- variableId: propUtil.extract(value)
6466		- };
6467		- }
6468		- }
6469		- return null;
6470		-}
6471		-function traverse(value, path, result) {
6472		- const extracted = tryExtractVariable(value);
6473		- if (extracted) {
6474		- result.push({
6475		- ...extracted,
6476		- controlPath: path.join('.')
6477		- });
6478		- return;
6479		- }
6480		- if ((0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isTransformable)(value)) {
6481		- traverse(value.value, path, result);
6482		- return;
6483		- }
6484		- if (value && typeof value === 'object') {
6485		- for (const [key, val] of Object.entries(value)) {
6486		- traverse(val, [...path, key], result);
6487		- }
6488		- }
6489		-}
6490		-function extractVariablesFromStyleValue(styleValue) {
6491		- const result = [];
6492		- traverse(styleValue, [], result);
6493		- return result;
6494		-}
6495		-
6496		-/***/ }),
6497		-
6498		-/***/ "./packages/packages/core/editor-variables/src/utils/filter-by-search.ts":
6499		-/*!*******************************************************************************!*\
6500		- !*** ./packages/packages/core/editor-variables/src/utils/filter-by-search.ts ***!
6501		- \*******************************************************************************/
6502		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6503		-
6504		-__webpack_require__.r(__webpack_exports__);
6505		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6506		-/* harmony export */ filterBySearch: function() { return /* binding */ filterBySearch; }
6507		-/* harmony export */ });
6508		-function filterBySearch(variables, searchValue) {
6509		- const lowerSearchValue = searchValue.toLowerCase();
6510		- return variables.filter(variable => variable.label.toLowerCase().includes(lowerSearchValue));
6511		-}
6512		-
6513		-/***/ }),
6514		-
6515		-/***/ "./packages/packages/core/editor-variables/src/utils/llm-propvalue-label-resolver.ts":
6516		-/*!*******************************************************************************************!*\
6517		- !*** ./packages/packages/core/editor-variables/src/utils/llm-propvalue-label-resolver.ts ***!
6518		- \*******************************************************************************************/
6519		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6520		-
6521		-__webpack_require__.r(__webpack_exports__);
6522		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6523		-/* harmony export */ globalVariablesLLMResolvers: function() { return /* binding */ globalVariablesLLMResolvers; }
6524		-/* harmony export */ });
6525		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./packages/packages/core/editor-variables/src/service.ts");
6526		-
6527		-const defaultResolver = key => value => {
6528		- const idOrLabel = String(value);
6529		- return {
6530		- $$type: key,
6531		- value: _service__WEBPACK_IMPORTED_MODULE_0__.service.variables()[idOrLabel] ? idOrLabel : _service__WEBPACK_IMPORTED_MODULE_0__.service.findIdByLabel(idOrLabel)
6532		- };
6533		-};
6534		-const globalVariablesLLMResolvers = {
6535		- 'global-color-variable': defaultResolver('global-color-variable'),
6536		- 'global-font-variable': defaultResolver('global-font-variable'),
6537		- 'global-size-variable': defaultResolver('global-size-variable')
6538		-};
6539		-
6540		-/***/ }),
6541		-
6542		-/***/ "./packages/packages/core/editor-variables/src/utils/size-value.ts":
6543		-/*!*************************************************************************!*\
6544		- !*** ./packages/packages/core/editor-variables/src/utils/size-value.ts ***!
6545		- \*************************************************************************/
6546		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6547		-
6548		-__webpack_require__.r(__webpack_exports__);
6549		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6550		-/* harmony export */ sizeValue: function() { return /* binding */ sizeValue; }
6551		-/* harmony export */ });
6552		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
6553		-/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
6554		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
6555		-/* harmony import */ var _prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../prop-types */ "./packages/packages/core/editor-variables/src/prop-types/index.ts");
6556		-
6557		-
6558		-
6559		-const DEFAULT_UNIT = 'px';
6560		-const CUSTOM_SIZE_LABEL = 'fx';
6561		-function sizeValue(value) {
6562		- if (_prop_types__WEBPACK_IMPORTED_MODULE_2__.sizeVariablePropTypeUtil.isValid(value) || _prop_types__WEBPACK_IMPORTED_MODULE_2__.customSizeVariablePropTypeUtil.isValid(value)) {
6563		- const variable = (0,_hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_1__.getVariable)(value?.value);
6564		- return variable?.value;
6565		- }
6566		- if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.sizePropTypeUtil.isValid(value)) {
6567		- const {
6568		- size,
6569		- unit
6570		- } = value.value;
6571		- if ('custom' !== unit) {
6572		- return `${size ?? 0}${unit ?? DEFAULT_UNIT}`;
6573		- }
6574		- if (!size) {
6575		- return CUSTOM_SIZE_LABEL;
6576		- }
6577		- return size;
6578		- }
6579		- return '';
6580		-}
6581		-
6582		-/***/ }),
6583		-
6584		-/***/ "./packages/packages/core/editor-variables/src/utils/tracking.ts":
6585		-/*!***********************************************************************!*\
6586		- !*** ./packages/packages/core/editor-variables/src/utils/tracking.ts ***!
6587		- \***********************************************************************/
6588		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6589		-
6590		-__webpack_require__.r(__webpack_exports__);
6591		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6592		-/* harmony export */ trackVariableEvent: function() { return /* binding */ trackVariableEvent; },
6593		-/* harmony export */ trackVariableSyncToV3: function() { return /* binding */ trackVariableSyncToV3; },
6594		-/* harmony export */ trackVariablesManagerEvent: function() { return /* binding */ trackVariablesManagerEvent; }
6595		-/* harmony export */ });
6596		-/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/events */ "@elementor/events");
6597		-/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__WEBPACK_IMPORTED_MODULE_0__);
6598		-
6599		-const trackVariableEvent = ({
6600		- varType,
6601		- controlPath,
6602		- action,
6603		- executedBy
6604		-}) => {
6605		- const {
6606		- dispatchEvent,
6607		- config
6608		- } = (0,_elementor_events__WEBPACK_IMPORTED_MODULE_0__.getMixpanel)();
6609		- if (!config?.names?.variables?.[action]) {
6610		- return;
6611		- }
6612		- const name = config.names.variables[action];
6613		- let eventData = {
6614		- var_type: varType,
6615		- action_type: name
6616		- };
6617		- if (executedBy) {
6618		- eventData.executed_by = executedBy;
6619		- }
6620		- const defaultLocationInfo = {
6621		- location: config?.locations?.variables || '',
6622		- secondaryLocation: config?.secondaryLocations?.variablesPopover || '',
6623		- trigger: config?.triggers?.click || ''
6624		- };
6625		- if (!executedBy || executedBy !== 'mcp_tool') {
6626		- eventData = {
6627		- ...defaultLocationInfo,
6628		- ...eventData
6629		- };
6630		- }
6631		- if (controlPath) {
6632		- eventData.control_path = controlPath;
6633		- }
6634		- dispatchEvent?.(name, eventData);
6635		-};
6636		-const trackVariablesManagerEvent = ({
6637		- action,
6638		- source,
6639		- varType,
6640		- controlPath
6641		-}) => {
6642		- const {
6643		- dispatchEvent,
6644		- config
6645		- } = (0,_elementor_events__WEBPACK_IMPORTED_MODULE_0__.getMixpanel)();
6646		- if (!config?.names?.variables?.[action]) {
6647		- return;
6648		- }
6649		- const name = config.names.variables[action];
6650		- const eventData = {
6651		- location: config?.locations?.variablesManager || '',
6652		- trigger: config?.triggers?.click || '',
6653		- action_type: name
6654		- };
6655		- if (source) {
6656		- eventData.source = source;
6657		- }
6658		- if (varType) {
6659		- eventData.var_type = varType;
6660		- }
6661		- if (controlPath) {
6662		- eventData.style_control_path = controlPath;
6663		- }
6664		- dispatchEvent?.(name, eventData);
6665		-};
6666		-const trackVariableSyncToV3 = ({
6667		- variableLabel,
6668		- action
6669		-}) => {
6670		- const {
6671		- dispatchEvent,
6672		- config
6673		- } = (0,_elementor_events__WEBPACK_IMPORTED_MODULE_0__.getMixpanel)();
6674		- if (!config?.names?.variables?.variableSyncToV3) {
6675		- return;
6676		- }
6677		- const name = config.names.variables.variableSyncToV3;
6678		- const isSync = action === 'sync';
6679		- dispatchEvent?.(name, {
6680		- interaction_type: 'click',
6681		- target_type: variableLabel,
6682		- target_name: isSync ? 'sync_to_v3' : 'unsync_to_v3',
6683		- interaction_result: isSync ? 'var_is_synced_to_V3' : 'var_is_unsynced_from_V3',
6684		- target_location: 'widget_panel',
6685		- location_l1: 'var_manager',
6686		- interaction_description: isSync ? `user_synced_${variableLabel}_to_v3` : `user_unsync_${variableLabel}_from_v3`
6687		- });
6688		-};
6689		-
6690		-/***/ }),
6691		-
6692		-/***/ "./packages/packages/core/editor-variables/src/utils/unlink-variable.ts":
6693		-/*!******************************************************************************!*\
6694		- !*** ./packages/packages/core/editor-variables/src/utils/unlink-variable.ts ***!
6695		- \******************************************************************************/
6696		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6697		-
6698		-__webpack_require__.r(__webpack_exports__);
6699		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6700		-/* harmony export */ createUnlinkHandler: function() { return /* binding */ createUnlinkHandler; },
6701		-/* harmony export */ transformValueBeforeUnlink: function() { return /* binding */ transformValueBeforeUnlink; }
6702		-/* harmony export */ });
6703		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
6704		-
6705		-function transformValueBeforeUnlink(variable, propTypeKey) {
6706		- const {
6707		- valueTransformer
6708		- } = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_0__.getVariableType)(propTypeKey);
6709		- if (valueTransformer) {
6710		- return valueTransformer(variable.value, variable.type);
6711		- }
6712		- return variable.value;
6713		-}
6714		-function createUnlinkHandler(variable, propTypeKey, setValue) {
6715		- return () => {
6716		- const {
6717		- fallbackPropTypeUtil
6718		- } = (0,_variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_0__.getVariableType)(propTypeKey);
6719		- const transformedValue = transformValueBeforeUnlink(variable, propTypeKey);
6720		- setValue(fallbackPropTypeUtil.create(transformedValue));
6721		- };
6722		-}
6723		-
6724		-/***/ }),
6725		-
6726		-/***/ "./packages/packages/core/editor-variables/src/utils/validations.ts":
6727		-/*!**************************************************************************!*\
6728		- !*** ./packages/packages/core/editor-variables/src/utils/validations.ts ***!
6729		- \**************************************************************************/
6730		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6731		-
6732		-__webpack_require__.r(__webpack_exports__);
6733		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6734		-/* harmony export */ ERROR_MESSAGES: function() { return /* binding */ ERROR_MESSAGES; },
6735		-/* harmony export */ VARIABLE_LABEL_MAX_LENGTH: function() { return /* binding */ VARIABLE_LABEL_MAX_LENGTH; },
6736		-/* harmony export */ labelHint: function() { return /* binding */ labelHint; },
6737		-/* harmony export */ mapServerError: function() { return /* binding */ mapServerError; },
6738		-/* harmony export */ validateLabel: function() { return /* binding */ validateLabel; },
6739		-/* harmony export */ validateValue: function() { return /* binding */ validateValue; }
6740		-/* harmony export */ });
6741		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
6742		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_0__);
6743		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6744		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
6745		-
6746		-
6747		-const ERROR_MESSAGES = {
6748		- MISSING_VARIABLE_NAME: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Give your variable a name.', 'elementor'),
6749		- MISSING_VARIABLE_VALUE: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Add a value to complete your variable.', 'elementor'),
6750		- INVALID_CHARACTERS: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Use letters, numbers, dashes (-), or underscores (_) for the name.', 'elementor'),
6751		- NO_NON_SPECIAL_CHARACTER: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Names have to include at least one non-special character.', 'elementor'),
6752		- VARIABLE_LABEL_MAX_LENGTH: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Keep names up to 50 characters.', 'elementor'),
6753		- DUPLICATED_LABEL: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('This variable name already exists. Please choose a unique name.', 'elementor'),
6754		- UNEXPECTED_ERROR: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('There was a glitch. Try saving your variable again.', 'elementor'),
6755		- BATCH: {
6756		- DUPLICATED_LABELS: (count, name) =>
6757		- // eslint-disable-next-line @wordpress/i18n-translator-comments
6758		- (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('We found %1$d duplicated %2$s.', 'elementor'), count, name),
6759		- UNEXPECTED_ERROR: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('There was a glitch.', 'elementor'),
6760		- DUPLICATED_LABEL_ACTION: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Take me there', 'elementor'),
6761		- DUPLICATED_LABEL_ACTION_MESSAGE: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Please rename the variables.', 'elementor'),
6762		- UNEXPECTED_ERROR_ACTION_MESSAGE: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Try saving your variables again.', 'elementor')
6763		- }
6764		-};
6765		-const VARIABLE_LABEL_MAX_LENGTH = 50;
6766		-const mapServerError = error => {
6767		- if (error?.response?.data?.code === 'duplicated_label') {
6768		- return {
6769		- field: 'label',
6770		- message: ERROR_MESSAGES.DUPLICATED_LABEL
6771		- };
6772		- }
6773		- if (error?.response?.data?.code === 'batch_duplicated_label') {
6774		- const errorData = error?.response?.data?.data ?? {};
6775		- const count = Object.keys(errorData).length;
6776		- const name = count === 1 ? 'name' : 'names';
6777		- const duplicatedIds = Object.keys(errorData);
6778		- return {
6779		- field: 'label',
6780		- message: ERROR_MESSAGES.BATCH.DUPLICATED_LABELS(count, name),
6781		- severity: 'error',
6782		- IconComponent: _elementor_icons__WEBPACK_IMPORTED_MODULE_0__.AlertTriangleFilledIcon,
6783		- action: {
6784		- label: ERROR_MESSAGES.BATCH.DUPLICATED_LABEL_ACTION,
6785		- message: ERROR_MESSAGES.BATCH.DUPLICATED_LABEL_ACTION_MESSAGE,
6786		- data: {
6787		- duplicatedIds
6788		- }
6789		- }
6790		- };
6791		- }
6792		- if (error?.response?.data?.code === 'batch_operation_failed') {
6793		- return {
6794		- field: 'label',
6795		- message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR,
6796		- severity: 'secondary',
6797		- IconComponent: _elementor_icons__WEBPACK_IMPORTED_MODULE_0__.InfoCircleFilledIcon,
6798		- action: {
6799		- message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR_ACTION_MESSAGE
6800		- }
6801		- };
6802		- }
6803		- return undefined;
6804		-};
6805		-const validateLabel = (name, variables) => {
6806		- if (!name.trim()) {
6807		- return ERROR_MESSAGES.MISSING_VARIABLE_NAME;
6808		- }
6809		- const allowedChars = /^[a-zA-Z0-9_-]+$/;
6810		- if (!allowedChars.test(name)) {
6811		- return ERROR_MESSAGES.INVALID_CHARACTERS;
6812		- }
6813		- const hasAlphanumeric = /[a-zA-Z0-9]/;
6814		- if (!hasAlphanumeric.test(name)) {
6815		- return ERROR_MESSAGES.NO_NON_SPECIAL_CHARACTER;
6816		- }
6817		- if (VARIABLE_LABEL_MAX_LENGTH < name.length) {
6818		- return ERROR_MESSAGES.VARIABLE_LABEL_MAX_LENGTH;
6819		- }
6820		- if (Object.values(variables ?? {}).some(variable => variable.label === name)) {
6821		- return ERROR_MESSAGES.DUPLICATED_LABEL;
6822		- }
6823		- return '';
6824		-};
6825		-const labelHint = name => {
6826		- const hintThreshold = VARIABLE_LABEL_MAX_LENGTH * 0.8 - 1;
6827		- if (hintThreshold < name.length) {
6828		- return ERROR_MESSAGES.VARIABLE_LABEL_MAX_LENGTH;
6829		- }
6830		- return '';
6831		-};
6832		-const validateValue = value => {
6833		- if (!value.trim()) {
6834		- return ERROR_MESSAGES.MISSING_VARIABLE_VALUE;
6835		- }
6836		- return '';
6837		-};
6838		-
6839		-/***/ }),
6840		-
6841		-/***/ "./packages/packages/core/editor-variables/src/utils/variables-to-list.ts":
6842		-/*!********************************************************************************!*\
6843		- !*** ./packages/packages/core/editor-variables/src/utils/variables-to-list.ts ***!
6844		- \********************************************************************************/
6845		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6846		-
6847		-__webpack_require__.r(__webpack_exports__);
6848		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6849		-/* harmony export */ applySelectionFilters: function() { return /* binding */ applySelectionFilters; },
6850		-/* harmony export */ toNormalizedVariable: function() { return /* binding */ toNormalizedVariable; },
6851		-/* harmony export */ variablesToList: function() { return /* binding */ variablesToList; }
6852		-/* harmony export */ });
6853		-const variablesToList = variables => {
6854		- return Object.entries(variables).map(([key, variable]) => ({
6855		- key,
6856		- ...variable
6857		- }));
6858		-};
6859		-const toNormalizedVariable = ({
6860		- key,
6861		- label,
6862		- value,
6863		- order,
6864		- sync_to_v3: syncToV3
6865		-}) => ({
6866		- key,
6867		- label,
6868		- value,
6869		- order,
6870		- sync_to_v3: syncToV3
6871		-});
6872		-const applySelectionFilters = (variables, variableTypes) => {
6873		- const grouped = {};
6874		- variables.forEach(item => (grouped[item.type] ??= []).push(item));
6875		- return Object.entries(grouped).flatMap(([type, vars]) => {
6876		- const filter = variableTypes[type]?.selectionFilter;
6877		- const normalized = vars.map(toNormalizedVariable);
6878		- return (filter?.(normalized) ?? normalized).map(v => ({
6879		- ...v,
6880		- type
6881		- }));
6882		- });
6883		-};
6884		-
6885		-/***/ }),
6886		-
6887		-/***/ "./packages/packages/core/editor-variables/src/variables-registry/create-variable-type-registry.ts":
6888		-/*!*********************************************************************************************************!*\
6889		- !*** ./packages/packages/core/editor-variables/src/variables-registry/create-variable-type-registry.ts ***!
6890		- \*********************************************************************************************************/
6891		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6892		-
6893		-__webpack_require__.r(__webpack_exports__);
6894		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6895		-/* harmony export */ createVariableTypeRegistry: function() { return /* binding */ createVariableTypeRegistry; }
6896		-/* harmony export */ });
6897		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
6898		-/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
6899		-/* harmony import */ var _transformers_inheritance_transformer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../transformers/inheritance-transformer */ "./packages/packages/core/editor-variables/src/transformers/inheritance-transformer.tsx");
6900		-/* harmony import */ var _transformers_variable_transformer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../transformers/variable-transformer */ "./packages/packages/core/editor-variables/src/transformers/variable-transformer.ts");
6901		-
6902		-
6903		-
6904		-function createVariableTypeRegistry() {
6905		- const variableTypes = {};
6906		- const registerVariableType = ({
6907		- key,
6908		- icon,
6909		- startIcon,
6910		- valueField,
6911		- propTypeUtil,
6912		- variableType,
6913		- defaultValue,
6914		- selectionFilter,
6915		- valueTransformer,
6916		- styleTransformer,
6917		- fallbackPropTypeUtil,
6918		- isCompatible,
6919		- emptyState,
6920		- isActive = true,
6921		- menuActionsFactory
6922		- }) => {
6923		- const variableTypeKey = key ?? propTypeUtil.key;
6924		- if (!isCompatible) {
6925		- isCompatible = (propType, variable) => {
6926		- if ('union' === propType.kind) {
6927		- if (variable.type in propType.prop_types) {
6928		- return true;
6929		- }
6930		- }
6931		- return false;
6932		- };
6933		- }
6934		- variableTypes[variableTypeKey] = {
6935		- icon,
6936		- startIcon,
6937		- valueField,
6938		- propTypeUtil,
6939		- variableType,
6940		- defaultValue,
6941		- selectionFilter,
6942		- valueTransformer,
6943		- fallbackPropTypeUtil,
6944		- isCompatible,
6945		- emptyState,
6946		- isActive,
6947		- menuActionsFactory
6948		- };
6949		- registerTransformer(propTypeUtil.key, styleTransformer);
6950		- registerInheritanceTransformer(propTypeUtil.key);
6951		- };
6952		- const registerTransformer = (key, transformer) => {
6953		- _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.styleTransformersRegistry.register(key, transformer ?? _transformers_variable_transformer__WEBPACK_IMPORTED_MODULE_2__.variableTransformer);
6954		- };
6955		- const registerInheritanceTransformer = key => {
6956		- _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register(key, _transformers_inheritance_transformer__WEBPACK_IMPORTED_MODULE_1__.inheritanceTransformer);
6957		- };
6958		- const getVariableType = key => {
6959		- return variableTypes[key];
6960		- };
6961		- const getVariableTypes = () => {
6962		- return variableTypes;
6963		- };
6964		- const hasVariableType = key => {
6965		- return key in variableTypes && !!variableTypes[key].isActive;
6966		- };
6967		- return {
6968		- registerVariableType,
6969		- getVariableType,
6970		- getVariableTypes,
6971		- hasVariableType
6972		- };
6973		-}
6974		-
6975		-/***/ }),
6976		-
6977		-/***/ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts":
6978		-/*!**************************************************************************************************!*\
6979		- !*** ./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts ***!
6980		- \**************************************************************************************************/
6981		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6982		-
6983		-__webpack_require__.r(__webpack_exports__);
6984		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6985		-/* harmony export */ getMenuActionsForVariable: function() { return /* binding */ getMenuActionsForVariable; },
6986		-/* harmony export */ getVariableType: function() { return /* binding */ getVariableType; },
6987		-/* harmony export */ getVariableTypes: function() { return /* binding */ getVariableTypes; },
6988		-/* harmony export */ hasVariableType: function() { return /* binding */ hasVariableType; },
6989		-/* harmony export */ registerVariableType: function() { return /* binding */ registerVariableType; }
6990		-/* harmony export */ });
6991		-/* harmony import */ var _create_variable_type_registry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/create-variable-type-registry.ts");
6992		-
6993		-const {
6994		- registerVariableType,
6995		- getVariableType,
6996		- getVariableTypes,
6997		- hasVariableType
6998		-} = (0,_create_variable_type_registry__WEBPACK_IMPORTED_MODULE_0__.createVariableTypeRegistry)();
6999		-function getMenuActionsForVariable(variableType, context) {
7000		- const typeOptions = getVariableType(variableType);
7001		- if (typeOptions?.menuActionsFactory) {
7002		- return typeOptions.menuActionsFactory(context);
7003		- }
7004		- return [];
7005		-}
7006		-
7007		-/***/ }),
7008		-
7009		-/***/ "@elementor/editor":
7010		-/*!*****************************************!*\
7011		- !*** external ["elementorV2","editor"] ***!
7012		- \*****************************************/
7013		-/***/ (function(module) {
7014		-
7015		-module.exports = window["elementorV2"]["editor"];
7016		-
7017		-/***/ }),
7018		-
7019		-/***/ "@elementor/editor-canvas":
7020		-/*!***********************************************!*\
7021		- !*** external ["elementorV2","editorCanvas"] ***!
7022		- \***********************************************/
7023		-/***/ (function(module) {
7024		-
7025		-module.exports = window["elementorV2"]["editorCanvas"];
7026		-
7027		-/***/ }),
7028		-
7029		-/***/ "@elementor/editor-controls":
7030		-/*!*************************************************!*\
7031		- !*** external ["elementorV2","editorControls"] ***!
7032		- \*************************************************/
7033		-/***/ (function(module) {
7034		-
7035		-module.exports = window["elementorV2"]["editorControls"];
7036		-
7037		-/***/ }),
7038		-
7039		-/***/ "@elementor/editor-current-user":
7040		-/*!****************************************************!*\
7041		- !*** external ["elementorV2","editorCurrentUser"] ***!
7042		- \****************************************************/
7043		-/***/ (function(module) {
7044		-
7045		-module.exports = window["elementorV2"]["editorCurrentUser"];
7046		-
7047		-/***/ }),
7048		-
7049		-/***/ "@elementor/editor-mcp":
7050		-/*!********************************************!*\
7051		- !*** external ["elementorV2","editorMcp"] ***!
7052		- \********************************************/
7053		-/***/ (function(module) {
7054		-
7055		-module.exports = window["elementorV2"]["editorMcp"];
7056		-
7057		-/***/ }),
7058		-
7059		-/***/ "@elementor/editor-panels":
7060		-/*!***********************************************!*\
7061		- !*** external ["elementorV2","editorPanels"] ***!
7062		- \***********************************************/
7063		-/***/ (function(module) {
7064		-
7065		-module.exports = window["elementorV2"]["editorPanels"];
7066		-
7067		-/***/ }),
7068		-
7069		-/***/ "@elementor/editor-props":
7070		-/*!**********************************************!*\
7071		- !*** external ["elementorV2","editorProps"] ***!
7072		- \**********************************************/
7073		-/***/ (function(module) {
7074		-
7075		-module.exports = window["elementorV2"]["editorProps"];
7076		-
7077		-/***/ }),
7078		-
7079		-/***/ "@elementor/editor-ui":
7080		-/*!*******************************************!*\
7081		- !*** external ["elementorV2","editorUi"] ***!
7082		- \*******************************************/
7083		-/***/ (function(module) {
7084		-
7085		-module.exports = window["elementorV2"]["editorUi"];
7086		-
7087		-/***/ }),
7088		-
7089		-/***/ "@elementor/editor-v1-adapters":
7090		-/*!***************************************************!*\
7091		- !*** external ["elementorV2","editorV1Adapters"] ***!
7092		- \***************************************************/
7093		-/***/ (function(module) {
7094		-
7095		-module.exports = window["elementorV2"]["editorV1Adapters"];
7096		-
7097		-/***/ }),
7098		-
7099		-/***/ "@elementor/events":
7100		-/*!*****************************************!*\
7101		- !*** external ["elementorV2","events"] ***!
7102		- \*****************************************/
7103		-/***/ (function(module) {
7104		-
7105		-module.exports = window["elementorV2"]["events"];
7106		-
7107		-/***/ }),
7108		-
7109		-/***/ "@elementor/http-client":
7110		-/*!*********************************************!*\
7111		- !*** external ["elementorV2","httpClient"] ***!
7112		- \*********************************************/
7113		-/***/ (function(module) {
7114		-
7115		-module.exports = window["elementorV2"]["httpClient"];
7116		-
7117		-/***/ }),
7118		-
7119		-/***/ "@elementor/icons":
7120		-/*!****************************************!*\
7121		- !*** external ["elementorV2","icons"] ***!
7122		- \****************************************/
7123		-/***/ (function(module) {
7124		-
7125		-module.exports = window["elementorV2"]["icons"];
7126		-
7127		-/***/ }),
7128		-
7129		-/***/ "@elementor/menus":
7130		-/*!****************************************!*\
7131		- !*** external ["elementorV2","menus"] ***!
7132		- \****************************************/
7133		-/***/ (function(module) {
7134		-
7135		-module.exports = window["elementorV2"]["menus"];
7136		-
7137		-/***/ }),
7138		-
7139		-/***/ "@elementor/schema":
7140		-/*!*****************************************!*\
7141		- !*** external ["elementorV2","schema"] ***!
7142		- \*****************************************/
7143		-/***/ (function(module) {
7144		-
7145		-module.exports = window["elementorV2"]["schema"];
7146		-
7147		-/***/ }),
7148		-
7149		-/***/ "@elementor/ui":
7150		-/*!*************************************!*\
7151		- !*** external ["elementorV2","ui"] ***!
7152		- \*************************************/
7153		-/***/ (function(module) {
7154		-
7155		-module.exports = window["elementorV2"]["ui"];
7156		-
7157		-/***/ }),
7158		-
7159		-/***/ "@elementor/utils":
7160		-/*!****************************************!*\
7161		- !*** external ["elementorV2","utils"] ***!
7162		- \****************************************/
7163		-/***/ (function(module) {
7164		-
7165		-module.exports = window["elementorV2"]["utils"];
7166		-
7167		-/***/ }),
7168		-
7169		-/***/ "@wordpress/i18n":
7170		-/*!******************************!*\
7171		- !*** external ["wp","i18n"] ***!
7172		- \******************************/
7173		-/***/ (function(module) {
7174		-
7175		-module.exports = window["wp"]["i18n"];
7176		-
7177		-/***/ }),
7178		-
7179		-/***/ "react":
7180		-/*!**************************!*\
7181		- !*** external ["React"] ***!
7182		- \**************************/
7183		-/***/ (function(module) {
7184		-
7185		-module.exports = window["React"];
7186		-
7187		-/***/ })
7188		-
7189		-/******/ });
7190		-/************************************************************************/
7191		-/******/ // The module cache
7192		-/******/ var __webpack_module_cache__ = {};
7193		-/******/
7194		-/******/ // The require function
7195		-/******/ function __webpack_require__(moduleId) {
7196		-/******/ // Check if module is in cache
7197		-/******/ var cachedModule = __webpack_module_cache__[moduleId];
7198		-/******/ if (cachedModule !== undefined) {
7199		-/******/ return cachedModule.exports;
7200		-/******/ }
7201		-/******/ // Create a new module (and put it into the cache)
7202		-/******/ var module = __webpack_module_cache__[moduleId] = {
7203		-/******/ // no module.id needed
7204		-/******/ // no module.loaded needed
7205		-/******/ exports: {}
7206		-/******/ };
7207		-/******/
7208		-/******/ // Execute the module function
7209		-/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
7210		-/******/
7211		-/******/ // Return the exports of the module
7212		-/******/ return module.exports;
7213		-/******/ }
7214		-/******/
7215		-/************************************************************************/
7216		-/******/ /* webpack/runtime/compat get default export */
7217		-/******/ !function() {
7218		-/******/ // getDefaultExport function for compatibility with non-harmony modules
7219		-/******/ __webpack_require__.n = function(module) {
7220		-/******/ var getter = module && module.__esModule ?
7221		-/******/ function() { return module['default']; } :
7222		-/******/ function() { return module; };
7223		-/******/ __webpack_require__.d(getter, { a: getter });
7224		-/******/ return getter;
7225		-/******/ };
7226		-/******/ }();
7227		-/******/
7228		-/******/ /* webpack/runtime/define property getters */
7229		-/******/ !function() {
7230		-/******/ // define getter functions for harmony exports
7231		-/******/ __webpack_require__.d = function(exports, definition) {
7232		-/******/ for(var key in definition) {
7233		-/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
7234		-/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
7235		-/******/ }
7236		-/******/ }
7237		-/******/ };
7238		-/******/ }();
7239		-/******/
7240		-/******/ /* webpack/runtime/hasOwnProperty shorthand */
7241		-/******/ !function() {
7242		-/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
7243		-/******/ }();
7244		-/******/
7245		-/******/ /* webpack/runtime/make namespace object */
7246		-/******/ !function() {
7247		-/******/ // define __esModule on exports
7248		-/******/ __webpack_require__.r = function(exports) {
7249		-/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
7250		-/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
7251		-/******/ }
7252		-/******/ Object.defineProperty(exports, '__esModule', { value: true });
7253		-/******/ };
7254		-/******/ }();
7255		-/******/
7256		-/************************************************************************/
7257		-var __webpack_exports__ = {};
7258		-// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
7259		-!function() {
7260		-/*!**************************************************************!*\
7261		- !*** ./packages/packages/core/editor-variables/src/index.ts ***!
7262		- \**************************************************************/
7263		-__webpack_require__.r(__webpack_exports__);
7264		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7265		-/* harmony export */ GLOBAL_VARIABLES_URI: function() { return /* reexport safe */ _mcp_variables_resource__WEBPACK_IMPORTED_MODULE_2__.GLOBAL_VARIABLES_URI; },
7266		-/* harmony export */ Utils: function() { return /* binding */ Utils; },
7267		-/* harmony export */ VariablesManagerPanelEmbedded: function() { return /* reexport safe */ _components_variables_manager_variables_manager_panel__WEBPACK_IMPORTED_MODULE_0__.VariablesManagerPanelEmbedded; },
7268		-/* harmony export */ getMenuActionsForVariable: function() { return /* reexport safe */ _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__.getMenuActionsForVariable; },
7269		-/* harmony export */ hasVariable: function() { return /* reexport safe */ _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__.hasVariable; },
7270		-/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_1__.init; },
7271		-/* harmony export */ registerVariableType: function() { return /* reexport safe */ _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__.registerVariableType; },
7272		-/* harmony export */ registerVariableTypes: function() { return /* reexport safe */ _register_variable_types__WEBPACK_IMPORTED_MODULE_4__.registerVariableTypes; },
7273		-/* harmony export */ service: function() { return /* reexport safe */ _service__WEBPACK_IMPORTED_MODULE_5__.service; },
7274		-/* harmony export */ sizeVariablePropTypeUtil: function() { return /* reexport safe */ _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_3__.sizeVariablePropTypeUtil; },
7275		-/* harmony export */ trackVariablesManagerEvent: function() { return /* reexport safe */ _utils_tracking__WEBPACK_IMPORTED_MODULE_8__.trackVariablesManagerEvent; }
7276		-/* harmony export */ });
7277		-/* harmony import */ var _components_variables_manager_variables_manager_panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/variables-manager/variables-manager-panel */ "./packages/packages/core/editor-variables/src/components/variables-manager/variables-manager-panel.tsx");
7278		-/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-variables/src/init.ts");
7279		-/* harmony import */ var _mcp_variables_resource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mcp/variables-resource */ "./packages/packages/core/editor-variables/src/mcp/variables-resource.ts");
7280		-/* harmony import */ var _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./prop-types/size-variable-prop-type */ "./packages/packages/core/editor-variables/src/prop-types/size-variable-prop-type.ts");
7281		-/* harmony import */ var _register_variable_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./register-variable-types */ "./packages/packages/core/editor-variables/src/register-variable-types.tsx");
7282		-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./service */ "./packages/packages/core/editor-variables/src/service.ts");
7283		-/* harmony import */ var _variables_registry_variable_type_registry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./variables-registry/variable-type-registry */ "./packages/packages/core/editor-variables/src/variables-registry/variable-type-registry.ts");
7284		-/* harmony import */ var _hooks_use_prop_variables__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/use-prop-variables */ "./packages/packages/core/editor-variables/src/hooks/use-prop-variables.ts");
7285		-/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-variables/src/utils/tracking.ts");
7286		-/* harmony import */ var _utils_llm_propvalue_label_resolver__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/llm-propvalue-label-resolver */ "./packages/packages/core/editor-variables/src/utils/llm-propvalue-label-resolver.ts");
7287		-
7288		-
7289		-
7290		-
7291		-
7292		-
7293		-
7294		-
7295		-
7296		-
7297		-const Utils = {
7298		- globalVariablesLLMResolvers: _utils_llm_propvalue_label_resolver__WEBPACK_IMPORTED_MODULE_9__.globalVariablesLLMResolvers
7299		-};
7300		-}();
7301		-(window.elementorV2 = window.elementorV2 || {}).editorVariables = __webpack_exports__;
7302		-/******/ })()
7303		-;
	3891	+//#endregion
	3892	+})(React, elementorV2.editorCurrentUser, elementorV2.editorPanels, elementorV2.editorUi, elementorV2.icons, elementorV2.ui, wp.i18n, elementorV2.events, elementorV2.editorCanvas, elementorV2.editorProps, elementorV2.schema, elementorV2.httpClient, elementorV2.editorV1Adapters, elementorV2.editorControls, elementorV2.utils, elementorV2.editor, elementorV2.editorMcp, elementorV2.menus);
7304	3893	window.elementorV2.editorVariables?.init?.();
7305	3894	//# sourceMappingURL=editor-variables.js.map