PluginProbe
Elementor Website Builder – more than just a page builder / 3.35.0-dev2
Elementor Website Builder – more than just a page builder v3.35.0-dev2
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/js/packages/editor-global-classes/editor-global-classes.js +4 -6454 4.2.0-beta1 → 3.35.0-dev2 View file →
@@ -1,6457 +1,7 @@
1 -/******/ (function() { // webpackBootstrap
2 -/******/ "use strict";
3 -/******/ var __webpack_modules__ = ({
4 -
5 -/***/ "./packages/node_modules/@tanstack/react-virtual/dist/esm/index.js":
6 -/*!*************************************************************************!*\
7 - !*** ./packages/node_modules/@tanstack/react-virtual/dist/esm/index.js ***!
8 - \*************************************************************************/
9 -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
10 -
11 -__webpack_require__.r(__webpack_exports__);
12 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13 -/* harmony export */ Virtualizer: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.Virtualizer; },
14 -/* harmony export */ approxEqual: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.approxEqual; },
15 -/* harmony export */ debounce: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.debounce; },
16 -/* harmony export */ defaultKeyExtractor: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.defaultKeyExtractor; },
17 -/* harmony export */ defaultRangeExtractor: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.defaultRangeExtractor; },
18 -/* harmony export */ elementScroll: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.elementScroll; },
19 -/* harmony export */ measureElement: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.measureElement; },
20 -/* harmony export */ memo: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.memo; },
21 -/* harmony export */ notUndefined: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.notUndefined; },
22 -/* harmony export */ observeElementOffset: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeElementOffset; },
23 -/* harmony export */ observeElementRect: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeElementRect; },
24 -/* harmony export */ observeWindowOffset: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeWindowOffset; },
25 -/* harmony export */ observeWindowRect: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeWindowRect; },
26 -/* harmony export */ useVirtualizer: function() { return /* binding */ useVirtualizer; },
27 -/* harmony export */ useWindowVirtualizer: function() { return /* binding */ useWindowVirtualizer; },
28 -/* harmony export */ windowScroll: function() { return /* reexport safe */ _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.windowScroll; }
29 -/* harmony export */ });
30 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
31 -/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
32 -/* harmony import */ var _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tanstack/virtual-core */ "./packages/node_modules/@tanstack/virtual-core/dist/esm/index.js");
33 -
34 -
35 -
36 -
37 -const useIsomorphicLayoutEffect = typeof document !== "undefined" ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;
38 -function useVirtualizerBase({
39 - useFlushSync = true,
40 - ...options
41 -}) {
42 - const rerender = react__WEBPACK_IMPORTED_MODULE_0__.useReducer(() => ({}), {})[1];
43 - const resolvedOptions = {
44 - ...options,
45 - onChange: (instance2, sync) => {
46 - var _a;
47 - if (useFlushSync && sync) {
48 - (0,react_dom__WEBPACK_IMPORTED_MODULE_1__.flushSync)(rerender);
49 - } else {
50 - rerender();
51 - }
52 - (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
53 - }
54 - };
55 - const [instance] = react__WEBPACK_IMPORTED_MODULE_0__.useState(
56 - () => new _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.Virtualizer(resolvedOptions)
57 - );
58 - instance.setOptions(resolvedOptions);
59 - useIsomorphicLayoutEffect(() => {
60 - return instance._didMount();
61 - }, []);
62 - useIsomorphicLayoutEffect(() => {
63 - return instance._willUpdate();
64 - });
65 - return instance;
66 -}
67 -function useVirtualizer(options) {
68 - return useVirtualizerBase({
69 - observeElementRect: _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeElementRect,
70 - observeElementOffset: _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeElementOffset,
71 - scrollToFn: _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.elementScroll,
72 - ...options
73 - });
74 -}
75 -function useWindowVirtualizer(options) {
76 - return useVirtualizerBase({
77 - getScrollElement: () => typeof document !== "undefined" ? window : null,
78 - observeElementRect: _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeWindowRect,
79 - observeElementOffset: _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.observeWindowOffset,
80 - scrollToFn: _tanstack_virtual_core__WEBPACK_IMPORTED_MODULE_2__.windowScroll,
81 - initialOffset: () => typeof document !== "undefined" ? window.scrollY : 0,
82 - ...options
83 - });
84 -}
85 -
86 -//# sourceMappingURL=index.js.map
87 -
88 -
89 -/***/ }),
90 -
91 -/***/ "./packages/node_modules/@tanstack/virtual-core/dist/esm/index.js":
92 -/*!************************************************************************!*\
93 - !*** ./packages/node_modules/@tanstack/virtual-core/dist/esm/index.js ***!
94 - \************************************************************************/
95 -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
96 -
97 -__webpack_require__.r(__webpack_exports__);
98 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
99 -/* harmony export */ Virtualizer: function() { return /* binding */ Virtualizer; },
100 -/* harmony export */ approxEqual: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_0__.approxEqual; },
101 -/* harmony export */ debounce: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_0__.debounce; },
102 -/* harmony export */ defaultKeyExtractor: function() { return /* binding */ defaultKeyExtractor; },
103 -/* harmony export */ defaultRangeExtractor: function() { return /* binding */ defaultRangeExtractor; },
104 -/* harmony export */ elementScroll: function() { return /* binding */ elementScroll; },
105 -/* harmony export */ measureElement: function() { return /* binding */ measureElement; },
106 -/* harmony export */ memo: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_0__.memo; },
107 -/* harmony export */ notUndefined: function() { return /* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_0__.notUndefined; },
108 -/* harmony export */ observeElementOffset: function() { return /* binding */ observeElementOffset; },
109 -/* harmony export */ observeElementRect: function() { return /* binding */ observeElementRect; },
110 -/* harmony export */ observeWindowOffset: function() { return /* binding */ observeWindowOffset; },
111 -/* harmony export */ observeWindowRect: function() { return /* binding */ observeWindowRect; },
112 -/* harmony export */ windowScroll: function() { return /* binding */ windowScroll; }
113 -/* harmony export */ });
114 -/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./packages/node_modules/@tanstack/virtual-core/dist/esm/utils.js");
115 -
116 -const getRect = (element) => {
117 - const { offsetWidth, offsetHeight } = element;
118 - return { width: offsetWidth, height: offsetHeight };
119 -};
120 -const defaultKeyExtractor = (index) => index;
121 -const defaultRangeExtractor = (range) => {
122 - const start = Math.max(range.startIndex - range.overscan, 0);
123 - const end = Math.min(range.endIndex + range.overscan, range.count - 1);
124 - const arr = [];
125 - for (let i = start; i <= end; i++) {
126 - arr.push(i);
127 - }
128 - return arr;
129 -};
130 -const observeElementRect = (instance, cb) => {
131 - const element = instance.scrollElement;
132 - if (!element) {
133 - return;
134 - }
135 - const targetWindow = instance.targetWindow;
136 - if (!targetWindow) {
137 - return;
138 - }
139 - const handler = (rect) => {
140 - const { width, height } = rect;
141 - cb({ width: Math.round(width), height: Math.round(height) });
142 - };
143 - handler(getRect(element));
144 - if (!targetWindow.ResizeObserver) {
145 - return () => {
146 - };
147 - }
148 - const observer = new targetWindow.ResizeObserver((entries) => {
149 - const run = () => {
150 - const entry = entries[0];
151 - if (entry == null ? void 0 : entry.borderBoxSize) {
152 - const box = entry.borderBoxSize[0];
153 - if (box) {
154 - handler({ width: box.inlineSize, height: box.blockSize });
155 - return;
156 - }
157 - }
158 - handler(getRect(element));
159 - };
160 - instance.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
161 - });
162 - observer.observe(element, { box: "border-box" });
163 - return () => {
164 - observer.unobserve(element);
165 - };
166 -};
167 -const addEventListenerOptions = {
168 - passive: true
169 -};
170 -const observeWindowRect = (instance, cb) => {
171 - const element = instance.scrollElement;
172 - if (!element) {
173 - return;
174 - }
175 - const handler = () => {
176 - cb({ width: element.innerWidth, height: element.innerHeight });
177 - };
178 - handler();
179 - element.addEventListener("resize", handler, addEventListenerOptions);
180 - return () => {
181 - element.removeEventListener("resize", handler);
182 - };
183 -};
184 -const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
185 -const observeElementOffset = (instance, cb) => {
186 - const element = instance.scrollElement;
187 - if (!element) {
188 - return;
189 - }
190 - const targetWindow = instance.targetWindow;
191 - if (!targetWindow) {
192 - return;
193 - }
194 - let offset = 0;
195 - const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.debounce)(
196 - targetWindow,
197 - () => {
198 - cb(offset, false);
199 - },
200 - instance.options.isScrollingResetDelay
201 - );
202 - const createHandler = (isScrolling) => () => {
203 - const { horizontal, isRtl } = instance.options;
204 - offset = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
205 - fallback();
206 - cb(offset, isScrolling);
207 - };
208 - const handler = createHandler(true);
209 - const endHandler = createHandler(false);
210 - element.addEventListener("scroll", handler, addEventListenerOptions);
211 - const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
212 - if (registerScrollendEvent) {
213 - element.addEventListener("scrollend", endHandler, addEventListenerOptions);
214 - }
215 - return () => {
216 - element.removeEventListener("scroll", handler);
217 - if (registerScrollendEvent) {
218 - element.removeEventListener("scrollend", endHandler);
219 - }
220 - };
221 -};
222 -const observeWindowOffset = (instance, cb) => {
223 - const element = instance.scrollElement;
224 - if (!element) {
225 - return;
226 - }
227 - const targetWindow = instance.targetWindow;
228 - if (!targetWindow) {
229 - return;
230 - }
231 - let offset = 0;
232 - const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.debounce)(
233 - targetWindow,
234 - () => {
235 - cb(offset, false);
236 - },
237 - instance.options.isScrollingResetDelay
238 - );
239 - const createHandler = (isScrolling) => () => {
240 - offset = element[instance.options.horizontal ? "scrollX" : "scrollY"];
241 - fallback();
242 - cb(offset, isScrolling);
243 - };
244 - const handler = createHandler(true);
245 - const endHandler = createHandler(false);
246 - element.addEventListener("scroll", handler, addEventListenerOptions);
247 - const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
248 - if (registerScrollendEvent) {
249 - element.addEventListener("scrollend", endHandler, addEventListenerOptions);
250 - }
251 - return () => {
252 - element.removeEventListener("scroll", handler);
253 - if (registerScrollendEvent) {
254 - element.removeEventListener("scrollend", endHandler);
255 - }
256 - };
257 -};
258 -const measureElement = (element, entry, instance) => {
259 - if (entry == null ? void 0 : entry.borderBoxSize) {
260 - const box = entry.borderBoxSize[0];
261 - if (box) {
262 - const size = Math.round(
263 - box[instance.options.horizontal ? "inlineSize" : "blockSize"]
264 - );
265 - return size;
266 - }
267 - }
268 - return element[instance.options.horizontal ? "offsetWidth" : "offsetHeight"];
269 -};
270 -const windowScroll = (offset, {
271 - adjustments = 0,
272 - behavior
273 -}, instance) => {
274 - var _a, _b;
275 - const toOffset = offset + adjustments;
276 - (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {
277 - [instance.options.horizontal ? "left" : "top"]: toOffset,
278 - behavior
279 - });
280 -};
281 -const elementScroll = (offset, {
282 - adjustments = 0,
283 - behavior
284 -}, instance) => {
285 - var _a, _b;
286 - const toOffset = offset + adjustments;
287 - (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {
288 - [instance.options.horizontal ? "left" : "top"]: toOffset,
289 - behavior
290 - });
291 -};
292 -class Virtualizer {
293 - constructor(opts) {
294 - this.unsubs = [];
295 - this.scrollElement = null;
296 - this.targetWindow = null;
297 - this.isScrolling = false;
298 - this.scrollState = null;
299 - this.measurementsCache = [];
300 - this.itemSizeCache = /* @__PURE__ */ new Map();
301 - this.laneAssignments = /* @__PURE__ */ new Map();
302 - this.pendingMeasuredCacheIndexes = [];
303 - this.prevLanes = void 0;
304 - this.lanesChangedFlag = false;
305 - this.lanesSettling = false;
306 - this.scrollRect = null;
307 - this.scrollOffset = null;
308 - this.scrollDirection = null;
309 - this.scrollAdjustments = 0;
310 - this.elementsCache = /* @__PURE__ */ new Map();
311 - this.now = () => {
312 - var _a, _b, _c;
313 - return ((_c = (_b = (_a = this.targetWindow) == null ? void 0 : _a.performance) == null ? void 0 : _b.now) == null ? void 0 : _c.call(_b)) ?? Date.now();
314 - };
315 - this.observer = /* @__PURE__ */ (() => {
316 - let _ro = null;
317 - const get = () => {
318 - if (_ro) {
319 - return _ro;
320 - }
321 - if (!this.targetWindow || !this.targetWindow.ResizeObserver) {
322 - return null;
323 - }
324 - return _ro = new this.targetWindow.ResizeObserver((entries) => {
325 - entries.forEach((entry) => {
326 - const run = () => {
327 - const node = entry.target;
328 - const index = this.indexFromElement(node);
329 - if (!node.isConnected) {
330 - this.observer.unobserve(node);
331 - return;
332 - }
333 - if (this.shouldMeasureDuringScroll(index)) {
334 - this.resizeItem(
335 - index,
336 - this.options.measureElement(node, entry, this)
337 - );
338 - }
339 - };
340 - this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
341 - });
342 - });
343 - };
344 - return {
345 - disconnect: () => {
346 - var _a;
347 - (_a = get()) == null ? void 0 : _a.disconnect();
348 - _ro = null;
349 - },
350 - observe: (target) => {
351 - var _a;
352 - return (_a = get()) == null ? void 0 : _a.observe(target, { box: "border-box" });
353 - },
354 - unobserve: (target) => {
355 - var _a;
356 - return (_a = get()) == null ? void 0 : _a.unobserve(target);
357 - }
358 - };
359 - })();
360 - this.range = null;
361 - this.setOptions = (opts2) => {
362 - Object.entries(opts2).forEach(([key, value]) => {
363 - if (typeof value === "undefined") delete opts2[key];
364 - });
365 - this.options = {
366 - debug: false,
367 - initialOffset: 0,
368 - overscan: 1,
369 - paddingStart: 0,
370 - paddingEnd: 0,
371 - scrollPaddingStart: 0,
372 - scrollPaddingEnd: 0,
373 - horizontal: false,
374 - getItemKey: defaultKeyExtractor,
375 - rangeExtractor: defaultRangeExtractor,
376 - onChange: () => {
377 - },
378 - measureElement,
379 - initialRect: { width: 0, height: 0 },
380 - scrollMargin: 0,
381 - gap: 0,
382 - indexAttribute: "data-index",
383 - initialMeasurementsCache: [],
384 - lanes: 1,
385 - isScrollingResetDelay: 150,
386 - enabled: true,
387 - isRtl: false,
388 - useScrollendEvent: false,
389 - useAnimationFrameWithResizeObserver: false,
390 - laneAssignmentMode: "estimate",
391 - ...opts2
392 - };
393 - };
394 - this.notify = (sync) => {
395 - var _a, _b;
396 - (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
397 - };
398 - this.maybeNotify = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.memo)(
399 - () => {
400 - this.calculateRange();
401 - return [
402 - this.isScrolling,
403 - this.range ? this.range.startIndex : null,
404 - this.range ? this.range.endIndex : null
405 - ];
406 - },
407 - (isScrolling) => {
408 - this.notify(isScrolling);
409 - },
410 - {
411 - key: true && "maybeNotify",
412 - debug: () => this.options.debug,
413 - initialDeps: [
414 - this.isScrolling,
415 - this.range ? this.range.startIndex : null,
416 - this.range ? this.range.endIndex : null
417 - ]
418 - }
419 - );
420 - this.cleanup = () => {
421 - this.unsubs.filter(Boolean).forEach((d) => d());
422 - this.unsubs = [];
423 - this.observer.disconnect();
424 - if (this.rafId != null && this.targetWindow) {
425 - this.targetWindow.cancelAnimationFrame(this.rafId);
426 - this.rafId = null;
427 - }
428 - this.scrollState = null;
429 - this.scrollElement = null;
430 - this.targetWindow = null;
431 - };
432 - this._didMount = () => {
433 - return () => {
434 - this.cleanup();
435 - };
436 - };
437 - this._willUpdate = () => {
438 - var _a;
439 - const scrollElement = this.options.enabled ? this.options.getScrollElement() : null;
440 - if (this.scrollElement !== scrollElement) {
441 - this.cleanup();
442 - if (!scrollElement) {
443 - this.maybeNotify();
444 - return;
445 - }
446 - this.scrollElement = scrollElement;
447 - if (this.scrollElement && "ownerDocument" in this.scrollElement) {
448 - this.targetWindow = this.scrollElement.ownerDocument.defaultView;
449 - } else {
450 - this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
451 - }
452 - this.elementsCache.forEach((cached) => {
453 - this.observer.observe(cached);
454 - });
455 - this.unsubs.push(
456 - this.options.observeElementRect(this, (rect) => {
457 - this.scrollRect = rect;
458 - this.maybeNotify();
459 - })
460 - );
461 - this.unsubs.push(
462 - this.options.observeElementOffset(this, (offset, isScrolling) => {
463 - this.scrollAdjustments = 0;
464 - this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
465 - this.scrollOffset = offset;
466 - this.isScrolling = isScrolling;
467 - if (this.scrollState) {
468 - this.scheduleScrollReconcile();
469 - }
470 - this.maybeNotify();
471 - })
472 - );
473 - this._scrollToOffset(this.getScrollOffset(), {
474 - adjustments: void 0,
475 - behavior: void 0
476 - });
477 - }
478 - };
479 - this.rafId = null;
480 - this.getSize = () => {
481 - if (!this.options.enabled) {
482 - this.scrollRect = null;
483 - return 0;
484 - }
485 - this.scrollRect = this.scrollRect ?? this.options.initialRect;
486 - return this.scrollRect[this.options.horizontal ? "width" : "height"];
487 - };
488 - this.getScrollOffset = () => {
489 - if (!this.options.enabled) {
490 - this.scrollOffset = null;
491 - return 0;
492 - }
493 - this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset);
494 - return this.scrollOffset;
495 - };
496 - this.getFurthestMeasurement = (measurements, index) => {
497 - const furthestMeasurementsFound = /* @__PURE__ */ new Map();
498 - const furthestMeasurements = /* @__PURE__ */ new Map();
499 - for (let m = index - 1; m >= 0; m--) {
500 - const measurement = measurements[m];
501 - if (furthestMeasurementsFound.has(measurement.lane)) {
502 - continue;
503 - }
504 - const previousFurthestMeasurement = furthestMeasurements.get(
505 - measurement.lane
506 - );
507 - if (previousFurthestMeasurement == null || measurement.end > previousFurthestMeasurement.end) {
508 - furthestMeasurements.set(measurement.lane, measurement);
509 - } else if (measurement.end < previousFurthestMeasurement.end) {
510 - furthestMeasurementsFound.set(measurement.lane, true);
511 - }
512 - if (furthestMeasurementsFound.size === this.options.lanes) {
513 - break;
514 - }
515 - }
516 - return furthestMeasurements.size === this.options.lanes ? Array.from(furthestMeasurements.values()).sort((a, b) => {
517 - if (a.end === b.end) {
518 - return a.index - b.index;
519 - }
520 - return a.end - b.end;
521 - })[0] : void 0;
522 - };
523 - this.getMeasurementOptions = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.memo)(
524 - () => [
525 - this.options.count,
526 - this.options.paddingStart,
527 - this.options.scrollMargin,
528 - this.options.getItemKey,
529 - this.options.enabled,
530 - this.options.lanes,
531 - this.options.laneAssignmentMode
532 - ],
533 - (count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode) => {
534 - const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
535 - if (lanesChanged) {
536 - this.lanesChangedFlag = true;
537 - }
538 - this.prevLanes = lanes;
539 - this.pendingMeasuredCacheIndexes = [];
540 - return {
541 - count,
542 - paddingStart,
543 - scrollMargin,
544 - getItemKey,
545 - enabled,
546 - lanes,
547 - laneAssignmentMode
548 - };
549 - },
550 - {
551 - key: false
552 - }
553 - );
554 - this.getMeasurements = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.memo)(
555 - () => [this.getMeasurementOptions(), this.itemSizeCache],
556 - ({
557 - count,
558 - paddingStart,
559 - scrollMargin,
560 - getItemKey,
561 - enabled,
562 - lanes,
563 - laneAssignmentMode
564 - }, itemSizeCache) => {
565 - if (!enabled) {
566 - this.measurementsCache = [];
567 - this.itemSizeCache.clear();
568 - this.laneAssignments.clear();
569 - return [];
570 - }
571 - if (this.laneAssignments.size > count) {
572 - for (const index of this.laneAssignments.keys()) {
573 - if (index >= count) {
574 - this.laneAssignments.delete(index);
575 - }
576 - }
577 - }
578 - if (this.lanesChangedFlag) {
579 - this.lanesChangedFlag = false;
580 - this.lanesSettling = true;
581 - this.measurementsCache = [];
582 - this.itemSizeCache.clear();
583 - this.laneAssignments.clear();
584 - this.pendingMeasuredCacheIndexes = [];
585 - }
586 - if (this.measurementsCache.length === 0 && !this.lanesSettling) {
587 - this.measurementsCache = this.options.initialMeasurementsCache;
588 - this.measurementsCache.forEach((item) => {
589 - this.itemSizeCache.set(item.key, item.size);
590 - });
591 - }
592 - const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
593 - this.pendingMeasuredCacheIndexes = [];
594 - if (this.lanesSettling && this.measurementsCache.length === count) {
595 - this.lanesSettling = false;
596 - }
597 - const measurements = this.measurementsCache.slice(0, min);
598 - const laneLastIndex = new Array(lanes).fill(
599 - void 0
600 - );
601 - for (let m = 0; m < min; m++) {
602 - const item = measurements[m];
603 - if (item) {
604 - laneLastIndex[item.lane] = m;
605 - }
606 - }
607 - for (let i = min; i < count; i++) {
608 - const key = getItemKey(i);
609 - const cachedLane = this.laneAssignments.get(i);
610 - let lane;
611 - let start;
612 - const shouldCacheLane = laneAssignmentMode === "estimate" || itemSizeCache.has(key);
613 - if (cachedLane !== void 0 && this.options.lanes > 1) {
614 - lane = cachedLane;
615 - const prevIndex = laneLastIndex[lane];
616 - const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;
617 - start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;
618 - } else {
619 - const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
620 - start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
621 - lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
622 - if (this.options.lanes > 1 && shouldCacheLane) {
623 - this.laneAssignments.set(i, lane);
624 - }
625 - }
626 - const measuredSize = itemSizeCache.get(key);
627 - const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
628 - const end = start + size;
629 - measurements[i] = {
630 - index: i,
631 - start,
632 - size,
633 - end,
634 - key,
635 - lane
636 - };
637 - laneLastIndex[lane] = i;
638 - }
639 - this.measurementsCache = measurements;
640 - return measurements;
641 - },
642 - {
643 - key: true && "getMeasurements",
644 - debug: () => this.options.debug
645 - }
646 - );
647 - this.calculateRange = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.memo)(
648 - () => [
649 - this.getMeasurements(),
650 - this.getSize(),
651 - this.getScrollOffset(),
652 - this.options.lanes
653 - ],
654 - (measurements, outerSize, scrollOffset, lanes) => {
655 - return this.range = measurements.length > 0 && outerSize > 0 ? calculateRange({
656 - measurements,
657 - outerSize,
658 - scrollOffset,
659 - lanes
660 - }) : null;
661 - },
662 - {
663 - key: true && "calculateRange",
664 - debug: () => this.options.debug
665 - }
666 - );
667 - this.getVirtualIndexes = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.memo)(
668 - () => {
669 - let startIndex = null;
670 - let endIndex = null;
671 - const range = this.calculateRange();
672 - if (range) {
673 - startIndex = range.startIndex;
674 - endIndex = range.endIndex;
675 - }
676 - this.maybeNotify.updateDeps([this.isScrolling, startIndex, endIndex]);
677 - return [
678 - this.options.rangeExtractor,
679 - this.options.overscan,
680 - this.options.count,
681 - startIndex,
682 - endIndex
683 - ];
684 - },
685 - (rangeExtractor, overscan, count, startIndex, endIndex) => {
686 - return startIndex === null || endIndex === null ? [] : rangeExtractor({
687 - startIndex,
688 - endIndex,
689 - overscan,
690 - count
691 - });
692 - },
693 - {
694 - key: true && "getVirtualIndexes",
695 - debug: () => this.options.debug
696 - }
697 - );
698 - this.indexFromElement = (node) => {
699 - const attributeName = this.options.indexAttribute;
700 - const indexStr = node.getAttribute(attributeName);
701 - if (!indexStr) {
702 - console.warn(
703 - `Missing attribute name '${attributeName}={index}' on measured element.`
704 - );
705 - return -1;
706 - }
707 - return parseInt(indexStr, 10);
708 - };
709 - this.shouldMeasureDuringScroll = (index) => {
710 - var _a;
711 - if (!this.scrollState || this.scrollState.behavior !== "smooth") {
712 - return true;
713 - }
714 - const scrollIndex = this.scrollState.index ?? ((_a = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : _a.index);
715 - if (scrollIndex !== void 0 && this.range) {
716 - const bufferSize = Math.max(
717 - this.options.overscan,
718 - Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
719 - );
720 - const minIndex = Math.max(0, scrollIndex - bufferSize);
721 - const maxIndex = Math.min(
722 - this.options.count - 1,
723 - scrollIndex + bufferSize
724 - );
725 - return index >= minIndex && index <= maxIndex;
726 - }
727 - return true;
728 - };
729 - this.measureElement = (node) => {
730 - if (!node) {
731 - this.elementsCache.forEach((cached, key2) => {
732 - if (!cached.isConnected) {
733 - this.observer.unobserve(cached);
734 - this.elementsCache.delete(key2);
735 - }
736 - });
737 - return;
738 - }
739 - const index = this.indexFromElement(node);
740 - const key = this.options.getItemKey(index);
741 - const prevNode = this.elementsCache.get(key);
742 - if (prevNode !== node) {
743 - if (prevNode) {
744 - this.observer.unobserve(prevNode);
745 - }
746 - this.observer.observe(node);
747 - this.elementsCache.set(key, node);
748 - }
749 - if ((!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(index)) {
750 - this.resizeItem(index, this.options.measureElement(node, void 0, this));
751 - }
752 - };
753 - this.resizeItem = (index, size) => {
754 - var _a;
755 - const item = this.measurementsCache[index];
756 - if (!item) return;
757 - const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
758 - const delta = size - itemSize;
759 - if (delta !== 0) {
760 - if (((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments)) {
761 - if ( true && this.options.debug) {
762 - console.info("correction", delta);
763 - }
764 - this._scrollToOffset(this.getScrollOffset(), {
765 - adjustments: this.scrollAdjustments += delta,
766 - behavior: void 0
767 - });
768 - }
769 - this.pendingMeasuredCacheIndexes.push(item.index);
770 - this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
771 - this.notify(false);
772 - }
773 - };
774 - this.getVirtualItems = (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.memo)(
775 - () => [this.getVirtualIndexes(), this.getMeasurements()],
776 - (indexes, measurements) => {
777 - const virtualItems = [];
778 - for (let k = 0, len = indexes.length; k < len; k++) {
779 - const i = indexes[k];
780 - const measurement = measurements[i];
781 - virtualItems.push(measurement);
782 - }
783 - return virtualItems;
784 - },
785 - {
786 - key: true && "getVirtualItems",
787 - debug: () => this.options.debug
788 - }
789 - );
790 - this.getVirtualItemForOffset = (offset) => {
791 - const measurements = this.getMeasurements();
792 - if (measurements.length === 0) {
793 - return void 0;
794 - }
795 - return (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.notUndefined)(
796 - measurements[findNearestBinarySearch(
797 - 0,
798 - measurements.length - 1,
799 - (index) => (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.notUndefined)(measurements[index]).start,
800 - offset
801 - )]
802 - );
803 - };
804 - this.getMaxScrollOffset = () => {
805 - if (!this.scrollElement) return 0;
806 - if ("scrollHeight" in this.scrollElement) {
807 - return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
808 - } else {
809 - const doc = this.scrollElement.document.documentElement;
810 - return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
811 - }
812 - };
813 - this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
814 - if (!this.scrollElement) return 0;
815 - const size = this.getSize();
816 - const scrollOffset = this.getScrollOffset();
817 - if (align === "auto") {
818 - align = toOffset >= scrollOffset + size ? "end" : "start";
819 - }
820 - if (align === "center") {
821 - toOffset += (itemSize - size) / 2;
822 - } else if (align === "end") {
823 - toOffset -= size;
824 - }
825 - const maxOffset = this.getMaxScrollOffset();
826 - return Math.max(Math.min(maxOffset, toOffset), 0);
827 - };
828 - this.getOffsetForIndex = (index, align = "auto") => {
829 - index = Math.max(0, Math.min(index, this.options.count - 1));
830 - const size = this.getSize();
831 - const scrollOffset = this.getScrollOffset();
832 - const item = this.measurementsCache[index];
833 - if (!item) return;
834 - if (align === "auto") {
835 - if (item.end >= scrollOffset + size - this.options.scrollPaddingEnd) {
836 - align = "end";
837 - } else if (item.start <= scrollOffset + this.options.scrollPaddingStart) {
838 - align = "start";
839 - } else {
840 - return [scrollOffset, align];
841 - }
842 - }
843 - if (align === "end" && index === this.options.count - 1) {
844 - return [this.getMaxScrollOffset(), align];
845 - }
846 - const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
847 - return [
848 - this.getOffsetForAlignment(toOffset, align, item.size),
849 - align
850 - ];
851 - };
852 - this.scrollToOffset = (toOffset, { align = "start", behavior = "auto" } = {}) => {
853 - const offset = this.getOffsetForAlignment(toOffset, align);
854 - const now = this.now();
855 - this.scrollState = {
856 - index: null,
857 - align,
858 - behavior,
859 - startedAt: now,
860 - lastTargetOffset: offset,
861 - stableFrames: 0
862 - };
863 - this._scrollToOffset(offset, { adjustments: void 0, behavior });
864 - this.scheduleScrollReconcile();
865 - };
866 - this.scrollToIndex = (index, {
867 - align: initialAlign = "auto",
868 - behavior = "auto"
869 - } = {}) => {
870 - index = Math.max(0, Math.min(index, this.options.count - 1));
871 - const offsetInfo = this.getOffsetForIndex(index, initialAlign);
872 - if (!offsetInfo) {
873 - return;
874 - }
875 - const [offset, align] = offsetInfo;
876 - const now = this.now();
877 - this.scrollState = {
878 - index,
879 - align,
880 - behavior,
881 - startedAt: now,
882 - lastTargetOffset: offset,
883 - stableFrames: 0
884 - };
885 - this._scrollToOffset(offset, { adjustments: void 0, behavior });
886 - this.scheduleScrollReconcile();
887 - };
888 - this.scrollBy = (delta, { behavior = "auto" } = {}) => {
889 - const offset = this.getScrollOffset() + delta;
890 - const now = this.now();
891 - this.scrollState = {
892 - index: null,
893 - align: "start",
894 - behavior,
895 - startedAt: now,
896 - lastTargetOffset: offset,
897 - stableFrames: 0
898 - };
899 - this._scrollToOffset(offset, { adjustments: void 0, behavior });
900 - this.scheduleScrollReconcile();
901 - };
902 - this.getTotalSize = () => {
903 - var _a;
904 - const measurements = this.getMeasurements();
905 - let end;
906 - if (measurements.length === 0) {
907 - end = this.options.paddingStart;
908 - } else if (this.options.lanes === 1) {
909 - end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
910 - } else {
911 - const endByLane = Array(this.options.lanes).fill(null);
912 - let endIndex = measurements.length - 1;
913 - while (endIndex >= 0 && endByLane.some((val) => val === null)) {
914 - const item = measurements[endIndex];
915 - if (endByLane[item.lane] === null) {
916 - endByLane[item.lane] = item.end;
917 - }
918 - endIndex--;
919 - }
920 - end = Math.max(...endByLane.filter((val) => val !== null));
921 - }
922 - return Math.max(
923 - end - this.options.scrollMargin + this.options.paddingEnd,
924 - 0
925 - );
926 - };
927 - this._scrollToOffset = (offset, {
928 - adjustments,
929 - behavior
930 - }) => {
931 - this.options.scrollToFn(offset, { behavior, adjustments }, this);
932 - };
933 - this.measure = () => {
934 - this.itemSizeCache = /* @__PURE__ */ new Map();
935 - this.laneAssignments = /* @__PURE__ */ new Map();
936 - this.notify(false);
937 - };
938 - this.setOptions(opts);
939 - }
940 - scheduleScrollReconcile() {
941 - if (!this.targetWindow) {
942 - this.scrollState = null;
943 - return;
944 - }
945 - if (this.rafId != null) return;
946 - this.rafId = this.targetWindow.requestAnimationFrame(() => {
947 - this.rafId = null;
948 - this.reconcileScroll();
949 - });
950 - }
951 - reconcileScroll() {
952 - if (!this.scrollState) return;
953 - const el = this.scrollElement;
954 - if (!el) return;
955 - const MAX_RECONCILE_MS = 5e3;
956 - if (this.now() - this.scrollState.startedAt > MAX_RECONCILE_MS) {
957 - this.scrollState = null;
958 - return;
959 - }
960 - const offsetInfo = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0;
961 - const targetOffset = offsetInfo ? offsetInfo[0] : this.scrollState.lastTargetOffset;
962 - const STABLE_FRAMES = 1;
963 - const targetChanged = targetOffset !== this.scrollState.lastTargetOffset;
964 - if (!targetChanged && (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.approxEqual)(targetOffset, this.getScrollOffset())) {
965 - this.scrollState.stableFrames++;
966 - if (this.scrollState.stableFrames >= STABLE_FRAMES) {
967 - this.scrollState = null;
968 - return;
969 - }
970 - } else {
971 - this.scrollState.stableFrames = 0;
972 - if (targetChanged) {
973 - this.scrollState.lastTargetOffset = targetOffset;
974 - this.scrollState.behavior = "auto";
975 - this._scrollToOffset(targetOffset, {
976 - adjustments: void 0,
977 - behavior: "auto"
978 - });
979 - }
980 - }
981 - this.scheduleScrollReconcile();
982 - }
983 -}
984 -const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
985 - while (low <= high) {
986 - const middle = (low + high) / 2 | 0;
987 - const currentValue = getCurrentValue(middle);
988 - if (currentValue < value) {
989 - low = middle + 1;
990 - } else if (currentValue > value) {
991 - high = middle - 1;
992 - } else {
993 - return middle;
994 - }
995 - }
996 - if (low > 0) {
997 - return low - 1;
998 - } else {
999 - return 0;
1000 - }
1001 -};
1002 -function calculateRange({
1003 - measurements,
1004 - outerSize,
1005 - scrollOffset,
1006 - lanes
1007 -}) {
1008 - const lastIndex = measurements.length - 1;
1009 - const getOffset = (index) => measurements[index].start;
1010 - if (measurements.length <= lanes) {
1011 - return {
1012 - startIndex: 0,
1013 - endIndex: lastIndex
1014 - };
1015 - }
1016 - let startIndex = findNearestBinarySearch(
1017 - 0,
1018 - lastIndex,
1019 - getOffset,
1020 - scrollOffset
1021 - );
1022 - let endIndex = startIndex;
1023 - if (lanes === 1) {
1024 - while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
1025 - endIndex++;
1026 - }
1027 - } else if (lanes > 1) {
1028 - const endPerLane = Array(lanes).fill(0);
1029 - while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {
1030 - const item = measurements[endIndex];
1031 - endPerLane[item.lane] = item.end;
1032 - endIndex++;
1033 - }
1034 - const startPerLane = Array(lanes).fill(scrollOffset + outerSize);
1035 - while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {
1036 - const item = measurements[startIndex];
1037 - startPerLane[item.lane] = item.start;
1038 - startIndex--;
1039 - }
1040 - startIndex = Math.max(0, startIndex - startIndex % lanes);
1041 - endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));
1042 - }
1043 - return { startIndex, endIndex };
1044 -}
1045 -
1046 -//# sourceMappingURL=index.js.map
1047 -
1048 -
1049 -/***/ }),
1050 -
1051 -/***/ "./packages/node_modules/@tanstack/virtual-core/dist/esm/utils.js":
1052 -/*!************************************************************************!*\
1053 - !*** ./packages/node_modules/@tanstack/virtual-core/dist/esm/utils.js ***!
1054 - \************************************************************************/
1055 -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1056 -
1057 -__webpack_require__.r(__webpack_exports__);
1058 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1059 -/* harmony export */ approxEqual: function() { return /* binding */ approxEqual; },
1060 -/* harmony export */ debounce: function() { return /* binding */ debounce; },
1061 -/* harmony export */ memo: function() { return /* binding */ memo; },
1062 -/* harmony export */ notUndefined: function() { return /* binding */ notUndefined; }
1063 -/* harmony export */ });
1064 -function memo(getDeps, fn, opts) {
1065 - let deps = opts.initialDeps ?? [];
1066 - let result;
1067 - let isInitial = true;
1068 - function memoizedFunction() {
1069 - var _a, _b, _c;
1070 - let depTime;
1071 - if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
1072 - const newDeps = getDeps();
1073 - const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
1074 - if (!depsChanged) {
1075 - return result;
1076 - }
1077 - deps = newDeps;
1078 - let resultTime;
1079 - if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
1080 - result = fn(...newDeps);
1081 - if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
1082 - const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
1083 - const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
1084 - const resultFpsPercentage = resultEndTime / 16;
1085 - const pad = (str, num) => {
1086 - str = String(str);
1087 - while (str.length < num) {
1088 - str = " " + str;
1089 - }
1090 - return str;
1091 - };
1092 - console.info(
1093 - `%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,
1094 - `
1095 - font-size: .6rem;
1096 - font-weight: bold;
1097 - color: hsl(${Math.max(
1098 - 0,
1099 - Math.min(120 - 120 * resultFpsPercentage, 120)
1100 - )}deg 100% 31%);`,
1101 - opts == null ? void 0 : opts.key
1102 - );
1103 - }
1104 - if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
1105 - opts.onChange(result);
1106 - }
1107 - isInitial = false;
1108 - return result;
1109 - }
1110 - memoizedFunction.updateDeps = (newDeps) => {
1111 - deps = newDeps;
1112 - };
1113 - return memoizedFunction;
1114 -}
1115 -function notUndefined(value, msg) {
1116 - if (value === void 0) {
1117 - throw new Error(`Unexpected undefined${msg ? `: ${msg}` : ""}`);
1118 - } else {
1119 - return value;
1120 - }
1121 -}
1122 -const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
1123 -const debounce = (targetWindow, fn, ms) => {
1124 - let timeoutId;
1125 - return function(...args) {
1126 - targetWindow.clearTimeout(timeoutId);
1127 - timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
1128 - };
1129 -};
1130 -
1131 -//# sourceMappingURL=utils.js.map
1132 -
1133 -
1134 -/***/ }),
1135 -
1136 -/***/ "./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts":
1137 -/*!*****************************************************************************************!*\
1138 - !*** ./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts ***!
1139 - \*****************************************************************************************/
1140 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1141 -
1142 -__webpack_require__.r(__webpack_exports__);
1143 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1144 -/* harmony export */ fetchCssClassUsage: function() { return /* binding */ fetchCssClassUsage; }
1145 -/* harmony export */ });
1146 -/* harmony import */ var _src_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../src/api */ "./packages/packages/core/editor-global-classes/src/api.ts");
1147 -/* harmony import */ var _src_components_css_class_usage_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../src/components/css-class-usage/utils */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/utils.ts");
1148 -
1149 -
1150 -const fetchCssClassUsage = async () => {
1151 - const response = await _src_api__WEBPACK_IMPORTED_MODULE_0__.apiClient.usage();
1152 - return (0,_src_components_css_class_usage_utils__WEBPACK_IMPORTED_MODULE_1__.transformData)(response?.data?.data || {});
1153 -};
1154 -
1155 -/***/ }),
1156 -
1157 -/***/ "./packages/packages/core/editor-global-classes/src/api.ts":
1158 -/*!*****************************************************************!*\
1159 - !*** ./packages/packages/core/editor-global-classes/src/api.ts ***!
1160 - \*****************************************************************/
1161 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1162 -
1163 -__webpack_require__.r(__webpack_exports__);
1164 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1165 -/* harmony export */ API_ERROR_CODES: function() { return /* binding */ API_ERROR_CODES; },
1166 -/* harmony export */ apiClient: function() { return /* binding */ apiClient; }
1167 -/* harmony export */ });
1168 -/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/http-client */ "@elementor/http-client");
1169 -/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__);
1170 -
1171 -const RESOURCE_URL = '/global-classes';
1172 -const BASE_URL = 'elementor/v1';
1173 -const RESOURCE_USAGE_URL = `${RESOURCE_URL}/usage`;
1174 -const RESOURCE_POST_URL = `${RESOURCE_URL}/post`;
1175 -const RESOURCE_STYLES_URL = `${RESOURCE_URL}/styles`;
1176 -function saveGlobalClasses(context, payload) {
1177 - return (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().put(`${BASE_URL}${RESOURCE_URL}`, payload, {
1178 - params: {
1179 - context
1180 - }
1181 - });
1182 -}
1183 -const apiClient = {
1184 - usage: () => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().get(`${BASE_URL}${RESOURCE_USAGE_URL}`),
1185 - all: (context = 'preview') => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().get(`${BASE_URL}${RESOURCE_URL}`, {
1186 - params: {
1187 - context
1188 - }
1189 - }),
1190 - getStylesForPost: (postId, context = 'preview') => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().get(`${BASE_URL}${RESOURCE_POST_URL}`, {
1191 - params: {
1192 - context,
1193 - post_id: postId
1194 - }
1195 - }),
1196 - getStylesByIds: (ids, context = 'preview') => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_0__.httpService)().get(`${BASE_URL}${RESOURCE_STYLES_URL}`, {
1197 - params: {
1198 - context,
1199 - ids: ids.join(',')
1200 - }
1201 - }),
1202 - publish: payload => saveGlobalClasses('frontend', payload),
1203 - saveDraft: payload => saveGlobalClasses('preview', payload)
1204 -};
1205 -const API_ERROR_CODES = {
1206 - DUPLICATED_LABEL: 'DUPLICATED_LABEL'
1207 -};
1208 -
1209 -/***/ }),
1210 -
1211 -/***/ "./packages/packages/core/editor-global-classes/src/capabilities.ts":
1212 -/*!**************************************************************************!*\
1213 - !*** ./packages/packages/core/editor-global-classes/src/capabilities.ts ***!
1214 - \**************************************************************************/
1215 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1216 -
1217 -__webpack_require__.r(__webpack_exports__);
1218 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1219 -/* harmony export */ UPDATE_CLASS_CAPABILITY_KEY: function() { return /* binding */ UPDATE_CLASS_CAPABILITY_KEY; },
1220 -/* harmony export */ getCapabilities: function() { return /* binding */ getCapabilities; }
1221 -/* harmony export */ });
1222 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
1223 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
1224 -
1225 -const EXPERIMENT_KEY = 'global_classes_should_enforce_capabilities';
1226 -const UPDATE_CLASS_CAPABILITY_KEY = 'elementor_global_classes_update_class';
1227 -const getCapabilities = () => {
1228 - const shouldEnforceCapabilities = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.isExperimentActive)(EXPERIMENT_KEY);
1229 - if (shouldEnforceCapabilities) {
1230 - return {
1231 - update: UPDATE_CLASS_CAPABILITY_KEY,
1232 - create: UPDATE_CLASS_CAPABILITY_KEY,
1233 - delete: UPDATE_CLASS_CAPABILITY_KEY,
1234 - updateProps: UPDATE_CLASS_CAPABILITY_KEY
1235 - };
1236 - }
1237 -};
1238 -
1239 -/***/ }),
1240 -
1241 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-item.tsx":
1242 -/*!**************************************************************************************************!*\
1243 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/class-item.tsx ***!
1244 - \**************************************************************************************************/
1245 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1246 -
1247 -__webpack_require__.r(__webpack_exports__);
1248 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1249 -/* harmony export */ ClassItem: function() { return /* binding */ ClassItem; }
1250 -/* harmony export */ });
1251 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1252 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1253 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
1254 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
1255 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1256 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
1257 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1258 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
1259 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1260 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
1261 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1262 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
1263 -/* harmony import */ var _css_class_usage_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../css-class-usage/components */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/index.ts");
1264 -/* harmony import */ var _delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./delete-confirmation-dialog */ "./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx");
1265 -/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sortable */ "./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx");
1266 -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); }
1267 -
1268 -
1269 -
1270 -
1271 -
1272 -
1273 -
1274 -
1275 -
1276 -
1277 -const ClassItem = ({
1278 - id,
1279 - label,
1280 - renameClass,
1281 - selected,
1282 - disabled,
1283 - sortableTriggerProps,
1284 - showSortIndicator,
1285 - syncToV3,
1286 - onToggleSync
1287 -}) => {
1288 - const itemRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1289 - const {
1290 - ref: editableRef,
1291 - openEditMode,
1292 - isEditing,
1293 - error,
1294 - getProps: getEditableProps
1295 - } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useEditable)({
1296 - value: label,
1297 - onSubmit: renameClass,
1298 - validation: validateLabel
1299 - });
1300 - const [selectedCssUsage, setSelectedCssUsage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
1301 - const {
1302 - openDialog
1303 - } = (0,_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_7__.useDeleteConfirmation)();
1304 - const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.usePopupState)({
1305 - variant: 'popover',
1306 - disableAutoFocus: true
1307 - });
1308 - const isSelected = (selectedCssUsage === id || selected || popupState.isOpen) && !disabled;
1309 - 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__.Stack, {
1310 - p: 0
1311 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.WarningInfotip, {
1312 - open: Boolean(error),
1313 - text: error ?? '',
1314 - placement: "bottom",
1315 - width: itemRef.current?.getBoundingClientRect().width,
1316 - offset: [0, -15]
1317 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledListItemButton, {
1318 - ref: itemRef,
1319 - dense: true,
1320 - disableGutters: true,
1321 - showSortIndicator: showSortIndicator,
1322 - showActions: isSelected || isEditing,
1323 - shape: "rounded",
1324 - onDoubleClick: openEditMode,
1325 - selected: isSelected,
1326 - disabled: disabled,
1327 - focusVisibleClassName: "visible-class-item"
1328 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_8__.SortableTrigger, sortableTriggerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Indicator, {
1329 - isActive: isEditing,
1330 - isError: !!error
1331 - }, isEditing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.EditableField, _extends({
1332 - ref: editableRef,
1333 - as: _elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography,
1334 - variant: "caption"
1335 - }, getEditableProps())) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.EllipsisWithTooltip, {
1336 - title: label,
1337 - as: _elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography,
1338 - variant: "caption"
1339 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
1340 - className: 'class-item-locator'
1341 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_usage_components__WEBPACK_IMPORTED_MODULE_6__.CssClassUsageTrigger, {
1342 - id: id,
1343 - onClick: setSelectedCssUsage
1344 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
1345 - placement: "top",
1346 - className: 'class-item-more-actions',
1347 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('More actions', 'elementor')
1348 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, _extends({
1349 - size: "tiny"
1350 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindTrigger)(popupState), {
1351 - "aria-label": "More actions"
1352 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DotsVerticalIcon, {
1353 - fontSize: "tiny"
1354 - })))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Menu, _extends({}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindMenu)(popupState), {
1355 - anchorOrigin: {
1356 - vertical: 'bottom',
1357 - horizontal: 'right'
1358 - },
1359 - transformOrigin: {
1360 - vertical: 'top',
1361 - horizontal: 'right'
1362 - }
1363 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuListItem, {
1364 - sx: {
1365 - minWidth: '160px'
1366 - },
1367 - onClick: () => {
1368 - popupState.close();
1369 - openEditMode();
1370 - }
1371 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
1372 - variant: "caption",
1373 - sx: {
1374 - color: 'text.primary'
1375 - }
1376 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Rename', 'elementor'))), onToggleSync && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuListItem, {
1377 - onClick: () => {
1378 - popupState.close();
1379 - onToggleSync(id, !syncToV3);
1380 - }
1381 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
1382 - direction: "row",
1383 - alignItems: "center",
1384 - gap: 1
1385 - }, syncToV3 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RefreshOffIcon, {
1386 - fontSize: "tiny"
1387 - }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RefreshIcon, {
1388 - fontSize: "tiny"
1389 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
1390 - variant: "caption",
1391 - sx: {
1392 - color: 'text.primary'
1393 - }
1394 - }, syncToV3 ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Stop syncing to Global Fonts', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Sync to Global Fonts', 'elementor')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuListItem, {
1395 - onClick: () => {
1396 - popupState.close();
1397 - openDialog({
1398 - id,
1399 - label
1400 - });
1401 - }
1402 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
1403 - variant: "caption",
1404 - sx: {
1405 - color: 'error.light'
1406 - }
1407 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Delete', 'elementor')))));
1408 -};
1409 -const StyledListItemButton = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.ListItemButton, {
1410 - shouldForwardProp: prop => !['showActions', 'showSortIndicator'].includes(prop)
1411 -})(({
1412 - showActions,
1413 - showSortIndicator
1414 -}) => `
1415 - min-height: 36px;
1416 -
1417 - &.visible-class-item {
1418 - box-shadow: none !important;
1419 - }
1420 -
1421 - .class-item-locator {
1422 - visibility: hidden;
1423 - }
1424 -
1425 - .class-item-sortable-trigger {
1426 - visibility: ${showSortIndicator && showActions ? 'visible' : 'hidden'};
1427 - }
1428 -
1429 - &:hover:not(:disabled) {
1430 - .class-item-locator {
1431 - visibility: visible;
1432 - }
1433 -
1434 - .class-item-sortable-trigger {
1435 - visibility: ${showSortIndicator ? 'visible' : 'hidden'};
1436 - }
1437 - }
1438 - `);
1439 -const Indicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
1440 - shouldForwardProp: prop => !['isActive', 'isError'].includes(prop)
1441 -})(({
1442 - theme,
1443 - isActive,
1444 - isError
1445 -}) => ({
1446 - display: 'flex',
1447 - width: '100%',
1448 - flexGrow: 1,
1449 - borderRadius: theme.spacing(0.5),
1450 - border: getIndicatorBorder({
1451 - isActive,
1452 - isError,
1453 - theme
1454 - }),
1455 - padding: `0 ${theme.spacing(1)}`,
1456 - marginLeft: isActive ? theme.spacing(1) : 0,
1457 - minWidth: 0
1458 -}));
1459 -const getIndicatorBorder = ({
1460 - isActive,
1461 - isError,
1462 - theme
1463 -}) => {
1464 - if (isError) {
1465 - return `2px solid ${theme.palette.error.main}`;
1466 - }
1467 - if (isActive) {
1468 - return `2px solid ${theme.palette.secondary.main}`;
1469 - }
1470 - return 'none';
1471 -};
1472 -const validateLabel = newLabel => {
1473 - const result = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.validateStyleLabel)(newLabel, 'rename');
1474 - if (result.isValid) {
1475 - return null;
1476 - }
1477 - return result.errorMessage;
1478 -};
1479 -
1480 -/***/ }),
1481 -
1482 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-button.tsx":
1483 -/*!************************************************************************************************************!*\
1484 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-button.tsx ***!
1485 - \************************************************************************************************************/
1486 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1487 -
1488 -__webpack_require__.r(__webpack_exports__);
1489 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1490 -/* harmony export */ ClassManagerButton: function() { return /* binding */ ClassManagerButton; }
1491 -/* harmony export */ });
1492 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1493 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1494 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
1495 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
1496 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1497 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1498 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1499 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1500 -/* harmony import */ var _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../global-classes-styles-provider */ "./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts");
1501 -/* harmony import */ var _hooks_use_prefetch_css_class_usage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/use-prefetch-css-class-usage */ "./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts");
1502 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
1503 -/* harmony import */ var _flipped_color_swatch_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./flipped-color-swatch-icon */ "./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx");
1504 -
1505 -
1506 -
1507 -
1508 -
1509 -
1510 -
1511 -
1512 -const EVENT_TOGGLE_DESIGN_SYSTEM = 'elementor/toggle-design-system';
1513 -const ClassManagerButton = () => {
1514 - const {
1515 - prefetchClassesUsage
1516 - } = (0,_hooks_use_prefetch_css_class_usage__WEBPACK_IMPORTED_MODULE_5__.usePrefetchCssClassUsage)();
1517 - const {
1518 - userCan
1519 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
1520 - const isUserAllowedToUpdateClass = userCan(_global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_4__.globalClassesStylesProvider.getKey()).update;
1521 - if (!isUserAllowedToUpdateClass) {
1522 - return null;
1523 - }
1524 - const handleOpenPanel = () => {
1525 - window.dispatchEvent(new CustomEvent(EVENT_TOGGLE_DESIGN_SYSTEM, {
1526 - detail: {
1527 - tab: 'classes'
1528 - }
1529 - }));
1530 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_6__.trackGlobalClasses)({
1531 - event: 'classManagerOpened',
1532 - source: 'style-panel'
1533 - });
1534 - prefetchClassesUsage();
1535 - };
1536 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
1537 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Class Manager', 'elementor'),
1538 - placement: "top"
1539 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
1540 - size: "tiny",
1541 - onClick: handleOpenPanel,
1542 - sx: {
1543 - marginInlineEnd: -0.75
1544 - }
1545 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flipped_color_swatch_icon__WEBPACK_IMPORTED_MODULE_7__.FlippedColorSwatchIcon, {
1546 - fontSize: "tiny"
1547 - })));
1548 -};
1549 -
1550 -/***/ }),
1551 -
1552 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-introduction.tsx":
1553 -/*!******************************************************************************************************************!*\
1554 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-introduction.tsx ***!
1555 - \******************************************************************************************************************/
1556 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1557 -
1558 -__webpack_require__.r(__webpack_exports__);
1559 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1560 -/* harmony export */ ClassManagerIntroduction: function() { return /* binding */ ClassManagerIntroduction; }
1561 -/* harmony export */ });
1562 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1563 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1564 -/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
1565 -/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__);
1566 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1567 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
1568 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1569 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
1570 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1571 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
1572 -
1573 -
1574 -
1575 -
1576 -
1577 -
1578 -const MESSAGE_KEY = 'global-class-manager';
1579 -const ClassManagerIntroduction = () => {
1580 - const [isMessageSuppressed, suppressMessage] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__.useSuppressedMessage)(MESSAGE_KEY);
1581 - const [shouldShowIntroduction, setShouldShowIntroduction] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!isMessageSuppressed);
1582 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.IntroductionModal, {
1583 - open: shouldShowIntroduction,
1584 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Class Manager', 'elementor'),
1585 - handleClose: shouldShowAgain => {
1586 - if (!shouldShowAgain) {
1587 - suppressMessage();
1588 - }
1589 - setShouldShowIntroduction(false);
1590 - }
1591 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Image, {
1592 - sx: {
1593 - width: '100%',
1594 - aspectRatio: '16 / 9'
1595 - },
1596 - src: 'https://assets.elementor.com/packages/v1/images/class-manager-intro.svg',
1597 - alt: ''
1598 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(IntroductionContent, null));
1599 -};
1600 -const IntroductionContent = () => {
1601 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
1602 - p: 3
1603 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
1604 - variant: 'body2'
1605 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)("The Class Manager lets you see all the classes you've created, plus adjust their priority, rename them, and delete unused classes to keep your CSS structured.", 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
1606 - variant: 'body2'
1607 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Remember, when editing an item within a specific class, any changes you make will apply across all elements in that class.', 'elementor')));
1608 -};
1609 -
1610 -/***/ }),
1611 -
1612 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx":
1613 -/*!***********************************************************************************************************!*\
1614 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx ***!
1615 - \***********************************************************************************************************/
1616 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1617 -
1618 -__webpack_require__.r(__webpack_exports__);
1619 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1620 -/* harmony export */ ClassManagerPanelEmbedded: function() { return /* binding */ ClassManagerPanelEmbedded; }
1621 -/* harmony export */ });
1622 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1623 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1624 -/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
1625 -/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__);
1626 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
1627 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__);
1628 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
1629 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__);
1630 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1631 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__);
1632 -/* harmony import */ var _elementor_query__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/query */ "@elementor/query");
1633 -/* harmony import */ var _elementor_query__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_query__WEBPACK_IMPORTED_MODULE_5__);
1634 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
1635 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_6__);
1636 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1637 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__);
1638 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1639 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__);
1640 -/* harmony import */ var _hooks_use_classes_order__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../hooks/use-classes-order */ "./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts");
1641 -/* harmony import */ var _hooks_use_dirty_state__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../hooks/use-dirty-state */ "./packages/packages/core/editor-global-classes/src/hooks/use-dirty-state.ts");
1642 -/* harmony import */ var _hooks_use_filters__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../hooks/use-filters */ "./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts");
1643 -/* harmony import */ var _save_global_classes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../save-global-classes */ "./packages/packages/core/editor-global-classes/src/save-global-classes.tsx");
1644 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
1645 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
1646 -/* harmony import */ var _search_and_filter_components_filter_active_filters__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../search-and-filter/components/filter/active-filters */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/active-filters.tsx");
1647 -/* harmony import */ var _search_and_filter_components_filter_css_class_filter__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../search-and-filter/components/filter/css-class-filter */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/css-class-filter.tsx");
1648 -/* harmony import */ var _search_and_filter_components_search_class_manager_search__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../search-and-filter/components/search/class-manager-search */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/search/class-manager-search.tsx");
1649 -/* harmony import */ var _search_and_filter_context__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../search-and-filter/context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
1650 -/* harmony import */ var _class_manager_introduction__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./class-manager-introduction */ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-introduction.tsx");
1651 -/* harmony import */ var _delete_class__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./delete-class */ "./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts");
1652 -/* harmony import */ var _flipped_color_swatch_icon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./flipped-color-swatch-icon */ "./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx");
1653 -/* harmony import */ var _global_classes_list__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./global-classes-list */ "./packages/packages/core/editor-global-classes/src/components/class-manager/global-classes-list.tsx");
1654 -/* harmony import */ var _panel_interactions__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./panel-interactions */ "./packages/packages/core/editor-global-classes/src/components/class-manager/panel-interactions.ts");
1655 -/* harmony import */ var _start_sync_to_v3_modal__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./start-sync-to-v3-modal */ "./packages/packages/core/editor-global-classes/src/components/class-manager/start-sync-to-v3-modal.tsx");
1656 -
1657 -
1658 -
1659 -
1660 -
1661 -
1662 -
1663 -
1664 -
1665 -
1666 -
1667 -
1668 -
1669 -
1670 -
1671 -
1672 -
1673 -
1674 -
1675 -
1676 -
1677 -
1678 -
1679 -
1680 -
1681 -
1682 -const STOP_SYNC_MESSAGE_KEY = 'stop-sync-class';
1683 -function ClassManagerPanelEmbedded({
1684 - onRequestClose,
1685 - onExposeCloseAttempt,
1686 - isActive
1687 -}) {
1688 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassManagerPanelContent, {
1689 - onRequestClose: onRequestClose,
1690 - onExposeCloseAttempt: onExposeCloseAttempt,
1691 - isActive: isActive
1692 - });
1693 -}
1694 -function ClassManagerPanelContent({
1695 - onRequestClose,
1696 - onExposeCloseAttempt,
1697 - isActive = true
1698 -}) {
1699 - const isDirty = (0,_hooks_use_dirty_state__WEBPACK_IMPORTED_MODULE_10__.useDirtyState)();
1700 - const {
1701 - open: openSaveChangesDialog,
1702 - close: closeSaveChangesDialog,
1703 - isOpen: isSaveChangesDialogOpen
1704 - } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.useDialog)();
1705 - const [stopSyncConfirmation, setStopSyncConfirmation] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
1706 - const [startSyncConfirmation, setStartSyncConfirmation] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
1707 - const [isStopSyncSuppressed] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
1708 - const [scrollElement, setScrollElement] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
1709 - const {
1710 - mutateAsync: publish,
1711 - isPending: isPublishing
1712 - } = usePublish();
1713 - const resetAndClosePanel = () => {
1714 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_6__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_13__.slice.actions.resetToInitialState({
1715 - context: 'frontend'
1716 - }));
1717 - closeSaveChangesDialog();
1718 - };
1719 - const handleClosePanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
1720 - if (isDirty) {
1721 - openSaveChangesDialog();
1722 - return;
1723 - }
1724 - void onRequestClose();
1725 - }, [isDirty, openSaveChangesDialog, onRequestClose]);
1726 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
1727 - if (!onExposeCloseAttempt) {
1728 - return;
1729 - }
1730 - onExposeCloseAttempt(() => handleClosePanel());
1731 - return () => onExposeCloseAttempt(null);
1732 - }, [onExposeCloseAttempt, handleClosePanel]);
1733 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
1734 - (0,_panel_interactions__WEBPACK_IMPORTED_MODULE_23__.blockPanelInteractions)();
1735 - return () => {
1736 - (0,_panel_interactions__WEBPACK_IMPORTED_MODULE_23__.unblockPanelInteractions)();
1737 - };
1738 - }, []);
1739 - const handleStopSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classId => {
1740 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_6__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_13__.slice.actions.update({
1741 - style: {
1742 - id: classId,
1743 - sync_to_v3: false
1744 - }
1745 - }));
1746 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_14__.trackGlobalClasses)({
1747 - event: 'classSyncToV3',
1748 - classId,
1749 - action: 'unsync'
1750 - });
1751 - setStopSyncConfirmation(null);
1752 - }, []);
1753 - const handleStartSync = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classId => {
1754 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_6__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_13__.slice.actions.update({
1755 - style: {
1756 - id: classId,
1757 - sync_to_v3: true
1758 - }
1759 - }));
1760 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_14__.trackGlobalClasses)({
1761 - event: 'classSyncToV3',
1762 - classId,
1763 - action: 'sync'
1764 - });
1765 - setStartSyncConfirmation(null);
1766 - }, []);
1767 - const handleStopSyncRequest = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classId => {
1768 - if (!isStopSyncSuppressed) {
1769 - setStopSyncConfirmation(classId);
1770 - } else {
1771 - handleStopSync(classId);
1772 - }
1773 - }, [isStopSyncSuppressed, handleStopSync]);
1774 - usePreventUnload();
1775 - 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_7__.ErrorBoundary, {
1776 - fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundaryFallback, null)
1777 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_search_and_filter_context__WEBPACK_IMPORTED_MODULE_18__.SearchAndFilterProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Stack, {
1778 - direction: "column",
1779 - sx: {
1780 - height: '100%',
1781 - width: '100%',
1782 - flex: 1,
1783 - minHeight: 0,
1784 - overflow: 'hidden'
1785 - }
1786 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Box, {
1787 - px: 2,
1788 - pb: 1
1789 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Stack, {
1790 - direction: "row",
1791 - alignItems: "center",
1792 - justifyContent: "space-between",
1793 - gap: 0.5,
1794 - sx: {
1795 - pb: 0.5
1796 - }
1797 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Box, {
1798 - sx: {
1799 - flexGrow: 1,
1800 - minWidth: 0
1801 - }
1802 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_search_and_filter_components_search_class_manager_search__WEBPACK_IMPORTED_MODULE_17__.ClassManagerSearch, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_search_and_filter_components_filter_css_class_filter__WEBPACK_IMPORTED_MODULE_16__.CssClassFilter, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TotalCssClassCounter, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_search_and_filter_components_filter_active_filters__WEBPACK_IMPORTED_MODULE_15__.ActiveFilters, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Box, {
1803 - ref: setScrollElement,
1804 - px: 2,
1805 - sx: {
1806 - flexGrow: 1,
1807 - overflowY: 'auto',
1808 - minHeight: 0
1809 - }
1810 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_global_classes_list__WEBPACK_IMPORTED_MODULE_22__.GlobalClassesList, {
1811 - disabled: isPublishing,
1812 - scrollElement: scrollElement,
1813 - onStopSyncRequest: handleStopSyncRequest,
1814 - onStartSyncRequest: classId => setStartSyncConfirmation(classId)
1815 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelFooter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Button, {
1816 - fullWidth: true,
1817 - size: "small",
1818 - color: "global",
1819 - variant: "contained",
1820 - onClick: publish,
1821 - disabled: !isDirty,
1822 - loading: isPublishing
1823 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Save changes', 'elementor')))))), isActive && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_class_manager_introduction__WEBPACK_IMPORTED_MODULE_19__.ClassManagerIntroduction, null), startSyncConfirmation && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_start_sync_to_v3_modal__WEBPACK_IMPORTED_MODULE_24__.StartSyncToV3Modal, {
1824 - externalOpen: true,
1825 - classId: startSyncConfirmation,
1826 - onExternalClose: () => setStartSyncConfirmation(null),
1827 - onConfirm: () => handleStartSync(startSyncConfirmation)
1828 - }), stopSyncConfirmation && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StopSyncConfirmationDialog, {
1829 - open: true,
1830 - onClose: () => setStopSyncConfirmation(null),
1831 - onConfirm: () => handleStopSync(stopSyncConfirmation)
1832 - }), isSaveChangesDialogOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.SaveChangesDialog, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.DialogHeader, {
1833 - onClose: closeSaveChangesDialog,
1834 - logo: false
1835 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.SaveChangesDialog.Title, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('You have unsaved changes', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.SaveChangesDialog.Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.SaveChangesDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('You have unsaved changes in the Class Manager.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.SaveChangesDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('To avoid losing your updates, save your changes before leaving.', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.SaveChangesDialog.Actions, {
1836 - actions: {
1837 - discard: {
1838 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Discard', 'elementor'),
1839 - action: () => {
1840 - resetAndClosePanel();
1841 - }
1842 - },
1843 - confirm: {
1844 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Save & Continue', 'elementor'),
1845 - action: async () => {
1846 - await publish();
1847 - closeSaveChangesDialog();
1848 - void onRequestClose();
1849 - }
1850 - }
1851 - }
1852 - })));
1853 -}
1854 -const ErrorBoundaryFallback = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Box, {
1855 - role: "alert",
1856 - sx: {
1857 - minHeight: '100%',
1858 - p: 2
1859 - }
1860 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Alert, {
1861 - severity: "error",
1862 - sx: {
1863 - mb: 2,
1864 - maxWidth: 400,
1865 - textAlign: 'center'
1866 - }
1867 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Something went wrong', 'elementor'))));
1868 -const usePreventUnload = () => {
1869 - const isDirty = (0,_hooks_use_dirty_state__WEBPACK_IMPORTED_MODULE_10__.useDirtyState)();
1870 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
1871 - const handleBeforeUnload = event => {
1872 - if (isDirty) {
1873 - event.preventDefault();
1874 - }
1875 - };
1876 - window.addEventListener('beforeunload', handleBeforeUnload);
1877 - return () => {
1878 - window.removeEventListener('beforeunload', handleBeforeUnload);
1879 - };
1880 - }, [isDirty]);
1881 -};
1882 -const usePublish = () => {
1883 - return (0,_elementor_query__WEBPACK_IMPORTED_MODULE_5__.useMutation)({
1884 - mutationFn: () => (0,_save_global_classes__WEBPACK_IMPORTED_MODULE_12__.saveGlobalClasses)({
1885 - context: 'frontend'
1886 - }),
1887 - onSuccess: async () => {
1888 - (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(false);
1889 - if ((0,_delete_class__WEBPACK_IMPORTED_MODULE_20__.hasDeletedItems)()) {
1890 - await (0,_delete_class__WEBPACK_IMPORTED_MODULE_20__.onDelete)();
1891 - }
1892 - }
1893 - });
1894 -};
1895 -const TotalCssClassCounter = () => {
1896 - const filters = (0,_hooks_use_filters__WEBPACK_IMPORTED_MODULE_11__.useFilters)();
1897 - const cssClasses = (0,_hooks_use_classes_order__WEBPACK_IMPORTED_MODULE_9__.useClassesOrder)();
1898 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Chip, {
1899 - size: 'small',
1900 - label: filters ? `${filters.length} / ${cssClasses?.length}` : cssClasses?.length
1901 - });
1902 -};
1903 -const StopSyncConfirmationDialog = ({
1904 - open,
1905 - onClose,
1906 - onConfirm
1907 -}) => {
1908 - const [, suppressStopSyncMessage] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
1909 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ConfirmationDialog, {
1910 - open: open,
1911 - onClose: onClose
1912 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ConfirmationDialog.Title, {
1913 - icon: _flipped_color_swatch_icon__WEBPACK_IMPORTED_MODULE_21__.FlippedColorSwatchIcon,
1914 - iconColor: "primary"
1915 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Un-sync typography class', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ConfirmationDialog.Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ConfirmationDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)("You're about to stop syncing a typography class to Global Fonts.", 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ConfirmationDialog.ContentText, {
1916 - sx: {
1917 - mt: 1
1918 - }
1919 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)("Note that if it's being used anywhere, the affected elements will inherit the default typography.", 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ConfirmationDialog.Actions, {
1920 - onClose: onClose,
1921 - onConfirm: onConfirm,
1922 - cancelLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Cancel', 'elementor'),
1923 - confirmLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Got it', 'elementor'),
1924 - color: "primary",
1925 - onSuppressMessage: suppressStopSyncMessage,
1926 - suppressLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)("Don't show again", 'elementor')
1927 - }));
1928 -};
1929 -
1930 -/***/ }),
1931 -
1932 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts":
1933 -/*!***************************************************************************************************!*\
1934 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts ***!
1935 - \***************************************************************************************************/
1936 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1937 -
1938 -__webpack_require__.r(__webpack_exports__);
1939 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1940 -/* harmony export */ deleteClass: function() { return /* binding */ deleteClass; },
1941 -/* harmony export */ hasDeletedItems: function() { return /* binding */ hasDeletedItems; },
1942 -/* harmony export */ onDelete: function() { return /* binding */ onDelete; }
1943 -/* harmony export */ });
1944 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
1945 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
1946 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
1947 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
1948 -
1949 -
1950 -
1951 -let isDeleted = false;
1952 -const deleteClass = id => {
1953 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_2__.trackGlobalClasses)({
1954 - event: 'classDeleted',
1955 - classId: id,
1956 - runAction: () => {
1957 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.delete(id));
1958 - isDeleted = true;
1959 - }
1960 - });
1961 -};
1962 -const onDelete = async () => {
1963 - isDeleted = false;
1964 -};
1965 -const hasDeletedItems = () => isDeleted;
1966 -
1967 -/***/ }),
1968 -
1969 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx":
1970 -/*!******************************************************************************************************************!*\
1971 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx ***!
1972 - \******************************************************************************************************************/
1973 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1974 -
1975 -__webpack_require__.r(__webpack_exports__);
1976 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1977 -/* harmony export */ DeleteConfirmationProvider: function() { return /* binding */ DeleteConfirmationProvider; },
1978 -/* harmony export */ useDeleteConfirmation: function() { return /* binding */ useDeleteConfirmation; }
1979 -/* harmony export */ });
1980 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1981 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1982 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1983 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
1984 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1985 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1986 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1987 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1988 -/* harmony import */ var _hooks_use_css_class_usage_by_id__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-css-class-usage-by-id */ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts");
1989 -/* harmony import */ var _delete_class__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./delete-class */ "./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts");
1990 -
1991 -
1992 -
1993 -
1994 -
1995 -
1996 -
1997 -const context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
1998 -const DeleteConfirmationProvider = ({
1999 - children
2000 -}) => {
2001 - const [dialogProps, setDialogProps] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
2002 - const openDialog = props => {
2003 - setDialogProps(props);
2004 - };
2005 - const closeDialog = () => {
2006 - setDialogProps(null);
2007 - };
2008 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(context.Provider, {
2009 - value: {
2010 - openDialog,
2011 - closeDialog,
2012 - dialogProps
2013 - }
2014 - }, children, !!dialogProps && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DeleteClassDialog, dialogProps));
2015 -};
2016 -const DeleteClassDialog = ({
2017 - label,
2018 - id
2019 -}) => {
2020 - const {
2021 - closeDialog
2022 - } = useDeleteConfirmation();
2023 - const {
2024 - data: {
2025 - total,
2026 - content
2027 - }
2028 - } = (0,_hooks_use_css_class_usage_by_id__WEBPACK_IMPORTED_MODULE_4__.useCssClassUsageByID)(id);
2029 - const handleConfirm = () => {
2030 - closeDialog();
2031 - (0,_delete_class__WEBPACK_IMPORTED_MODULE_5__.deleteClass)(id);
2032 - };
2033 -
2034 - // translators: %1: total usage count, %2: number of pages
2035 - const text = total && content.length ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Will permanently remove it from your project and may affect the design across all elements using it. Used %1 times across %2 pages. This action cannot be undone.', 'elementor').replace('%1', total.toString()).replace('%2', content.length.toString()) : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Will permanently remove it from your project and may affect the design across all elements using it. This action cannot be undone.', 'elementor');
2036 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog, {
2037 - open: true,
2038 - onClose: closeDialog
2039 - }, /*#__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 class?', '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__.__)('Deleting', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
2040 - variant: "subtitle2",
2041 - component: "span"
2042 - }, "\xA0", label, "\xA0"), text)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Actions, {
2043 - onClose: closeDialog,
2044 - onConfirm: handleConfirm
2045 - }));
2046 -};
2047 -const useDeleteConfirmation = () => {
2048 - const contextValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(context);
2049 - if (!contextValue) {
2050 - throw new Error('useDeleteConfirmation must be used within a DeleteConfirmationProvider');
2051 - }
2052 - return contextValue;
2053 -};
2054 -
2055 -/***/ }),
2056 -
2057 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/duplicate-label-dialog.tsx":
2058 -/*!**************************************************************************************************************!*\
2059 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/duplicate-label-dialog.tsx ***!
2060 - \**************************************************************************************************************/
2061 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2062 -
2063 -__webpack_require__.r(__webpack_exports__);
2064 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2065 -/* harmony export */ DuplicateLabelDialog: function() { return /* binding */ DuplicateLabelDialog; }
2066 -/* harmony export */ });
2067 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2068 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2069 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2070 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
2071 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2072 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
2073 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2074 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
2075 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2076 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
2077 -
2078 -
2079 -
2080 -
2081 -
2082 -const DUP_PREFIX = 'DUP_';
2083 -const DuplicateLabelDialog = ({
2084 - modifiedLabels,
2085 - onApprove
2086 -}) => {
2087 - const handleButtonClick = () => {
2088 - localStorage.setItem('elementor-global-classes-search', DUP_PREFIX);
2089 - onApprove?.();
2090 - (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.closeDialog)();
2091 - };
2092 - 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__.DialogHeader, {
2093 - logo: false
2094 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
2095 - display: "flex",
2096 - alignItems: "center",
2097 - gap: 1
2098 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Icon, {
2099 - color: "secondary"
2100 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleFilledIcon, {
2101 - fontSize: "medium"
2102 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2103 - variant: "subtitle1"
2104 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)("We've published your page and updated class names.", 'elementor')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.DialogContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
2105 - spacing: 2,
2106 - direction: "column"
2107 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2108 - variant: "body2"
2109 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Some new classes used the same names as existing ones. To prevent conflicts, we added the prefix', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, " ", DUP_PREFIX)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
2110 - sx: {
2111 - width: '100%',
2112 - display: 'flex',
2113 - gap: 2,
2114 - alignItems: 'flex-start'
2115 - }
2116 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2117 - variant: "subtitle2",
2118 - sx: {
2119 - fontWeight: 'bold',
2120 - flex: 1,
2121 - flexShrink: 1,
2122 - flexGrow: 1,
2123 - minWidth: 0
2124 - }
2125 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Before', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2126 - variant: "subtitle2",
2127 - sx: {
2128 - minWidth: '200px',
2129 - fontWeight: 'bold',
2130 - flexShrink: 0,
2131 - flexGrow: 0,
2132 - width: '200px',
2133 - maxWidth: '200px'
2134 - }
2135 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('After', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Divider, {
2136 - sx: {
2137 - mt: 0.5,
2138 - mb: 0.5
2139 - }
2140 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
2141 - direction: "column",
2142 - gap: 0.5,
2143 - sx: {
2144 - pb: 2
2145 - }
2146 - }, Object.values(modifiedLabels).map(({
2147 - original,
2148 - modified
2149 - }, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
2150 - key: index,
2151 - sx: {
2152 - width: '100%',
2153 - display: 'flex',
2154 - gap: 2,
2155 - alignItems: 'flex-start'
2156 - }
2157 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
2158 - sx: {
2159 - flex: 1,
2160 - flexShrink: 1,
2161 - flexGrow: 1,
2162 - minWidth: 0
2163 - }
2164 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
2165 - title: original
2166 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2167 - variant: "body2",
2168 - sx: {
2169 - color: 'text.secondary'
2170 - }
2171 - }, original))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
2172 - sx: {
2173 - minWidth: '200px',
2174 - flexShrink: 0,
2175 - flexGrow: 0,
2176 - width: '200px',
2177 - maxWidth: '200px'
2178 - }
2179 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
2180 - title: modified
2181 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
2182 - variant: "body2",
2183 - sx: {
2184 - color: 'text.primary'
2185 - }
2186 - }, modified)))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Alert, {
2187 - severity: "info",
2188 - size: "small",
2189 - color: "secondary"
2190 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Your designs and classes are safe.', 'elementor')), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Only the prefixes were added. Find them in Class Manager by searching', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, DUP_PREFIX)))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.DialogActions, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Button, {
2191 - color: "secondary",
2192 - variant: "text",
2193 - onClick: handleButtonClick
2194 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Go to Class Manager', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Button, {
2195 - color: "secondary",
2196 - variant: "contained",
2197 - onClick: _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.closeDialog
2198 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Done', 'elementor'))));
2199 -};
2200 -
2201 -/***/ }),
2202 -
2203 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx":
2204 -/*!*****************************************************************************************************************!*\
2205 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx ***!
2206 - \*****************************************************************************************************************/
2207 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2208 -
2209 -__webpack_require__.r(__webpack_exports__);
2210 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2211 -/* harmony export */ FlippedColorSwatchIcon: function() { return /* binding */ FlippedColorSwatchIcon; }
2212 -/* harmony export */ });
2213 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2214 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2215 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2216 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
2217 -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); }
2218 -
2219 -
2220 -const FlippedColorSwatchIcon = ({
2221 - sx,
2222 - ...props
2223 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ColorSwatchIcon, _extends({
2224 - sx: {
2225 - transform: 'rotate(90deg)',
2226 - ...sx
2227 - }
2228 -}, props));
2229 -
2230 -/***/ }),
2231 -
2232 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/global-classes-list.tsx":
2233 -/*!***********************************************************************************************************!*\
2234 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/global-classes-list.tsx ***!
2235 - \***********************************************************************************************************/
2236 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2237 -
2238 -__webpack_require__.r(__webpack_exports__);
2239 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2240 -/* harmony export */ GlobalClassesList: function() { return /* binding */ GlobalClassesList; }
2241 -/* harmony export */ });
2242 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2243 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2244 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
2245 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
2246 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2247 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
2248 -/* harmony import */ var _tanstack_react_virtual__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @tanstack/react-virtual */ "./packages/node_modules/@tanstack/react-virtual/dist/esm/index.js");
2249 -/* harmony import */ var _tanstack_react_virtual__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @tanstack/react-virtual */ "./packages/node_modules/@tanstack/virtual-core/dist/esm/index.js");
2250 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2251 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
2252 -/* harmony import */ var _hooks_use_classes_order__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks/use-classes-order */ "./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts");
2253 -/* harmony import */ var _hooks_use_filters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks/use-filters */ "./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts");
2254 -/* harmony import */ var _hooks_use_ordered_classes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../hooks/use-ordered-classes */ "./packages/packages/core/editor-global-classes/src/hooks/use-ordered-classes.ts");
2255 -/* harmony import */ var _load_existing_classes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../load-existing-classes */ "./packages/packages/core/editor-global-classes/src/load-existing-classes.ts");
2256 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
2257 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
2258 -/* harmony import */ var _search_and_filter_context__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../search-and-filter/context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
2259 -/* harmony import */ var _class_item__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./class-item */ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-item.tsx");
2260 -/* harmony import */ var _delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./delete-confirmation-dialog */ "./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx");
2261 -/* harmony import */ var _flipped_color_swatch_icon__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./flipped-color-swatch-icon */ "./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx");
2262 -/* harmony import */ var _not_found__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./not-found */ "./packages/packages/core/editor-global-classes/src/components/class-manager/not-found.tsx");
2263 -/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./sortable */ "./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx");
2264 -
2265 -
2266 -
2267 -
2268 -
2269 -
2270 -
2271 -
2272 -
2273 -
2274 -
2275 -
2276 -
2277 -
2278 -
2279 -
2280 -
2281 -
2282 -const ROW_HEIGHT = 40;
2283 -const OVERSCAN = 6;
2284 -const GlobalClassesList = ({
2285 - disabled,
2286 - scrollElement,
2287 - onStopSyncRequest,
2288 - onStartSyncRequest
2289 -}) => {
2290 - const {
2291 - search: {
2292 - debouncedValue: searchValue
2293 - }
2294 - } = (0,_search_and_filter_context__WEBPACK_IMPORTED_MODULE_12__.useSearchAndFilters)();
2295 - const cssClasses = (0,_hooks_use_ordered_classes__WEBPACK_IMPORTED_MODULE_8__.useOrderedClasses)();
2296 - const dispatch = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__useDispatch)();
2297 - const filters = (0,_hooks_use_filters__WEBPACK_IMPORTED_MODULE_7__.useFilters)();
2298 - const [draggedItemId, setDraggedItemId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
2299 - const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
2300 - const addLoadingClass = classId => setLoading(prev => ({
2301 - ...prev,
2302 - [classId]: true
2303 - }));
2304 - const removeLoadingClass = classId => setLoading(prev => {
2305 - const {
2306 - [classId]: _,
2307 - ...rest
2308 - } = prev;
2309 - return rest;
2310 - });
2311 - const draggedItemLabel = cssClasses.find(cssClass => cssClass.id === draggedItemId)?.label ?? '';
2312 - const [classesOrder, reorderClasses] = useReorder(draggedItemId, setDraggedItemId, draggedItemLabel ?? '');
2313 - const filteredCssClasses = useFilteredCssClasses();
2314 - const virtualizer = (0,_tanstack_react_virtual__WEBPACK_IMPORTED_MODULE_3__.useVirtualizer)({
2315 - count: filteredCssClasses.length,
2316 - getScrollElement: () => scrollElement ?? null,
2317 - estimateSize: () => ROW_HEIGHT,
2318 - overscan: OVERSCAN,
2319 - getItemKey: index => filteredCssClasses[index].id,
2320 - // Keep the actively dragged row mounted even when scrolled out of view.
2321 - // SortableItem unregisters its render on unmount, which would make the
2322 - // DragOverlay clone disappear mid-drag.
2323 - rangeExtractor: range => {
2324 - const indices = new Set((0,_tanstack_react_virtual__WEBPACK_IMPORTED_MODULE_4__.defaultRangeExtractor)(range));
2325 - if (draggedItemId) {
2326 - const draggedItemIndex = filteredCssClasses.findIndex(cssClass => cssClass.id === draggedItemId);
2327 - if (draggedItemIndex >= 0) {
2328 - indices.add(draggedItemIndex);
2329 - }
2330 - }
2331 - return [...indices].sort((a, b) => a - b);
2332 - }
2333 - });
2334 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
2335 - const handler = event => {
2336 - if (event.key === 'z' && (event.ctrlKey || event.metaKey)) {
2337 - event.stopImmediatePropagation();
2338 - event.preventDefault();
2339 - if (event.shiftKey) {
2340 - dispatch(_store__WEBPACK_IMPORTED_MODULE_10__.slice.actions.redo());
2341 - return;
2342 - }
2343 - dispatch(_store__WEBPACK_IMPORTED_MODULE_10__.slice.actions.undo());
2344 - }
2345 - };
2346 - window.addEventListener('keydown', handler, {
2347 - capture: true
2348 - });
2349 - return () => window.removeEventListener('keydown', handler);
2350 - }, [dispatch]);
2351 - if (!cssClasses?.length) {
2352 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EmptyState, null);
2353 - }
2354 - const notFoundType = (0,_not_found__WEBPACK_IMPORTED_MODULE_16__.getNotFoundType)(searchValue, filters, filteredCssClasses);
2355 - if (notFoundType) {
2356 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_not_found__WEBPACK_IMPORTED_MODULE_16__.NotFound, {
2357 - notFoundType: notFoundType
2358 - });
2359 - }
2360 - const isFiltersApplied = filters?.length || searchValue;
2361 - const allowSorting = filteredCssClasses.length > 1 && !isFiltersApplied;
2362 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_14__.DeleteConfirmationProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.List, {
2363 - sx: {
2364 - position: 'relative',
2365 - display: 'block',
2366 - height: virtualizer.getTotalSize(),
2367 - padding: 0
2368 - }
2369 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_17__.SortableProvider, {
2370 - value: classesOrder,
2371 - onChange: reorderClasses,
2372 - onDragStart: event => setDraggedItemId(event.active.id),
2373 - onDragEnd: () => setDraggedItemId(null),
2374 - onDragCancel: () => setDraggedItemId(null),
2375 - disableDragOverlay: !allowSorting
2376 - }, virtualizer.getVirtualItems().map(virtualRow => {
2377 - const cssClass = filteredCssClasses[virtualRow.index];
2378 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_17__.SortableItem, {
2379 - key: virtualRow.key,
2380 - id: cssClass.id,
2381 - style: {
2382 - position: 'absolute',
2383 - top: virtualRow.start,
2384 - left: 0,
2385 - width: '100%'
2386 - }
2387 - }, ({
2388 - isDragged,
2389 - isDragPlaceholder,
2390 - triggerProps,
2391 - triggerStyle
2392 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_class_item__WEBPACK_IMPORTED_MODULE_13__.ClassItem, {
2393 - id: cssClass.id,
2394 - label: cssClass.label,
2395 - renameClass: async newLabel => {
2396 - addLoadingClass(cssClass.id);
2397 - try {
2398 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_11__.trackGlobalClasses)({
2399 - event: 'classRenamed',
2400 - classId: cssClass.id,
2401 - oldValue: cssClass.label,
2402 - newValue: newLabel,
2403 - source: 'class-manager'
2404 - });
2405 - void (await (0,_load_existing_classes__WEBPACK_IMPORTED_MODULE_9__.loadExistingClasses)([cssClass.id]));
2406 - dispatch(_store__WEBPACK_IMPORTED_MODULE_10__.slice.actions.update({
2407 - style: {
2408 - id: cssClass.id,
2409 - label: newLabel
2410 - }
2411 - }));
2412 - } finally {
2413 - removeLoadingClass(cssClass.id);
2414 - }
2415 - },
2416 - selected: isDragged,
2417 - disabled: disabled || isDragPlaceholder || loading[cssClass.id],
2418 - sortableTriggerProps: {
2419 - ...triggerProps,
2420 - style: triggerStyle
2421 - },
2422 - showSortIndicator: allowSorting,
2423 - syncToV3: cssClass.sync_to_v3,
2424 - onToggleSync: (id, newValue) => {
2425 - if (!newValue && onStopSyncRequest) {
2426 - onStopSyncRequest(id);
2427 - } else if (newValue && onStartSyncRequest) {
2428 - onStartSyncRequest(id);
2429 - } else {
2430 - dispatch(_store__WEBPACK_IMPORTED_MODULE_10__.slice.actions.update({
2431 - style: {
2432 - id,
2433 - sync_to_v3: newValue
2434 - }
2435 - }));
2436 - }
2437 - }
2438 - }));
2439 - }))));
2440 -};
2441 -const EmptyState = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
2442 - alignItems: "center",
2443 - gap: 1.5,
2444 - pt: 10,
2445 - px: 0.5,
2446 - maxWidth: "260px",
2447 - margin: "auto"
2448 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flipped_color_swatch_icon__WEBPACK_IMPORTED_MODULE_15__.FlippedColorSwatchIcon, {
2449 - fontSize: "large"
2450 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledHeader, {
2451 - variant: "subtitle2",
2452 - component: "h2",
2453 - color: "text.secondary"
2454 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('There are no global classes yet.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
2455 - align: "center",
2456 - variant: "caption",
2457 - color: "text.secondary"
2458 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('CSS classes created in the editor panel will appear here. Once they are available, you can arrange their hierarchy, rename them, or delete them as needed.', 'elementor')));
2459 -
2460 -// Override panel reset styles.
2461 -const StyledHeader = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography)(({
2462 - theme,
2463 - variant
2464 -}) => ({
2465 - '&.MuiTypography-root': {
2466 - ...theme.typography[variant]
2467 - }
2468 -}));
2469 -const useReorder = (draggedItemId, setDraggedItemId, draggedItemLabel) => {
2470 - const dispatch = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__useDispatch)();
2471 - const order = (0,_hooks_use_classes_order__WEBPACK_IMPORTED_MODULE_6__.useClassesOrder)();
2472 - const reorder = newIds => {
2473 - dispatch(_store__WEBPACK_IMPORTED_MODULE_10__.slice.actions.setOrder(newIds));
2474 - if (draggedItemId) {
2475 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_11__.trackGlobalClasses)({
2476 - event: 'classManagerReorder',
2477 - classId: draggedItemId,
2478 - classTitle: draggedItemLabel
2479 - });
2480 - setDraggedItemId(null);
2481 - }
2482 - };
2483 - return [order, reorder];
2484 -};
2485 -const useFilteredCssClasses = () => {
2486 - const cssClasses = (0,_hooks_use_ordered_classes__WEBPACK_IMPORTED_MODULE_8__.useOrderedClasses)();
2487 - const {
2488 - search: {
2489 - debouncedValue: searchValue
2490 - }
2491 - } = (0,_search_and_filter_context__WEBPACK_IMPORTED_MODULE_12__.useSearchAndFilters)();
2492 - const filters = (0,_hooks_use_filters__WEBPACK_IMPORTED_MODULE_7__.useFilters)();
2493 - const lowercaseLabels = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => cssClasses.map(cssClass => ({
2494 - ...cssClass,
2495 - lowerLabel: cssClass.label.toLowerCase()
2496 - })), [cssClasses]);
2497 - const filteredClasses = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2498 - const normalizedSearch = searchValue.replace(/[^a-zA-Z0-9_-]/g, '').toLowerCase();
2499 - if (normalizedSearch.length > 1) {
2500 - return lowercaseLabels.filter(cssClass => cssClass.lowerLabel.includes(normalizedSearch));
2501 - }
2502 - return cssClasses;
2503 - }, [searchValue, cssClasses, lowercaseLabels]);
2504 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2505 - if (filters && filters.length > 0) {
2506 - return filteredClasses.filter(cssClass => filters.includes(cssClass.id));
2507 - }
2508 - return filteredClasses;
2509 - }, [filteredClasses, filters]);
2510 -};
2511 -
2512 -/***/ }),
2513 -
2514 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/not-found.tsx":
2515 -/*!*************************************************************************************************!*\
2516 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/not-found.tsx ***!
2517 - \*************************************************************************************************/
2518 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2519 -
2520 -__webpack_require__.r(__webpack_exports__);
2521 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2522 -/* harmony export */ NotFound: function() { return /* binding */ NotFound; },
2523 -/* harmony export */ NotFoundLayout: function() { return /* binding */ NotFoundLayout; },
2524 -/* harmony export */ getNotFoundType: function() { return /* binding */ getNotFoundType; }
2525 -/* harmony export */ });
2526 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2527 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2528 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2529 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
2530 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2531 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
2532 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2533 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
2534 -/* harmony import */ var _search_and_filter_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../search-and-filter/context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
2535 -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); }
2536 -
2537 -
2538 -
2539 -
2540 -
2541 -const getNotFoundType = (searchValue, filters, filteredClasses) => {
2542 - const searchNotFound = filteredClasses.length <= 0 && searchValue.length > 1;
2543 - const filterNotFound = filters && filters.length === 0;
2544 - const filterAndSearchNotFound = searchNotFound && filterNotFound;
2545 - if (filterAndSearchNotFound) {
2546 - return 'filterAndSearch';
2547 - }
2548 - if (searchNotFound) {
2549 - return 'search';
2550 - }
2551 - if (filterNotFound) {
2552 - return 'filter';
2553 - }
2554 - return undefined;
2555 -};
2556 -const notFound = {
2557 - filterAndSearch: {
2558 - mainText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Sorry, nothing matched.', 'elementor'),
2559 - sceneryText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Try something else.', 'elementor'),
2560 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PhotoIcon, {
2561 - color: "inherit",
2562 - fontSize: "large"
2563 - })
2564 - },
2565 - search: {
2566 - mainText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Sorry, nothing matched', 'elementor'),
2567 - sceneryText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Clear your input and try something else.', 'elementor'),
2568 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PhotoIcon, {
2569 - color: "inherit",
2570 - fontSize: "large"
2571 - })
2572 - },
2573 - filter: {
2574 - mainText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Sorry, nothing matched that search.', 'elementor'),
2575 - sceneryText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Clear the filters and try something else.', 'elementor'),
2576 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ColorSwatchIcon, {
2577 - color: "inherit",
2578 - fontSize: "large"
2579 - })
2580 - }
2581 -};
2582 -const NotFound = ({
2583 - notFoundType
2584 -}) => {
2585 - const {
2586 - search: {
2587 - onClearSearch,
2588 - inputValue
2589 - },
2590 - filters: {
2591 - onClearFilter
2592 - }
2593 - } = (0,_search_and_filter_context__WEBPACK_IMPORTED_MODULE_4__.useSearchAndFilters)();
2594 - switch (notFoundType) {
2595 - case 'filter':
2596 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(NotFoundLayout, _extends({}, notFound.filter, {
2597 - onClear: onClearFilter
2598 - }));
2599 - case 'search':
2600 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(NotFoundLayout, _extends({}, notFound.search, {
2601 - searchValue: inputValue,
2602 - onClear: onClearSearch
2603 - }));
2604 - case 'filterAndSearch':
2605 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(NotFoundLayout, _extends({}, notFound.filterAndSearch, {
2606 - onClear: () => {
2607 - onClearFilter();
2608 - onClearSearch();
2609 - }
2610 - }));
2611 - }
2612 -};
2613 -const NotFoundLayout = ({
2614 - onClear,
2615 - searchValue,
2616 - mainText,
2617 - sceneryText,
2618 - icon
2619 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
2620 - color: 'text.secondary',
2621 - pt: 5,
2622 - alignItems: "center",
2623 - gap: 1,
2624 - overflow: 'hidden',
2625 - justifySelf: 'center'
2626 -}, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
2627 - sx: {
2628 - width: '100%'
2629 - }
2630 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
2631 - align: "center",
2632 - variant: "subtitle2",
2633 - color: "inherit"
2634 -}, mainText), searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
2635 - variant: "subtitle2",
2636 - color: "inherit",
2637 - sx: {
2638 - display: 'flex',
2639 - width: '100%',
2640 - justifyContent: 'center'
2641 - }
2642 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, "\u201C"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
2643 - style: {
2644 - maxWidth: '80%',
2645 - overflow: 'hidden',
2646 - textOverflow: 'ellipsis'
2647 - }
2648 -}, searchValue), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, "\u201D."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
2649 - align: "center",
2650 - variant: "caption",
2651 - color: "inherit"
2652 -}, sceneryText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
2653 - align: "center",
2654 - variant: "caption",
2655 - color: "inherit"
2656 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Link, {
2657 - color: "secondary",
2658 - variant: "caption",
2659 - component: "button",
2660 - onClick: onClear
2661 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Clear & try again', 'elementor'))));
2662 -
2663 -/***/ }),
2664 -
2665 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/panel-interactions.ts":
2666 -/*!*********************************************************************************************************!*\
2667 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/panel-interactions.ts ***!
2668 - \*********************************************************************************************************/
2669 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2670 -
2671 -__webpack_require__.r(__webpack_exports__);
2672 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2673 -/* harmony export */ blockPanelInteractions: function() { return /* binding */ blockPanelInteractions; },
2674 -/* harmony export */ unblockPanelInteractions: function() { return /* binding */ unblockPanelInteractions; }
2675 -/* harmony export */ });
2676 -function blockPanelInteractions() {
2677 - const extendedWindow = window;
2678 - extendedWindow.$e?.components?.get?.('panel')?.blockUserInteractions?.();
2679 -}
2680 -function unblockPanelInteractions() {
2681 - const extendedWindow = window;
2682 - extendedWindow.$e?.components?.get?.('panel')?.unblockUserInteractions?.();
2683 -}
2684 -
2685 -/***/ }),
2686 -
2687 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx":
2688 -/*!************************************************************************************************!*\
2689 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx ***!
2690 - \************************************************************************************************/
2691 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2692 -
2693 -__webpack_require__.r(__webpack_exports__);
2694 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2695 -/* harmony export */ SortableItem: function() { return /* binding */ SortableItem; },
2696 -/* harmony export */ SortableProvider: function() { return /* binding */ SortableProvider; },
2697 -/* harmony export */ SortableTrigger: function() { return /* binding */ SortableTrigger; }
2698 -/* harmony export */ });
2699 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2700 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2701 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2702 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
2703 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2704 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
2705 -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); }
2706 -
2707 -
2708 -
2709 -const SortableProvider = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.UnstableSortableProvider, _extends({
2710 - restrictAxis: true,
2711 - variant: "static",
2712 - dragPlaceholderStyle: {
2713 - visibility: 'hidden'
2714 - }
2715 -}, props));
2716 -const SortableTrigger = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSortableTrigger, _extends({}, props, {
2717 - role: "button",
2718 - className: "class-item-sortable-trigger",
2719 - "aria-label": "sort"
2720 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.GripVerticalIcon, {
2721 - fontSize: "tiny"
2722 -}));
2723 -const SortableItem = ({
2724 - children,
2725 - id,
2726 - style,
2727 - ...props
2728 -}) => {
2729 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.UnstableSortableItem, _extends({}, props, {
2730 - id: id,
2731 - render: ({
2732 - itemProps,
2733 - isDragged,
2734 - triggerProps,
2735 - itemStyle,
2736 - triggerStyle,
2737 - dropIndicationStyle,
2738 - showDropIndication,
2739 - isDragOverlay,
2740 - isDragPlaceholder
2741 - }) => {
2742 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, _extends({}, itemProps, {
2743 - style: {
2744 - ...itemStyle,
2745 - ...(!isDragOverlay ? style : null)
2746 - },
2747 - component: 'li',
2748 - role: "listitem",
2749 - sx: {
2750 - backgroundColor: isDragOverlay ? 'background.paper' : undefined
2751 - }
2752 - }), children({
2753 - itemProps,
2754 - isDragged,
2755 - triggerProps,
2756 - itemStyle,
2757 - triggerStyle,
2758 - isDragPlaceholder
2759 - }), showDropIndication && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortableItemIndicator, {
2760 - style: dropIndicationStyle
2761 - }));
2762 - }
2763 - }));
2764 -};
2765 -const StyledSortableTrigger = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)('div')(({
2766 - theme
2767 -}) => ({
2768 - position: 'absolute',
2769 - left: 0,
2770 - top: '50%',
2771 - transform: `translate( -${theme.spacing(1.5)}, -50% )`,
2772 - color: theme.palette.action.active
2773 -}));
2774 -const SortableItemIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)((0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box))`
1 +/*! For license information please see editor-global-classes.js.LICENSE.txt */
2 +!function(){"use strict";var e={"./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts":function(e,s,t){t.r(s),t.d(s,{fetchCssClassUsage:function(){return fetchCssClassUsage}});var a=t("./packages/packages/core/editor-global-classes/src/api.ts"),r=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/utils.ts");const fetchCssClassUsage=async()=>{const e=await a.apiClient.usage();return(0,r.transformData)(e?.data?.data||{})}},"./packages/packages/core/editor-global-classes/src/api.ts":function(e,s,t){t.r(s),t.d(s,{API_ERROR_CODES:function(){return c},apiClient:function(){return l}});var a=t("@elementor/http-client");const r="/global-classes",o="elementor/v1",n=`${r}/usage`,l={usage:()=>(0,a.httpService)().get(`${o}${n}`),all:(e="preview")=>(0,a.httpService)().get(`${o}${r}`,{params:{context:e}}),publish:e=>(0,a.httpService)().put("elementor/v1"+r,e,{params:{context:"frontend"}}),saveDraft:e=>(0,a.httpService)().put("elementor/v1"+r,e,{params:{context:"preview"}})},c={DUPLICATED_LABEL:"DUPLICATED_LABEL"}},"./packages/packages/core/editor-global-classes/src/capabilities.ts":function(e,s,t){t.r(s),t.d(s,{UPDATE_CLASS_CAPABILITY_KEY:function(){return r},getCapabilities:function(){return getCapabilities}});var a=t("@elementor/editor-v1-adapters");const r="elementor_global_classes_update_class",getCapabilities=()=>{if((0,a.isExperimentActive)("global_classes_should_enforce_capabilities"))return{update:r,create:r,delete:r,updateProps:r}}},"./packages/packages/core/editor-global-classes/src/components/class-manager/class-item.tsx":function(e,s,t){t.r(s),t.d(s,{ClassItem:function(){return ClassItem}});var a=t("react"),r=t("@elementor/editor-styles-repository"),o=t("@elementor/editor-ui"),n=t("@elementor/icons"),l=t("@elementor/ui"),c=t("@wordpress/i18n"),i=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/index.ts"),d=t("./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx"),p=t("./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const ClassItem=({id:e,label:s,renameClass:t,selected:r,disabled:m,sortableTriggerProps:h,showSortIndicator:b})=>{const f=(0,a.useRef)(null),{ref:y,openEditMode:k,isEditing:v,error:C,getProps:x}=(0,o.useEditable)({value:s,onSubmit:t,validation:validateLabel}),[_,E]=(0,a.useState)(""),{openDialog:w}=(0,d.useDeleteConfirmation)(),S=(0,l.usePopupState)({variant:"popover",disableAutoFocus:!0}),I=(_===e||r||S.isOpen)&&!m;return a.createElement(a.Fragment,null,a.createElement(l.Stack,{p:0},a.createElement(o.WarningInfotip,{open:Boolean(C),text:C??"",placement:"bottom",width:f.current?.getBoundingClientRect().width,offset:[0,-15]},a.createElement(u,{ref:f,dense:!0,disableGutters:!0,showSortIndicator:b,showActions:I||v,shape:"rounded",onDoubleClick:k,selected:I,disabled:m,focusVisibleClassName:"visible-class-item"},a.createElement(p.SortableTrigger,h),a.createElement(g,{isActive:v,isError:!!C},v?a.createElement(o.EditableField,_extends({ref:y,as:l.Typography,variant:"caption"},x())):a.createElement(o.EllipsisWithTooltip,{title:s,as:l.Typography,variant:"caption"})),a.createElement(l.Box,{className:"class-item-locator"},a.createElement(i.CssClassUsageTrigger,{id:e,onClick:E})),a.createElement(l.Tooltip,{placement:"top",className:"class-item-more-actions",title:(0,c.__)("More actions","elementor")},a.createElement(l.IconButton,_extends({size:"tiny"},(0,l.bindTrigger)(S),{"aria-label":"More actions"}),a.createElement(n.DotsVerticalIcon,{fontSize:"tiny"})))))),a.createElement(l.Menu,_extends({},(0,l.bindMenu)(S),{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}}),a.createElement(o.MenuListItem,{sx:{minWidth:"160px"},onClick:()=>{S.close(),k()}},a.createElement(l.Typography,{variant:"caption",sx:{color:"text.primary"}},(0,c.__)("Rename","elementor"))),a.createElement(o.MenuListItem,{onClick:()=>{S.close(),w({id:e,label:s})}},a.createElement(l.Typography,{variant:"caption",sx:{color:"error.light"}},(0,c.__)("Delete","elementor")))))},u=(0,l.styled)(l.ListItemButton,{shouldForwardProp:e=>!["showActions","showSortIndicator"].includes(e)})(({showActions:e,showSortIndicator:s})=>`\n min-height: 36px;\n\n &.visible-class-item {\n box-shadow: none !important;\n }\n\n .class-item-locator {\n visibility: hidden;\n }\n\n .class-item-sortable-trigger {\n visibility: ${s&&e?"visible":"hidden"};\n }\n\n &:hover:not(:disabled) {\n .class-item-locator {\n visibility: visible;\n }\n\n .class-item-sortable-trigger {\n visibility: ${s?"visible":"hidden"};\n }\n }\n `),g=(0,l.styled)(l.Box,{shouldForwardProp:e=>!["isActive","isError"].includes(e)})(({theme:e,isActive:s,isError:t})=>({display:"flex",width:"100%",flexGrow:1,borderRadius:e.spacing(.5),border:getIndicatorBorder({isActive:s,isError:t,theme:e}),padding:`0 ${e.spacing(1)}`,marginLeft:s?e.spacing(1):0,minWidth:0})),getIndicatorBorder=({isActive:e,isError:s,theme:t})=>s?`2px solid ${t.palette.error.main}`:e?`2px solid ${t.palette.secondary.main}`:"none",validateLabel=e=>{const s=(0,r.validateStyleLabel)(e,"rename");return s.isValid?null:s.errorMessage}},"./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-button.tsx":function(e,s,t){t.r(s),t.d(s,{ClassManagerButton:function(){return ClassManagerButton}});var a=t("react"),r=t("@elementor/editor-documents"),o=t("@elementor/editor-styles-repository"),n=t("@elementor/editor-ui"),l=t("@elementor/ui"),c=t("@wordpress/i18n"),i=t("./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts"),d=t("./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts"),p=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),u=t("./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx"),g=t("./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx");const trackGlobalClassesButton=()=>{(0,p.trackGlobalClasses)({event:"classManagerOpened",source:"style-panel"})},ClassManagerButton=()=>{const e=(0,r.__useActiveDocument)(),{open:s}=(0,u.usePanelActions)(),{save:t}=(0,r.__useActiveDocumentActions)(),{open:m,close:h,isOpen:b}=(0,n.useDialog)(),{prefetchClassesUsage:f}=(0,d.usePrefetchCssClassUsage)(),{userCan:y}=(0,o.useUserStylesCapability)();if(!y(i.globalClassesStylesProvider.getKey()).update)return null;return a.createElement(a.Fragment,null,a.createElement(l.Tooltip,{title:(0,c.__)("Class Manager","elementor"),placement:"top"},a.createElement(l.IconButton,{size:"tiny",onClick:()=>{e?.isDirty?m():(s(),trackGlobalClassesButton(),(0,p.trackGlobalClasses)({event:"classManagerOpened",source:"style-panel"}),f())},sx:{marginInlineEnd:-.75}},a.createElement(g.FlippedColorSwatchIcon,{fontSize:"tiny"}))),b&&a.createElement(n.SaveChangesDialog,null,a.createElement(n.SaveChangesDialog.Title,null,(0,c.__)("You have unsaved changes","elementor")),a.createElement(n.SaveChangesDialog.Content,null,a.createElement(n.SaveChangesDialog.ContentText,{sx:{mb:2}},(0,c.__)("To open the Class Manager, save your page first. You can't continue without saving.","elementor"))),a.createElement(n.SaveChangesDialog.Actions,{actions:{cancel:{label:(0,c.__)("Stay here","elementor"),action:h},confirm:{label:(0,c.__)("Save & Continue","elementor"),action:async()=>{await t(),h(),s(),trackGlobalClassesButton(),f()}}}})))}},"./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-introduction.tsx":function(e,s,t){t.r(s),t.d(s,{ClassManagerIntroduction:function(){return ClassManagerIntroduction}});var a=t("react"),r=t("@elementor/editor-current-user"),o=t("@elementor/editor-ui"),n=t("@elementor/ui"),l=t("@wordpress/i18n");const ClassManagerIntroduction=()=>{const[e,s]=(0,r.useSuppressedMessage)("global-class-manager"),[t,c]=(0,a.useState)(!e);return a.createElement(o.IntroductionModal,{open:t,title:(0,l.__)("Class Manager","elementor"),handleClose:e=>{e||s(),c(!1)}},a.createElement(n.Image,{sx:{width:"100%",aspectRatio:"16 / 9"},src:"https://assets.elementor.com/packages/v1/images/class-manager-intro.svg",alt:""}),a.createElement(IntroductionContent,null))},IntroductionContent=()=>a.createElement(n.Box,{p:3},a.createElement(n.Typography,{variant:"body2"},(0,l.__)("The Class Manager lets you see all the classes you've created, plus adjust their priority, rename them, and delete unused classes to keep your CSS structured.","elementor")),a.createElement("br",null),a.createElement(n.Typography,{variant:"body2"},(0,l.__)("Remember, when editing an item within a specific class, any changes you make will apply across all elements in that class.","elementor")))},"./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx":function(e,s,t){t.r(s),t.d(s,{ClassManagerPanel:function(){return ClassManagerPanel},panel:function(){return D},usePanelActions:function(){return P}});var a=t("react"),r=t("@elementor/editor-documents"),o=t("@elementor/editor-panels"),n=t("@elementor/editor-ui"),l=t("@elementor/editor-v1-adapters"),c=t("@elementor/icons"),i=t("@elementor/query"),d=t("@elementor/store"),p=t("@elementor/ui"),u=t("@wordpress/i18n"),g=t("./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts"),m=t("./packages/packages/core/editor-global-classes/src/hooks/use-dirty-state.ts"),h=t("./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts"),b=t("./packages/packages/core/editor-global-classes/src/save-global-classes.tsx"),f=t("./packages/packages/core/editor-global-classes/src/store.ts"),y=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/active-filters.tsx"),k=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/css-class-filter.tsx"),v=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/search/class-manager-search.tsx"),C=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx"),x=t("./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-introduction.tsx"),_=t("./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts"),E=t("./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx"),w=t("./packages/packages/core/editor-global-classes/src/components/class-manager/global-classes-list.tsx"),S=t("./packages/packages/core/editor-global-classes/src/components/class-manager/panel-interactions.ts");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const I="global-classes-manager",{panel:D,usePanelActions:P}=(0,o.__createPanel)({id:I,component:ClassManagerPanel,allowedEditModes:["edit",I],onOpen:()=>{(0,l.changeEditMode)(I),(0,S.blockPanelInteractions)()},onClose:()=>{(0,l.changeEditMode)("edit"),(0,S.unblockPanelInteractions)()},isOpenPreviousElement:!0});function ClassManagerPanel(){const e=(0,m.useDirtyState)(),{close:s}=P(),{open:t,close:r,isOpen:l}=(0,n.useDialog)(),{mutateAsync:c,isPending:i}=usePublish();return usePreventUnload(),a.createElement(n.ThemeProvider,null,a.createElement(p.ErrorBoundary,{fallback:a.createElement(ErrorBoundaryFallback,null)},a.createElement(o.Panel,null,a.createElement(C.SearchAndFilterProvider,null,a.createElement(o.PanelHeader,null,a.createElement(p.Stack,{p:1,pl:2,width:"100%",direction:"row",alignItems:"center"},a.createElement(p.Stack,{width:"100%",direction:"row",gap:1},a.createElement(o.PanelHeaderTitle,{sx:{display:"flex",alignItems:"center",gap:.5}},a.createElement(E.FlippedColorSwatchIcon,{fontSize:"inherit"}),(0,u.__)("Class Manager","elementor")),a.createElement(TotalCssClassCounter,null)),a.createElement(CloseButton,{sx:{marginLeft:"auto"},disabled:i,onClose:()=>{e?t():s()}}))),a.createElement(o.PanelBody,{sx:{display:"flex",flexDirection:"column",height:"100%"}},a.createElement(p.Box,{px:2,pb:1},a.createElement(p.Stack,{direction:"row",justifyContent:"spaceBetween",gap:.5,sx:{pb:.5}},a.createElement(p.Box,{sx:{flexGrow:1}},a.createElement(v.ClassManagerSearch,null)),a.createElement(k.CssClassFilter,null)),a.createElement(y.ActiveFilters,null)),a.createElement(p.Divider,null),a.createElement(p.Box,{px:2,sx:{flexGrow:1,overflowY:"auto"}},a.createElement(w.GlobalClassesList,{disabled:i}))),a.createElement(o.PanelFooter,null,a.createElement(p.Button,{fullWidth:!0,size:"small",color:"global",variant:"contained",onClick:c,disabled:!e,loading:i},(0,u.__)("Save changes","elementor")))))),a.createElement(x.ClassManagerIntroduction,null),l&&a.createElement(n.SaveChangesDialog,null,a.createElement(p.DialogHeader,{onClose:r,logo:!1},a.createElement(n.SaveChangesDialog.Title,null,(0,u.__)("You have unsaved changes","elementor"))),a.createElement(n.SaveChangesDialog.Content,null,a.createElement(n.SaveChangesDialog.ContentText,null,(0,u.__)("You have unsaved changes in the Class Manager.","elementor")),a.createElement(n.SaveChangesDialog.ContentText,null,(0,u.__)("To avoid losing your updates, save your changes before leaving.","elementor"))),a.createElement(n.SaveChangesDialog.Actions,{actions:{discard:{label:(0,u.__)("Discard","elementor"),action:()=>{(0,d.__dispatch)(f.slice.actions.resetToInitialState({context:"frontend"})),r()}},confirm:{label:(0,u.__)("Save & Continue","elementor"),action:async()=>{await c(),r(),s()}}}})))}const CloseButton=({onClose:e,...s})=>a.createElement(p.IconButton,_extends({size:"small",color:"secondary",onClick:e,"aria-label":"Close"},s),a.createElement(c.XIcon,{fontSize:"small"})),ErrorBoundaryFallback=()=>a.createElement(p.Box,{role:"alert",sx:{minHeight:"100%",p:2}},a.createElement(p.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},a.createElement("strong",null,(0,u.__)("Something went wrong","elementor")))),usePreventUnload=()=>{const e=(0,m.useDirtyState)();(0,a.useEffect)(()=>{const handleBeforeUnload=s=>{e&&s.preventDefault()};return window.addEventListener("beforeunload",handleBeforeUnload),()=>{window.removeEventListener("beforeunload",handleBeforeUnload)}},[e])},usePublish=()=>(0,i.useMutation)({mutationFn:()=>(0,b.saveGlobalClasses)({context:"frontend"}),onSuccess:async()=>{(0,r.setDocumentModifiedStatus)(!1),(0,_.hasDeletedItems)()&&await(0,_.onDelete)()}}),TotalCssClassCounter=()=>{const e=(0,h.useFilters)(),s=(0,g.useClassesOrder)();return a.createElement(p.Chip,{size:"small",label:e?`${e.length} / ${s?.length}`:s?.length})}},"./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts":function(e,s,t){t.r(s),t.d(s,{deleteClass:function(){return deleteClass},hasDeletedItems:function(){return hasDeletedItems},onDelete:function(){return onDelete}});var a=t("@elementor/editor-documents"),r=t("@elementor/editor-v1-adapters"),o=t("@elementor/store"),n=t("./packages/packages/core/editor-global-classes/src/store.ts"),l=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts");let c=!1;const deleteClass=e=>{(0,l.trackGlobalClasses)({event:"classDeleted",classId:e,runAction:()=>{(0,o.__dispatch)(n.slice.actions.delete(e)),c=!0}})},onDelete=async()=>{await reloadDocument(),c=!1},hasDeletedItems=()=>c,reloadDocument=()=>{const e=(0,a.getCurrentDocument)();return(0,a.getV1DocumentsManager)().invalidateCache(),(0,r.__privateRunCommand)("editor/documents/switch",{id:e?.id,shouldScroll:!1,shouldNavigateToDefaultRoute:!1})}},"./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx":function(e,s,t){t.r(s),t.d(s,{DeleteConfirmationProvider:function(){return DeleteConfirmationProvider},useDeleteConfirmation:function(){return useDeleteConfirmation}});var a=t("react"),r=t("@elementor/editor-ui"),o=t("@elementor/ui"),n=t("@wordpress/i18n"),l=t("./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts"),c=t("./packages/packages/core/editor-global-classes/src/components/class-manager/delete-class.ts");const i=(0,a.createContext)(null),DeleteConfirmationProvider=({children:e})=>{const[s,t]=(0,a.useState)(null);return a.createElement(i.Provider,{value:{openDialog:e=>{t(e)},closeDialog:()=>{t(null)},dialogProps:s}},e,!!s&&a.createElement(DeleteClassDialog,s))},DeleteClassDialog=({label:e,id:s})=>{const{closeDialog:t}=useDeleteConfirmation(),{data:{total:i,content:d}}=(0,l.useCssClassUsageByID)(s),p=i&&d.length?(0,n.__)("Will permanently remove it from your project and may affect the design across all elements using it. Used %1 times across %2 pages. This action cannot be undone.","elementor").replace("%1",i.toString()).replace("%2",d.length.toString()):(0,n.__)("Will permanently remove it from your project and may affect the design across all elements using it. This action cannot be undone.","elementor");return a.createElement(r.ConfirmationDialog,{open:!0,onClose:t},a.createElement(r.ConfirmationDialog.Title,null,(0,n.__)("Delete this class?","elementor")),a.createElement(r.ConfirmationDialog.Content,null,a.createElement(r.ConfirmationDialog.ContentText,null,(0,n.__)("Deleting","elementor"),a.createElement(o.Typography,{variant:"subtitle2",component:"span"}," ",e," "),p)),a.createElement(r.ConfirmationDialog.Actions,{onClose:t,onConfirm:()=>{t(),(0,c.deleteClass)(s)}}))},useDeleteConfirmation=()=>{const e=(0,a.useContext)(i);if(!e)throw new Error("useDeleteConfirmation must be used within a DeleteConfirmationProvider");return e}},"./packages/packages/core/editor-global-classes/src/components/class-manager/duplicate-label-dialog.tsx":function(e,s,t){t.r(s),t.d(s,{DuplicateLabelDialog:function(){return DuplicateLabelDialog}});var a=t("react"),r=t("@elementor/editor-ui"),o=t("@elementor/icons"),n=t("@elementor/ui"),l=t("@wordpress/i18n");const c="DUP_",DuplicateLabelDialog=({modifiedLabels:e,onApprove:s})=>a.createElement(a.Fragment,null,a.createElement(n.DialogHeader,{logo:!1},a.createElement(n.Box,{display:"flex",alignItems:"center",gap:1},a.createElement(n.Icon,{color:"secondary"},a.createElement(o.InfoCircleFilledIcon,{fontSize:"medium"})),a.createElement(n.Typography,{variant:"subtitle1"},(0,l.__)("We've published your page and updated class names.","elementor")))),a.createElement(n.DialogContent,null,a.createElement(n.Stack,{spacing:2,direction:"column"},a.createElement(n.Typography,{variant:"body2"},(0,l.__)("Some new classes used the same names as existing ones. To prevent conflicts, we added the prefix","elementor"),a.createElement("strong",null," ",c)),a.createElement(n.Box,null,a.createElement(n.Box,{sx:{width:"100%",display:"flex",gap:2,alignItems:"flex-start"}},a.createElement(n.Typography,{variant:"subtitle2",sx:{fontWeight:"bold",flex:1,flexShrink:1,flexGrow:1,minWidth:0}},(0,l.__)("Before","elementor")),a.createElement(n.Typography,{variant:"subtitle2",sx:{minWidth:"200px",fontWeight:"bold",flexShrink:0,flexGrow:0,width:"200px",maxWidth:"200px"}},(0,l.__)("After","elementor"))),a.createElement(n.Divider,{sx:{mt:.5,mb:.5}}),a.createElement(n.Stack,{direction:"column",gap:.5,sx:{pb:2}},Object.values(e).map(({original:e,modified:s},t)=>a.createElement(n.Box,{key:t,sx:{width:"100%",display:"flex",gap:2,alignItems:"flex-start"}},a.createElement(n.Box,{sx:{flex:1,flexShrink:1,flexGrow:1,minWidth:0}},a.createElement(r.EllipsisWithTooltip,{title:e},a.createElement(n.Typography,{variant:"body2",sx:{color:"text.secondary"}},e))),a.createElement(n.Box,{sx:{minWidth:"200px",flexShrink:0,flexGrow:0,width:"200px",maxWidth:"200px"}},a.createElement(r.EllipsisWithTooltip,{title:s},a.createElement(n.Typography,{variant:"body2",sx:{color:"text.primary"}},s)))))),a.createElement(n.Box,null,a.createElement(n.Alert,{severity:"info",size:"small",color:"secondary"},a.createElement("strong",null,(0,l.__)("Your designs and classes are safe.","elementor")),(0,l.__)("Only the prefixes were added. Find them in Class Manager by searching","elementor"),a.createElement("strong",null,c)))))),a.createElement(n.DialogActions,null,a.createElement(n.Button,{color:"secondary",variant:"text",onClick:()=>{localStorage.setItem("elementor-global-classes-search",c),s?.(),(0,r.closeDialog)()}},(0,l.__)("Go to Class Manager","elementor")),a.createElement(n.Button,{color:"secondary",variant:"contained",onClick:r.closeDialog},(0,l.__)("Done","elementor"))))},"./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx":function(e,s,t){t.r(s),t.d(s,{FlippedColorSwatchIcon:function(){return FlippedColorSwatchIcon}});var a=t("react"),r=t("@elementor/icons");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const FlippedColorSwatchIcon=({sx:e,...s})=>a.createElement(r.ColorSwatchIcon,_extends({sx:{transform:"rotate(90deg)",...e}},s))},"./packages/packages/core/editor-global-classes/src/components/class-manager/global-classes-list.tsx":function(e,s,t){t.r(s),t.d(s,{GlobalClassesList:function(){return GlobalClassesList}});var a=t("react"),r=t("@elementor/store"),o=t("@elementor/ui"),n=t("@wordpress/i18n"),l=t("./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts"),c=t("./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts"),i=t("./packages/packages/core/editor-global-classes/src/hooks/use-ordered-classes.ts"),d=t("./packages/packages/core/editor-global-classes/src/store.ts"),p=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),u=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx"),g=t("./packages/packages/core/editor-global-classes/src/components/class-manager/class-item.tsx"),m=t("./packages/packages/core/editor-global-classes/src/components/class-manager/delete-confirmation-dialog.tsx"),h=t("./packages/packages/core/editor-global-classes/src/components/class-manager/flipped-color-swatch-icon.tsx"),b=t("./packages/packages/core/editor-global-classes/src/components/class-manager/not-found.tsx"),f=t("./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx");const GlobalClassesList=({disabled:e})=>{const{search:{debouncedValue:s}}=(0,u.useSearchAndFilters)(),t=(0,i.useOrderedClasses)(),n=(0,r.__useDispatch)(),l=(0,c.useFilters)(),[h,y]=a.useState(null),k=t.find(e=>e.id===h)?.label??"",[v,C]=useReorder(h,y,k??""),x=useFilteredCssClasses();if((0,a.useEffect)(()=>{const handler=e=>{if("z"===e.key&&(e.ctrlKey||e.metaKey)){if(e.stopImmediatePropagation(),e.preventDefault(),e.shiftKey)return void n(d.slice.actions.redo());n(d.slice.actions.undo())}};return window.addEventListener("keydown",handler,{capture:!0}),()=>window.removeEventListener("keydown",handler)},[n]),!t?.length)return a.createElement(EmptyState,null);const _=(0,b.getNotFoundType)(s,l,x);if(_)return a.createElement(b.NotFound,{notFoundType:_});const E=l?.length||s,w=x.length>1&&!E;return a.createElement(m.DeleteConfirmationProvider,null,a.createElement(o.List,{sx:{display:"flex",flexDirection:"column",gap:.5}},a.createElement(f.SortableProvider,{value:v,onChange:C,disableDragOverlay:!w},x?.map(({id:s,label:t})=>a.createElement(f.SortableItem,{key:s,id:s},({isDragged:r,isDragPlaceholder:o,triggerProps:l,triggerStyle:c})=>(r&&!h&&y(s),a.createElement(g.ClassItem,{id:s,label:t,renameClass:e=>{(0,p.trackGlobalClasses)({event:"classRenamed",classId:s,oldValue:t,newValue:e,source:"class-manager"}),n(d.slice.actions.update({style:{id:s,label:e}}))},selected:r,disabled:e||o,sortableTriggerProps:{...l,style:c},showSortIndicator:w})))))))},EmptyState=()=>a.createElement(o.Stack,{alignItems:"center",gap:1.5,pt:10,px:.5,maxWidth:"260px",margin:"auto"},a.createElement(h.FlippedColorSwatchIcon,{fontSize:"large"}),a.createElement(y,{variant:"subtitle2",component:"h2",color:"text.secondary"},(0,n.__)("There are no global classes yet.","elementor")),a.createElement(o.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,n.__)("CSS classes created in the editor panel will appear here. Once they are available, you can arrange their hierarchy, rename them, or delete them as needed.","elementor"))),y=(0,o.styled)(o.Typography)(({theme:e,variant:s})=>({"&.MuiTypography-root":{...e.typography[s]}})),useReorder=(e,s,t)=>{const a=(0,r.__useDispatch)();return[(0,l.useClassesOrder)(),r=>{a(d.slice.actions.setOrder(r)),e&&((0,p.trackGlobalClasses)({event:"classManagerReorder",classId:e,classTitle:t}),s(null))}]},useFilteredCssClasses=()=>{const e=(0,i.useOrderedClasses)(),{search:{debouncedValue:s}}=(0,u.useSearchAndFilters)(),t=(0,c.useFilters)(),r=(0,a.useMemo)(()=>e.map(e=>({...e,lowerLabel:e.label.toLowerCase()})),[e]),o=(0,a.useMemo)(()=>s.length>1?r.filter(e=>e.lowerLabel.includes(s.toLowerCase())):e,[s,e,r]);return(0,a.useMemo)(()=>t&&t.length>0?o.filter(e=>t.includes(e.id)):o,[o,t])}},"./packages/packages/core/editor-global-classes/src/components/class-manager/not-found.tsx":function(e,s,t){t.r(s),t.d(s,{NotFound:function(){return NotFound},NotFoundLayout:function(){return NotFoundLayout},getNotFoundType:function(){return getNotFoundType}});var a=t("react"),r=t("@elementor/icons"),o=t("@elementor/ui"),n=t("@wordpress/i18n"),l=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const getNotFoundType=(e,s,t)=>{const a=t.length<=0&&e.length>1,r=s&&0===s.length;return a&&r?"filterAndSearch":a?"search":r?"filter":void 0},c={filterAndSearch:{mainText:(0,n.__)("Sorry, nothing matched.","elementor"),sceneryText:(0,n.__)("Try something else.","elementor"),icon:a.createElement(r.PhotoIcon,{color:"inherit",fontSize:"large"})},search:{mainText:(0,n.__)("Sorry, nothing matched","elementor"),sceneryText:(0,n.__)("Clear your input and try something else.","elementor"),icon:a.createElement(r.PhotoIcon,{color:"inherit",fontSize:"large"})},filter:{mainText:(0,n.__)("Sorry, nothing matched that search.","elementor"),sceneryText:(0,n.__)("Clear the filters and try something else.","elementor"),icon:a.createElement(r.ColorSwatchIcon,{color:"inherit",fontSize:"large"})}},NotFound=({notFoundType:e})=>{const{search:{onClearSearch:s,inputValue:t},filters:{onClearFilter:r}}=(0,l.useSearchAndFilters)();switch(e){case"filter":return a.createElement(NotFoundLayout,_extends({},c.filter,{onClear:r}));case"search":return a.createElement(NotFoundLayout,_extends({},c.search,{searchValue:t,onClear:s}));case"filterAndSearch":return a.createElement(NotFoundLayout,_extends({},c.filterAndSearch,{onClear:()=>{r(),s()}}))}},NotFoundLayout=({onClear:e,searchValue:s,mainText:t,sceneryText:r,icon:l})=>a.createElement(o.Stack,{color:"text.secondary",pt:5,alignItems:"center",gap:1,overflow:"hidden",justifySelf:"center"},l,a.createElement(o.Box,{sx:{width:"100%"}},a.createElement(o.Typography,{align:"center",variant:"subtitle2",color:"inherit"},t),s&&a.createElement(o.Typography,{variant:"subtitle2",color:"inherit",sx:{display:"flex",width:"100%",justifyContent:"center"}},a.createElement("span",null,"“"),a.createElement("span",{style:{maxWidth:"80%",overflow:"hidden",textOverflow:"ellipsis"}},s),a.createElement("span",null,"”."))),a.createElement(o.Typography,{align:"center",variant:"caption",color:"inherit"},r),a.createElement(o.Typography,{align:"center",variant:"caption",color:"inherit"},a.createElement(o.Link,{color:"secondary",variant:"caption",component:"button",onClick:e},(0,n.__)("Clear & try again","elementor"))))},"./packages/packages/core/editor-global-classes/src/components/class-manager/panel-interactions.ts":function(e,s,t){function blockPanelInteractions(){const e=window;e.$e?.components?.get?.("panel")?.blockUserInteractions?.()}function unblockPanelInteractions(){const e=window;e.$e?.components?.get?.("panel")?.unblockUserInteractions?.()}t.r(s),t.d(s,{blockPanelInteractions:function(){return blockPanelInteractions},unblockPanelInteractions:function(){return unblockPanelInteractions}})},"./packages/packages/core/editor-global-classes/src/components/class-manager/sortable.tsx":function(e,s,t){t.r(s),t.d(s,{SortableItem:function(){return SortableItem},SortableProvider:function(){return SortableProvider},SortableTrigger:function(){return SortableTrigger}});var a=t("react"),r=t("@elementor/icons"),o=t("@elementor/ui");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const SortableProvider=e=>a.createElement(o.UnstableSortableProvider,_extends({restrictAxis:!0,variant:"static",dragPlaceholderStyle:{opacity:"1"}},e)),SortableTrigger=e=>a.createElement(n,_extends({},e,{role:"button",className:"class-item-sortable-trigger","aria-label":"sort"}),a.createElement(r.GripVerticalIcon,{fontSize:"tiny"})),SortableItem=({children:e,id:s,...t})=>a.createElement(o.UnstableSortableItem,_extends({},t,{id:s,render:({itemProps:s,isDragged:t,triggerProps:r,itemStyle:n,triggerStyle:c,dropIndicationStyle:i,showDropIndication:d,isDragOverlay:p,isDragPlaceholder:u})=>a.createElement(o.Box,_extends({},s,{style:n,component:"li",role:"listitem",sx:{backgroundColor:p?"background.paper":void 0}}),e({itemProps:s,isDragged:t,triggerProps:r,itemStyle:n,triggerStyle:c,isDragPlaceholder:u}),d&&a.createElement(l,{style:i}))})),n=(0,o.styled)("div")(({theme:e})=>({position:"absolute",left:0,top:"50%",transform:`translate( -${e.spacing(1.5)}, -50% )`,color:e.palette.action.active})),l=(0,o.styled)(o.Box)`
2775 3 width: 100%;
2776 4 height: 1px;
2777 - background-color: ${({
2778 - theme
2779 -}) => theme.palette.text.primary};
2780 -`;
2781 -
2782 -/***/ }),
2783 -
2784 -/***/ "./packages/packages/core/editor-global-classes/src/components/class-manager/start-sync-to-v3-modal.tsx":
2785 -/*!**************************************************************************************************************!*\
2786 - !*** ./packages/packages/core/editor-global-classes/src/components/class-manager/start-sync-to-v3-modal.tsx ***!
2787 - \**************************************************************************************************************/
2788 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2789 -
2790 -__webpack_require__.r(__webpack_exports__);
2791 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2792 -/* harmony export */ StartSyncToV3Modal: function() { return /* binding */ StartSyncToV3Modal; }
2793 -/* harmony export */ });
2794 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2795 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2796 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2797 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
2798 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2799 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
2800 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
2801 -
2802 -
2803 -
2804 -
2805 -
2806 -const IMAGE_URL = 'https://assets.elementor.com/packages/v1/images/class-manager-sync-modal.png';
2807 -const StartSyncToV3Modal = ({
2808 - externalOpen,
2809 - classId,
2810 - onExternalClose,
2811 - onConfirm
2812 -} = {}) => {
2813 - const [shouldShowAgain, setShouldShowAgain] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
2814 - const hasTrackedExposure = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
2815 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
2816 - if (externalOpen && classId && !hasTrackedExposure.current) {
2817 - hasTrackedExposure.current = true;
2818 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_3__.trackGlobalClasses)({
2819 - event: 'classSyncToV3PopupShown',
2820 - classId
2821 - });
2822 - }
2823 - if (!externalOpen) {
2824 - hasTrackedExposure.current = false;
2825 - }
2826 - }, [externalOpen, classId]);
2827 - const handleClose = () => {
2828 - if (classId) {
2829 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_3__.trackGlobalClasses)({
2830 - event: 'classSyncToV3PopupClick',
2831 - classId,
2832 - action: 'cancel'
2833 - });
2834 - }
2835 - onExternalClose?.();
2836 - };
2837 - const handleConfirm = () => {
2838 - if (classId) {
2839 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_3__.trackGlobalClasses)({
2840 - event: 'classSyncToV3PopupClick',
2841 - classId,
2842 - action: 'sync'
2843 - });
2844 - }
2845 - onConfirm?.();
2846 - onExternalClose?.();
2847 - };
2848 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Dialog, {
2849 - open: !!externalOpen,
2850 - onClose: handleClose,
2851 - maxWidth: "sm",
2852 - fullWidth: true
2853 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.DialogContent, {
2854 - sx: {
2855 - p: 0
2856 - }
2857 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
2858 - component: "img",
2859 - src: IMAGE_URL,
2860 - alt: "",
2861 - sx: {
2862 - width: '100%',
2863 - display: 'block'
2864 - }
2865 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
2866 - sx: {
2867 - px: 3,
2868 - pt: 4,
2869 - pb: 1
2870 - }
2871 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
2872 - variant: "h6"
2873 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Sync class to Global Fonts', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
2874 - variant: "body2",
2875 - color: "secondary",
2876 - sx: {
2877 - mb: 2,
2878 - pt: 1
2879 - }
2880 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Only typography settings supported in Global Fonts will be applied, including: font family, responsive font sizes, weight, text transform, decoration, line height, letter spacing, and word spacing. Changes made in the class will automatically apply to Global Fonts.', 'elementor')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.DialogActions, {
2881 - sx: {
2882 - justifyContent: 'space-between',
2883 - px: 3,
2884 - pb: 2
2885 - }
2886 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.FormControlLabel, {
2887 - control: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Checkbox, {
2888 - checked: !shouldShowAgain,
2889 - onChange: e => setShouldShowAgain(!e.target.checked)
2890 - }),
2891 - label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
2892 - variant: "body2",
2893 - color: "secondary"
2894 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Don't show again", 'elementor'))
2895 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
2896 - sx: {
2897 - display: 'flex',
2898 - gap: 1
2899 - }
2900 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Button, {
2901 - onClick: handleClose,
2902 - color: "secondary",
2903 - size: "small"
2904 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Cancel', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Button, {
2905 - onClick: handleConfirm,
2906 - variant: "contained",
2907 - size: "small"
2908 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Sync to Global Fonts', 'elementor')))));
2909 -};
2910 -
2911 -/***/ }),
2912 -
2913 -/***/ "./packages/packages/core/editor-global-classes/src/components/convert-local-class-to-global-class.tsx":
2914 -/*!*************************************************************************************************************!*\
2915 - !*** ./packages/packages/core/editor-global-classes/src/components/convert-local-class-to-global-class.tsx ***!
2916 - \*************************************************************************************************************/
2917 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2918 -
2919 -__webpack_require__.r(__webpack_exports__);
2920 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2921 -/* harmony export */ ConvertLocalClassToGlobalClass: function() { return /* binding */ ConvertLocalClassToGlobalClass; }
2922 -/* harmony export */ });
2923 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2924 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2925 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
2926 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
2927 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2928 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
2929 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2930 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
2931 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2932 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
2933 -/* harmony import */ var _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global-classes-styles-provider */ "./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts");
2934 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
2935 -
2936 -
2937 -
2938 -
2939 -
2940 -
2941 -
2942 -const ConvertLocalClassToGlobalClass = props => {
2943 - const localStyleData = props.styleDef;
2944 - const handleConversion = () => {
2945 - const newClassName = createClassName(`converted-class-`);
2946 - if (!localStyleData) {
2947 - throw new Error('Style definition is required for converting local class to global class.');
2948 - }
2949 - const newId = _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_5__.globalClassesStylesProvider.actions.create?.(newClassName, localStyleData.variants);
2950 - if (newId) {
2951 - props.successCallback(newId);
2952 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_6__.trackGlobalClasses)({
2953 - classId: newId,
2954 - event: 'classCreated',
2955 - source: 'converted',
2956 - classTitle: newClassName
2957 - });
2958 - }
2959 - };
2960 - 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_2__.MenuListItem, {
2961 - disabled: !props.canConvert,
2962 - onClick: handleConversion,
2963 - dense: true,
2964 - sx: {
2965 - '&.Mui-focusVisible': {
2966 - border: 'none',
2967 - boxShadow: 'none !important',
2968 - backgroundColor: 'transparent'
2969 - }
2970 - }
2971 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Convert to global class', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Divider, null));
2972 -};
2973 -function createClassName(prefix) {
2974 - let i = 1;
2975 - let newClassName = `${prefix}${i}`;
2976 - while (!(0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.validateStyleLabel)(newClassName, 'create').isValid) {
2977 - newClassName = `${prefix}${++i}`;
2978 - }
2979 - return newClassName;
2980 -}
2981 -
2982 -/***/ }),
2983 -
2984 -/***/ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx":
2985 -/*!****************************************************************************************************************************!*\
2986 - !*** ./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx ***!
2987 - \****************************************************************************************************************************/
2988 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2989 -
2990 -__webpack_require__.r(__webpack_exports__);
2991 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2992 -/* harmony export */ CssClassUsagePopover: function() { return /* binding */ CssClassUsagePopover; }
2993 -/* harmony export */ });
2994 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2995 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2996 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
2997 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__);
2998 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2999 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
3000 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3001 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
3002 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3003 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
3004 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3005 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
3006 -/* harmony import */ var _hooks_use_css_class_usage_by_id__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-css-class-usage-by-id */ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts");
3007 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3008 -
3009 -
3010 -
3011 -
3012 -
3013 -
3014 -
3015 -
3016 -const iconMapper = {
3017 - 'wp-post': {
3018 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Post', 'elementor'),
3019 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PostTypeIcon, {
3020 - fontSize: 'inherit'
3021 - })
3022 - },
3023 - 'wp-page': {
3024 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Page', 'elementor'),
3025 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PagesIcon, {
3026 - fontSize: 'inherit'
3027 - })
3028 - },
3029 - popup: {
3030 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Popup', 'elementor'),
3031 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PopupTemplateIcon, {
3032 - fontSize: 'inherit'
3033 - })
3034 - },
3035 - header: {
3036 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Header', 'elementor'),
3037 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.HeaderTemplateIcon, {
3038 - fontSize: 'inherit'
3039 - })
3040 - },
3041 - footer: {
3042 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Footer', 'elementor'),
3043 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.FooterTemplateIcon, {
3044 - fontSize: 'inherit'
3045 - })
3046 - }
3047 -};
3048 -const CssClassUsagePopover = ({
3049 - cssClassID,
3050 - onClose
3051 -}) => {
3052 - const {
3053 - data: classUsage
3054 - } = (0,_hooks_use_css_class_usage_by_id__WEBPACK_IMPORTED_MODULE_6__.useCssClassUsageByID)(cssClassID);
3055 - const onNavigate = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.__useOpenDocumentInNewTab)();
3056 - const cssClassUsageRecords = classUsage?.content.map(({
3057 - title,
3058 - elements,
3059 - pageId,
3060 - type
3061 - }) => ({
3062 - type: 'item',
3063 - value: pageId,
3064 - label: title,
3065 - secondaryText: elements.length.toString(),
3066 - docType: type
3067 - })) ?? [];
3068 - const handleSelect = value => {
3069 - onNavigate(+value);
3070 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackGlobalClasses)({
3071 - event: 'classUsageLocate',
3072 - classId: cssClassID
3073 - });
3074 - };
3075 - 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_2__.PopoverHeader, {
3076 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.CurrentLocationIcon, {
3077 - fontSize: 'tiny'
3078 - }),
3079 - title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
3080 - flexDirection: 'row',
3081 - gap: 1,
3082 - alignItems: 'center'
3083 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
3084 - "aria-label": 'header-title'
3085 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Locator', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Chip, {
3086 - sx: {
3087 - lineHeight: 1
3088 - },
3089 - size: 'tiny',
3090 - label: classUsage.total
3091 - }))),
3092 - onClose: onClose
3093 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverBody, {
3094 - width: 300
3095 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverMenuList, {
3096 - onSelect: handleSelect,
3097 - items: cssClassUsageRecords,
3098 - onClose: () => {},
3099 - menuListTemplate: StyledCssClassUsageItem,
3100 - menuItemContentTemplate: cssClassUsageRecord => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
3101 - flexDirection: 'row',
3102 - flex: 1,
3103 - alignItems: 'center'
3104 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
3105 - display: 'flex',
3106 - sx: {
3107 - pr: 1
3108 - }
3109 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
3110 - disableInteractive: true,
3111 - title: iconMapper?.[cssClassUsageRecord.docType]?.label ?? cssClassUsageRecord.docType,
3112 - placement: "top"
3113 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Icon, {
3114 - fontSize: 'small'
3115 - }, iconMapper?.[cssClassUsageRecord.docType]?.icon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PagesIcon, {
3116 - fontSize: 'inherit'
3117 - })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
3118 - sx: {
3119 - pr: 0.5,
3120 - maxWidth: '173px'
3121 - },
3122 - display: 'flex'
3123 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.EllipsisWithTooltip, {
3124 - title: cssClassUsageRecord.label,
3125 - as: _elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography,
3126 - variant: "caption",
3127 - maxWidth: "173px",
3128 - sx: {
3129 - lineHeight: 1
3130 - }
3131 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ExternalLinkIcon, {
3132 - className: 'hover-only-icon',
3133 - fontSize: 'tiny'
3134 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Chip, {
3135 - sx: {
3136 - ml: 'auto'
3137 - },
3138 - size: 'tiny',
3139 - label: cssClassUsageRecord.secondaryText
3140 - }))
3141 - })));
3142 -};
3143 -const StyledCssClassUsageItem = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuList)(({
3144 - theme
3145 -}) => ({
3146 - '& > li': {
3147 - display: 'flex',
3148 - cursor: 'pointer',
3149 - height: 32,
3150 - width: '100%'
3151 - },
3152 - '& > [role="option"]': {
3153 - ...theme.typography.caption,
3154 - lineHeight: 'inherit',
3155 - padding: theme.spacing(0.5, 1, 0.5, 2),
3156 - textOverflow: 'ellipsis',
3157 - position: 'absolute',
3158 - top: 0,
3159 - left: 0,
3160 - opacity: 1,
3161 - '.hover-only-icon': {
3162 - color: theme.palette.text.disabled,
3163 - opacity: 0
3164 - },
3165 - '&:hover': {
3166 - borderRadius: theme.spacing(0.5),
3167 - backgroundColor: theme.palette.action.hover,
3168 - '.hover-only-icon': {
3169 - color: theme.palette.text.disabled,
3170 - opacity: 1
3171 - }
3172 - }
3173 - },
3174 - width: '100%',
3175 - position: 'relative'
3176 -}));
3177 -
3178 -/***/ }),
3179 -
3180 -/***/ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-trigger.tsx":
3181 -/*!****************************************************************************************************************************!*\
3182 - !*** ./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-trigger.tsx ***!
3183 - \****************************************************************************************************************************/
3184 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3185 -
3186 -__webpack_require__.r(__webpack_exports__);
3187 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3188 -/* harmony export */ CssClassUsageTrigger: function() { return /* binding */ CssClassUsageTrigger; }
3189 -/* harmony export */ });
3190 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3191 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3192 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
3193 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
3194 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3195 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
3196 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3197 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
3198 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3199 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
3200 -/* harmony import */ var _hooks_use_css_class_usage_by_id__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/use-css-class-usage-by-id */ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts");
3201 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3202 -/* harmony import */ var _css_class_usage_popover__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./css-class-usage-popover */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx");
3203 -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); }
3204 -
3205 -
3206 -
3207 -
3208 -
3209 -
3210 -
3211 -
3212 -const CssClassUsageTrigger = ({
3213 - id,
3214 - onClick
3215 -}) => {
3216 - const {
3217 - data: {
3218 - total
3219 - },
3220 - isLoading
3221 - } = (0,_hooks_use_css_class_usage_by_id__WEBPACK_IMPORTED_MODULE_5__.useCssClassUsageByID)(id);
3222 - const cssClassUsagePopover = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
3223 - variant: 'popover',
3224 - popupId: 'css-class-usage-popover'
3225 - });
3226 - if (isLoading) {
3227 - return null;
3228 - }
3229 - const WrapperComponent = total !== 0 ? TooltipWrapper : InfoAlertMessage;
3230 - const handleMouseEnter = () => {
3231 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_6__.trackGlobalClasses)({
3232 - event: 'classUsageHovered',
3233 - classId: id,
3234 - usage: total
3235 - });
3236 - };
3237 - const handleClick = e => {
3238 - if (total !== 0) {
3239 - (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(cssClassUsagePopover).onClick(e);
3240 - onClick(id);
3241 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_6__.trackGlobalClasses)({
3242 - event: 'classUsageClicked',
3243 - classId: id
3244 - });
3245 - }
3246 - };
3247 - 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__.Box, {
3248 - position: 'relative',
3249 - onMouseEnter: handleMouseEnter
3250 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrapperComponent, {
3251 - total: total
3252 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CustomIconButton, _extends({
3253 - disabled: total === 0,
3254 - size: 'tiny'
3255 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(cssClassUsagePopover), {
3256 - onClick: handleClick
3257 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.CurrentLocationIcon, {
3258 - fontSize: 'tiny'
3259 - })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, _extends({
3260 - anchorOrigin: {
3261 - vertical: 'center',
3262 - horizontal: 'right'
3263 - },
3264 - transformOrigin: {
3265 - vertical: 15,
3266 - horizontal: -50
3267 - }
3268 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(cssClassUsagePopover), {
3269 - onClose: () => {
3270 - (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(cssClassUsagePopover).onClose();
3271 - onClick('');
3272 - }
3273 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_usage_popover__WEBPACK_IMPORTED_MODULE_7__.CssClassUsagePopover, {
3274 - onClose: cssClassUsagePopover.close,
3275 - "aria-label": "css-class-usage-popover",
3276 - cssClassID: id
3277 - }))));
3278 -};
3279 -const CustomIconButton = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton)(({
3280 - theme
3281 -}) => ({
3282 - '&.Mui-disabled': {
3283 - pointerEvents: 'auto',
3284 - // Enable hover
3285 - '&:hover': {
3286 - color: theme.palette.action.disabled // optional
3287 - }
3288 - },
3289 - height: '22px',
3290 - width: '22px'
3291 -}));
3292 -const TooltipWrapper = ({
3293 - children,
3294 - total
3295 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
3296 - disableInteractive: true,
3297 - placement: 'top',
3298 - title: `${(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Show {{number}} {{locations}}', 'elementor').replace('{{number}}', total.toString()).replace('{{locations}}', total === 1 ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('location', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('locations', 'elementor'))}`
3299 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, children));
3300 -const InfoAlertMessage = ({
3301 - children
3302 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Infotip, {
3303 - disableInteractive: true,
3304 - placement: 'top',
3305 - color: 'secondary',
3306 - content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.InfoAlert, {
3307 - sx: {
3308 - mt: 1
3309 - }
3310 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('This class isn’t being used yet.', 'elementor'))
3311 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, children));
3312 -
3313 -/***/ }),
3314 -
3315 -/***/ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/index.ts":
3316 -/*!*********************************************************************************************************!*\
3317 - !*** ./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/index.ts ***!
3318 - \*********************************************************************************************************/
3319 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3320 -
3321 -__webpack_require__.r(__webpack_exports__);
3322 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3323 -/* harmony export */ CssClassUsagePopover: function() { return /* reexport safe */ _css_class_usage_popover__WEBPACK_IMPORTED_MODULE_0__.CssClassUsagePopover; },
3324 -/* harmony export */ CssClassUsageTrigger: function() { return /* reexport safe */ _css_class_usage_trigger__WEBPACK_IMPORTED_MODULE_1__.CssClassUsageTrigger; }
3325 -/* harmony export */ });
3326 -/* harmony import */ var _css_class_usage_popover__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css-class-usage-popover */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx");
3327 -/* harmony import */ var _css_class_usage_trigger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./css-class-usage-trigger */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-trigger.tsx");
3328 -
3329 -
3330 -
3331 -/***/ }),
3332 -
3333 -/***/ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts":
3334 -/*!**********************************************************************************************!*\
3335 - !*** ./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts ***!
3336 - \**********************************************************************************************/
3337 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3338 -
3339 -__webpack_require__.r(__webpack_exports__);
3340 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3341 -/* harmony export */ QUERY_KEY: function() { return /* binding */ QUERY_KEY; }
3342 -/* harmony export */ });
3343 -const QUERY_KEY = 'css-classes-usage';
3344 -
3345 -/***/ }),
3346 -
3347 -/***/ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/utils.ts":
3348 -/*!**********************************************************************************************!*\
3349 - !*** ./packages/packages/core/editor-global-classes/src/components/css-class-usage/utils.ts ***!
3350 - \**********************************************************************************************/
3351 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3352 -
3353 -__webpack_require__.r(__webpack_exports__);
3354 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3355 -/* harmony export */ transformData: function() { return /* binding */ transformData; }
3356 -/* harmony export */ });
3357 -const transformData = data => Object.entries(data).reduce((acc, [key, value]) => {
3358 - acc[key] = {
3359 - content: value || [],
3360 - total: value.reduce((total, val) => total + (val?.total || 0), 0)
3361 - };
3362 - return acc;
3363 -}, {});
3364 -
3365 -/***/ }),
3366 -
3367 -/***/ "./packages/packages/core/editor-global-classes/src/components/global-styles-import-listener.tsx":
3368 -/*!*******************************************************************************************************!*\
3369 - !*** ./packages/packages/core/editor-global-classes/src/components/global-styles-import-listener.tsx ***!
3370 - \*******************************************************************************************************/
3371 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3372 -
3373 -__webpack_require__.r(__webpack_exports__);
3374 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3375 -/* harmony export */ GlobalStylesImportListener: function() { return /* binding */ GlobalStylesImportListener; }
3376 -/* harmony export */ });
3377 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3378 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3379 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
3380 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
3381 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
3382 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_2__);
3383 -/* harmony import */ var _load_document_classes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../load-document-classes */ "./packages/packages/core/editor-global-classes/src/load-document-classes.ts");
3384 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
3385 -/* harmony import */ var _utils_create_labels_for_classes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/create-labels-for-classes */ "./packages/packages/core/editor-global-classes/src/utils/create-labels-for-classes.ts");
3386 -
3387 -
3388 -
3389 -
3390 -
3391 -
3392 -function GlobalStylesImportListener() {
3393 - const dispatch = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__useDispatch)();
3394 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3395 - const handleGlobalStylesImported = async event => {
3396 - const customEvent = event;
3397 - const globalClasses = customEvent.detail?.global_classes;
3398 - if (!globalClasses?.added_items_order || !globalClasses?.added_items || globalClasses?.added_items_order?.length === 0) {
3399 - (0,_load_document_classes__WEBPACK_IMPORTED_MODULE_3__.loadCurrentDocumentClasses)();
3400 - return;
3401 - }
3402 - dispatch(_store__WEBPACK_IMPORTED_MODULE_4__.slice.actions.updateAfterTemplateImport({
3403 - addedItems: globalClasses.added_items,
3404 - addedIdsOrder: globalClasses.added_items_order,
3405 - addedClassLabels: (0,_utils_create_labels_for_classes__WEBPACK_IMPORTED_MODULE_5__.createLabelsForClasses)(Object.values(globalClasses.added_items))
3406 - }));
3407 - };
3408 - window.addEventListener(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
3409 - return () => {
3410 - window.removeEventListener(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
3411 - };
3412 - }, [dispatch]);
3413 - return null;
3414 -}
3415 -
3416 -/***/ }),
3417 -
3418 -/***/ "./packages/packages/core/editor-global-classes/src/components/populate-store.tsx":
3419 -/*!****************************************************************************************!*\
3420 - !*** ./packages/packages/core/editor-global-classes/src/components/populate-store.tsx ***!
3421 - \****************************************************************************************/
3422 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3423 -
3424 -__webpack_require__.r(__webpack_exports__);
3425 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3426 -/* harmony export */ PopulateStore: function() { return /* binding */ PopulateStore; }
3427 -/* harmony export */ });
3428 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3429 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3430 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
3431 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
3432 -/* harmony import */ var _load_document_classes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../load-document-classes */ "./packages/packages/core/editor-global-classes/src/load-document-classes.ts");
3433 -
3434 -
3435 -
3436 -function PopulateStore() {
3437 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3438 - // TODO - we run it early to have the labels mapping prior to the canvas rendering
3439 - // but in fact we need a way to re-render any dependant twig-templated widgets/elements once we get the initial data
3440 - // in case the canvas rendering has occurred prior to the resolving of this fetch
3441 - (0,_load_document_classes__WEBPACK_IMPORTED_MODULE_2__.loadCurrentDocumentClasses)();
3442 - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.registerDataHook)('after', 'editor/documents/attach-preview', async () => {
3443 - await (0,_load_document_classes__WEBPACK_IMPORTED_MODULE_2__.loadCurrentDocumentClasses)();
3444 - });
3445 - }, []);
3446 - return null;
3447 -}
3448 -
3449 -/***/ }),
3450 -
3451 -/***/ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/active-filters.tsx":
3452 -/*!****************************************************************************************************************************!*\
3453 - !*** ./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/active-filters.tsx ***!
3454 - \****************************************************************************************************************************/
3455 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3456 -
3457 -__webpack_require__.r(__webpack_exports__);
3458 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3459 -/* harmony export */ ActiveFilters: function() { return /* binding */ ActiveFilters; }
3460 -/* harmony export */ });
3461 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3462 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3463 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3464 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
3465 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3466 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3467 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3468 -/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
3469 -/* harmony import */ var _clear_icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./clear-icon-button */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx");
3470 -/* harmony import */ var _filter_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./filter-list */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx");
3471 -
3472 -
3473 -
3474 -
3475 -
3476 -
3477 -
3478 -const ActiveFilters = () => {
3479 - const {
3480 - filters: {
3481 - filters,
3482 - setFilters
3483 - }
3484 - } = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useSearchAndFilters)();
3485 - const handleRemove = key => {
3486 - setFilters(prev => ({
3487 - ...prev,
3488 - [key]: false
3489 - }));
3490 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_3__.trackGlobalClasses)({
3491 - event: 'classManagerFilterUsed',
3492 - action: 'remove',
3493 - type: key,
3494 - trigger: 'header'
3495 - });
3496 - };
3497 - const activeKeys = Object.keys(filters).filter(key => filters[key]);
3498 - const showClearIcon = activeKeys.length > 0;
3499 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
3500 - direction: "row",
3501 - alignItems: "center",
3502 - justifyContent: "space-between"
3503 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
3504 - direction: "row",
3505 - gap: 0.5,
3506 - alignItems: "center",
3507 - flexWrap: "wrap"
3508 - }, activeKeys.map(key => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Chip, {
3509 - key: key,
3510 - label: _filter_list__WEBPACK_IMPORTED_MODULE_6__.filterConfig[key],
3511 - onDelete: () => handleRemove(key),
3512 - sx: chipSx,
3513 - size: "tiny"
3514 - }))), showClearIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_clear_icon_button__WEBPACK_IMPORTED_MODULE_5__.ClearIconButton, {
3515 - trigger: "header",
3516 - tooltipText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Clear Filters', 'elementor'),
3517 - sx: {
3518 - margin: '0 0 auto auto'
3519 - }
3520 - }));
3521 -};
3522 -const chipSx = {
3523 - '& .MuiChip-deleteIcon': {
3524 - display: 'none',
3525 - transition: 'opacity 0.2s'
3526 - },
3527 - '&:hover .MuiChip-deleteIcon': {
3528 - display: 'block'
3529 - }
3530 -};
3531 -
3532 -/***/ }),
3533 -
3534 -/***/ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx":
3535 -/*!*******************************************************************************************************************************!*\
3536 - !*** ./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx ***!
3537 - \*******************************************************************************************************************************/
3538 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3539 -
3540 -__webpack_require__.r(__webpack_exports__);
3541 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3542 -/* harmony export */ ClearIconButton: function() { return /* binding */ ClearIconButton; }
3543 -/* harmony export */ });
3544 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3545 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3546 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3547 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
3548 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3549 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
3550 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3551 -/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
3552 -
3553 -
3554 -
3555 -
3556 -
3557 -const ClearIconButton = ({
3558 - tooltipText,
3559 - sx,
3560 - trigger
3561 -}) => {
3562 - const {
3563 - filters: {
3564 - onClearFilter
3565 - }
3566 - } = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useSearchAndFilters)();
3567 - const handleClearFilters = () => {
3568 - onClearFilter(trigger);
3569 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_3__.trackGlobalClasses)({
3570 - event: 'classManagerFilterCleared',
3571 - trigger
3572 - });
3573 - };
3574 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
3575 - title: tooltipText,
3576 - placement: "top",
3577 - disableInteractive: true
3578 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CustomIconButton, {
3579 - "aria-label": tooltipText,
3580 - size: "tiny",
3581 - onClick: handleClearFilters,
3582 - sx: sx
3583 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.BrushBigIcon, {
3584 - fontSize: "tiny"
3585 - }))));
3586 -};
3587 -const CustomIconButton = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton)(({
3588 - theme
3589 -}) => ({
3590 - '&.Mui-disabled': {
3591 - pointerEvents: 'auto',
3592 - '&:hover': {
3593 - color: theme.palette.action.disabled
3594 - }
3595 - }
3596 -}));
3597 -
3598 -/***/ }),
3599 -
3600 -/***/ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/css-class-filter.tsx":
3601 -/*!******************************************************************************************************************************!*\
3602 - !*** ./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/css-class-filter.tsx ***!
3603 - \******************************************************************************************************************************/
3604 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3605 -
3606 -__webpack_require__.r(__webpack_exports__);
3607 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3608 -/* harmony export */ CssClassFilter: function() { return /* binding */ CssClassFilter; }
3609 -/* harmony export */ });
3610 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3611 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3612 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
3613 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
3614 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3615 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
3616 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3617 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
3618 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3619 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
3620 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3621 -/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
3622 -/* harmony import */ var _clear_icon_button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./clear-icon-button */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx");
3623 -/* harmony import */ var _filter_list__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./filter-list */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx");
3624 -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); }
3625 -
3626 -
3627 -
3628 -
3629 -
3630 -
3631 -
3632 -
3633 -
3634 -
3635 -const CssClassFilter = () => {
3636 - const {
3637 - filters: {
3638 - filters
3639 - }
3640 - } = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useSearchAndFilters)();
3641 - const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
3642 - variant: 'popover',
3643 - disableAutoFocus: true
3644 - });
3645 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
3646 - if (popupState.isOpen) {
3647 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_5__.trackGlobalClasses)({
3648 - event: 'classManagerFiltersOpened'
3649 - });
3650 - }
3651 - }, [popupState.isOpen]);
3652 - const showCleanIcon = Object.values(filters).some(value => value);
3653 - 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__.Tooltip, {
3654 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Filters', 'elementor'),
3655 - placement: "top"
3656 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleButton, _extends({
3657 - value: "filter",
3658 - size: 'tiny',
3659 - selected: popupState.isOpen
3660 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindToggle)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.FilterIcon, {
3661 - fontSize: "tiny"
3662 - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, _extends({
3663 - sx: {
3664 - maxWidth: '344px'
3665 - },
3666 - anchorOrigin: {
3667 - vertical: 'top',
3668 - horizontal: 'right'
3669 - },
3670 - transformOrigin: {
3671 - vertical: 'top',
3672 - horizontal: -21
3673 - }
3674 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.PopoverHeader, {
3675 - actions: showCleanIcon ? [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_clear_icon_button__WEBPACK_IMPORTED_MODULE_7__.ClearIconButton, {
3676 - trigger: "menu",
3677 - key: "clear-all-button",
3678 - tooltipText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Clear all', 'elementor')
3679 - })] : [],
3680 - onClose: popupState.close,
3681 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Filters', 'elementor'),
3682 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.FilterIcon, {
3683 - fontSize: 'tiny'
3684 - })
3685 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Divider, {
3686 - sx: {
3687 - borderWidth: '1px 0 0 0'
3688 - }
3689 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.PopoverBody, {
3690 - width: 344,
3691 - height: 125
3692 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_filter_list__WEBPACK_IMPORTED_MODULE_8__.FilterList, null))));
3693 -};
3694 -
3695 -/***/ }),
3696 -
3697 -/***/ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx":
3698 -/*!*************************************************************************************************************************!*\
3699 - !*** ./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx ***!
3700 - \*************************************************************************************************************************/
3701 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3702 -
3703 -__webpack_require__.r(__webpack_exports__);
3704 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3705 -/* harmony export */ FilterList: function() { return /* binding */ FilterList; },
3706 -/* harmony export */ filterConfig: function() { return /* binding */ filterConfig; }
3707 -/* harmony export */ });
3708 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3709 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3710 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3711 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
3712 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3713 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3714 -/* harmony import */ var _hooks_use_filtered_css_class_usage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../hooks/use-filtered-css-class-usage */ "./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx");
3715 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3716 -/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
3717 -
3718 -
3719 -
3720 -
3721 -
3722 -
3723 -const filterConfig = {
3724 - unused: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Unused', 'elementor'),
3725 - empty: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Empty', 'elementor'),
3726 - onThisPage: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('On this page', 'elementor')
3727 -};
3728 -const FilterList = () => {
3729 - const {
3730 - filters: {
3731 - filters,
3732 - setFilters
3733 - }
3734 - } = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useSearchAndFilters)();
3735 - const filteredCssClass = (0,_hooks_use_filtered_css_class_usage__WEBPACK_IMPORTED_MODULE_3__.useFilteredCssClassUsage)();
3736 - const handleOnClick = value => {
3737 - setFilters(prev => ({
3738 - ...prev,
3739 - [value]: !prev[value]
3740 - }));
3741 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_4__.trackGlobalClasses)({
3742 - event: 'classManagerFilterUsed',
3743 - action: filters[value] ? 'remove' : 'apply',
3744 - type: value,
3745 - trigger: 'menu'
3746 - });
3747 - };
3748 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuList, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuItem, {
3749 - onClick: () => handleOnClick('unused')
3750 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LabeledCheckbox, {
3751 - label: filterConfig.unused,
3752 - checked: filters.unused,
3753 - suffix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Chip, {
3754 - size: 'tiny',
3755 - sx: {
3756 - ml: 'auto'
3757 - },
3758 - label: filteredCssClass.unused.length
3759 - })
3760 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuItem, {
3761 - onClick: () => handleOnClick('empty')
3762 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LabeledCheckbox, {
3763 - label: filterConfig.empty,
3764 - checked: filters.empty,
3765 - suffix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Chip, {
3766 - size: 'tiny',
3767 - sx: {
3768 - ml: 'auto'
3769 - },
3770 - label: filteredCssClass.empty.length
3771 - })
3772 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuItem, {
3773 - onClick: () => handleOnClick('onThisPage')
3774 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LabeledCheckbox, {
3775 - label: filterConfig.onThisPage,
3776 - checked: filters.onThisPage,
3777 - suffix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Chip, {
3778 - size: 'tiny',
3779 - sx: {
3780 - ml: 'auto'
3781 - },
3782 - label: filteredCssClass.onThisPage.length
3783 - })
3784 - })));
3785 -};
3786 -const LabeledCheckbox = ({
3787 - label,
3788 - suffix,
3789 - checked
3790 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
3791 - direction: "row",
3792 - alignItems: "center",
3793 - gap: 0.5,
3794 - flex: 1
3795 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Checkbox, {
3796 - size: 'small',
3797 - checked: checked,
3798 - sx: {
3799 - padding: 0,
3800 - color: 'text.tertiary',
3801 - '&.Mui-checked': {
3802 - color: 'text.tertiary'
3803 - }
3804 - }
3805 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
3806 - variant: "caption",
3807 - sx: {
3808 - color: 'text.secondary'
3809 - }
3810 -}, label), suffix);
3811 -
3812 -/***/ }),
3813 -
3814 -/***/ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/search/class-manager-search.tsx":
3815 -/*!**********************************************************************************************************************************!*\
3816 - !*** ./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/search/class-manager-search.tsx ***!
3817 - \**********************************************************************************************************************************/
3818 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3819 -
3820 -__webpack_require__.r(__webpack_exports__);
3821 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3822 -/* harmony export */ ClassManagerSearch: function() { return /* binding */ ClassManagerSearch; }
3823 -/* harmony export */ });
3824 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3825 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3826 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3827 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
3828 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3829 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
3830 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3831 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
3832 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
3833 -/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
3834 -
3835 -
3836 -
3837 -
3838 -
3839 -
3840 -const ClassManagerSearch = () => {
3841 - const {
3842 - search: {
3843 - inputValue,
3844 - handleChange
3845 - }
3846 - } = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useSearchAndFilters)();
3847 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
3848 - direction: "row",
3849 - gap: 0.5,
3850 - sx: {
3851 - width: '100%'
3852 - }
3853 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
3854 - sx: {
3855 - flexGrow: 1
3856 - }
3857 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.TextField, {
3858 - role: 'search',
3859 - fullWidth: true,
3860 - size: 'tiny',
3861 - value: inputValue,
3862 - onFocus: () => {
3863 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_4__.trackGlobalClasses)({
3864 - event: 'classManagerSearched'
3865 - });
3866 - },
3867 - placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Search', 'elementor'),
3868 - onChange: e => handleChange(e.target.value),
3869 - InputProps: {
3870 - startAdornment: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.InputAdornment, {
3871 - position: "start"
3872 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.SearchIcon, {
3873 - fontSize: 'tiny'
3874 - }))
3875 - }
3876 - })));
3877 -};
3878 -
3879 -/***/ }),
3880 -
3881 -/***/ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx":
3882 -/*!***************************************************************************************************!*\
3883 - !*** ./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx ***!
3884 - \***************************************************************************************************/
3885 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3886 -
3887 -__webpack_require__.r(__webpack_exports__);
3888 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3889 -/* harmony export */ SearchAndFilterProvider: function() { return /* binding */ SearchAndFilterProvider; },
3890 -/* harmony export */ useSearchAndFilters: function() { return /* binding */ useSearchAndFilters; }
3891 -/* harmony export */ });
3892 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3893 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3894 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
3895 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_1__);
3896 -
3897 -
3898 -
3899 -const SearchAndFilterContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
3900 -const INIT_CHECKED_FILTERS = {
3901 - empty: false,
3902 - onThisPage: false,
3903 - unused: false
3904 -};
3905 -const SearchAndFilterProvider = ({
3906 - children
3907 -}) => {
3908 - const [filters, setFilters] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(INIT_CHECKED_FILTERS);
3909 - const getInitialSearchValue = () => {
3910 - const storedValue = localStorage.getItem('elementor-global-classes-search');
3911 - if (storedValue) {
3912 - localStorage.removeItem('elementor-global-classes-search');
3913 - return storedValue;
3914 - }
3915 - return '';
3916 - };
3917 - const {
3918 - debouncedValue,
3919 - inputValue,
3920 - handleChange
3921 - } = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.useDebounceState)({
3922 - delay: 300,
3923 - initialValue: getInitialSearchValue()
3924 - });
3925 - const onClearSearch = () => {
3926 - handleChange('');
3927 - };
3928 - const onClearFilter = () => {
3929 - setFilters(INIT_CHECKED_FILTERS);
3930 - };
3931 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SearchAndFilterContext.Provider, {
3932 - value: {
3933 - search: {
3934 - debouncedValue,
3935 - inputValue,
3936 - handleChange,
3937 - onClearSearch
3938 - },
3939 - filters: {
3940 - filters,
3941 - setFilters,
3942 - onClearFilter
3943 - }
3944 - }
3945 - }, children);
3946 -};
3947 -const useSearchAndFilters = () => {
3948 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(SearchAndFilterContext);
3949 - if (!context) {
3950 - throw new Error('useSearchContext must be used within a SearchContextProvider');
3951 - }
3952 - return context;
3953 -};
3954 -
3955 -/***/ }),
3956 -
3957 -/***/ "./packages/packages/core/editor-global-classes/src/errors.ts":
3958 -/*!********************************************************************!*\
3959 - !*** ./packages/packages/core/editor-global-classes/src/errors.ts ***!
3960 - \********************************************************************/
3961 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3962 -
3963 -__webpack_require__.r(__webpack_exports__);
3964 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3965 -/* harmony export */ GlobalClassLabelAlreadyExistsError: function() { return /* binding */ GlobalClassLabelAlreadyExistsError; },
3966 -/* harmony export */ GlobalClassNotFoundError: function() { return /* binding */ GlobalClassNotFoundError; },
3967 -/* harmony export */ GlobalClassTrackingError: function() { return /* binding */ GlobalClassTrackingError; }
3968 -/* harmony export */ });
3969 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
3970 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__);
3971 -
3972 -const GlobalClassNotFoundError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
3973 - code: 'global_class_not_found',
3974 - message: 'Global class not found.'
3975 -});
3976 -const GlobalClassLabelAlreadyExistsError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
3977 - code: 'global_class_label_already_exists',
3978 - message: 'Class with this name already exists.'
3979 -});
3980 -const GlobalClassTrackingError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
3981 - code: 'global_class_tracking_error',
3982 - message: 'Error tracking global classes event.'
3983 -});
3984 -
3985 -/***/ }),
3986 -
3987 -/***/ "./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts":
3988 -/*!********************************************************************************************!*\
3989 - !*** ./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts ***!
3990 - \********************************************************************************************/
3991 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3992 -
3993 -__webpack_require__.r(__webpack_exports__);
3994 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3995 -/* harmony export */ GLOBAL_CLASSES_PROVIDER_KEY: function() { return /* binding */ GLOBAL_CLASSES_PROVIDER_KEY; },
3996 -/* harmony export */ globalClassesStylesProvider: function() { return /* binding */ globalClassesStylesProvider; }
3997 -/* harmony export */ });
3998 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
3999 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0__);
4000 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
4001 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
4002 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4003 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_2__);
4004 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4005 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
4006 -/* harmony import */ var _capabilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./capabilities */ "./packages/packages/core/editor-global-classes/src/capabilities.ts");
4007 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./errors */ "./packages/packages/core/editor-global-classes/src/errors.ts");
4008 -/* harmony import */ var _load_existing_classes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./load-existing-classes */ "./packages/packages/core/editor-global-classes/src/load-existing-classes.ts");
4009 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4010 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
4011 -
4012 -
4013 -
4014 -
4015 -
4016 -
4017 -
4018 -
4019 -
4020 -const MAX_CLASSES = 1000;
4021 -const GLOBAL_CLASSES_PROVIDER_KEY = 'global-classes';
4022 -const PREGENERATED_LINK_PATTERN = /^global-([0-9]+-)?(preview|frontend)-[a-zA-Z_-]+-css$/;
4023 -const globalClassesStylesProvider = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.createStylesProvider)({
4024 - key: GLOBAL_CLASSES_PROVIDER_KEY,
4025 - priority: 30,
4026 - limit: MAX_CLASSES,
4027 - isPregeneratedLink: ({
4028 - id
4029 - }) => PREGENERATED_LINK_PATTERN.test(id),
4030 - labels: {
4031 - singular: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('class', 'elementor'),
4032 - plural: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('classes', 'elementor')
4033 - },
4034 - subscribe: cb => subscribeWithStates(cb),
4035 - capabilities: (0,_capabilities__WEBPACK_IMPORTED_MODULE_4__.getCapabilities)(),
4036 - actions: {
4037 - all: () => (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectOrderedClasses)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)()),
4038 - get: id => {
4039 - const state = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)();
4040 - const isFetched = (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectIsClassFetched)(state, id);
4041 - const style = (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectClass)(state, id);
4042 -
4043 - // the isFetched flag is based on the existence of the style in the initial data
4044 - // so if the style is created during the same session - it won't be stored as part of the initial data
4045 - if (isFetched || style) {
4046 - return style;
4047 - }
4048 - (0,_load_existing_classes__WEBPACK_IMPORTED_MODULE_6__.loadExistingClasses)([id]);
4049 - const label = (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectClassLabels)(state)[id] ?? id;
4050 - return (0,_store__WEBPACK_IMPORTED_MODULE_7__.placeholderDefinition)(id, label);
4051 - },
4052 - resolveCssName: id => {
4053 - const state = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)();
4054 - const loaded = (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectClass)(state, id);
4055 - if (loaded) {
4056 - return loaded.label;
4057 - }
4058 - const fromIndex = (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectClassLabels)(state)[id];
4059 - return fromIndex ?? id;
4060 - },
4061 - create: (label, variants = [], id) => {
4062 - const existingClasses = Object.entries((0,_store__WEBPACK_IMPORTED_MODULE_7__.selectClassLabels)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)()));
4063 - const existingLabels = existingClasses.map(([, classLabel]) => classLabel);
4064 - if (existingLabels.includes(label)) {
4065 - throw new _errors__WEBPACK_IMPORTED_MODULE_5__.GlobalClassLabelAlreadyExistsError({
4066 - context: {
4067 - label
4068 - }
4069 - });
4070 - }
4071 - const existingIds = existingClasses.map(([existingId]) => existingId);
4072 - if (!id) {
4073 - id = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0__.generateId)('g-', existingIds);
4074 - }
4075 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.slice.actions.add({
4076 - id,
4077 - type: 'class',
4078 - label,
4079 - variants
4080 - }));
4081 - return id;
4082 - },
4083 - update: payload => {
4084 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.slice.actions.update({
4085 - style: payload
4086 - }));
4087 - },
4088 - delete: id => {
4089 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.slice.actions.delete(id));
4090 - },
4091 - updateProps: args => {
4092 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.slice.actions.updateProps({
4093 - id: args.id,
4094 - meta: args.meta,
4095 - props: args.props,
4096 - mode: args.mode
4097 - }));
4098 - },
4099 - updateCustomCss: args => {
4100 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.slice.actions.updateProps({
4101 - id: args.id,
4102 - meta: args.meta,
4103 - custom_css: args.custom_css,
4104 - props: {}
4105 - }));
4106 - },
4107 - tracking: data => {
4108 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_8__.trackGlobalClasses)(data).catch(error => {
4109 - throw new _errors__WEBPACK_IMPORTED_MODULE_5__.GlobalClassTrackingError({
4110 - cause: error
4111 - });
4112 - });
4113 - }
4114 - }
4115 -});
4116 -const subscribeWithStates = cb => {
4117 - let previousState = (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectData)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)());
4118 - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__subscribeWithSelector)(state => (0,_store__WEBPACK_IMPORTED_MODULE_7__.selectData)(state), currentState => {
4119 - cb(previousState.items, currentState.items);
4120 - previousState = currentState;
4121 - });
4122 -};
4123 -
4124 -/***/ }),
4125 -
4126 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts":
4127 -/*!*************************************************************************************!*\
4128 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts ***!
4129 - \*************************************************************************************/
4130 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4131 -
4132 -__webpack_require__.r(__webpack_exports__);
4133 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4134 -/* harmony export */ useClassesOrder: function() { return /* binding */ useClassesOrder; }
4135 -/* harmony export */ });
4136 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4137 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
4138 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4139 -
4140 -
4141 -const useClassesOrder = () => {
4142 - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_1__.selectOrder);
4143 -};
4144 -
4145 -/***/ }),
4146 -
4147 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts":
4148 -/*!*********************************************************************************************!*\
4149 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts ***!
4150 - \*********************************************************************************************/
4151 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4152 -
4153 -__webpack_require__.r(__webpack_exports__);
4154 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4155 -/* harmony export */ useCssClassUsageByID: function() { return /* binding */ useCssClassUsageByID; }
4156 -/* harmony export */ });
4157 -/* harmony import */ var _use_css_class_usage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use-css-class-usage */ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts");
4158 -
4159 -const EMPTY_CLASS_USAGE = {
4160 - total: 0,
4161 - content: []
4162 -};
4163 -const useCssClassUsageByID = id => {
4164 - const {
4165 - data,
4166 - ...rest
4167 - } = (0,_use_css_class_usage__WEBPACK_IMPORTED_MODULE_0__.useCssClassUsage)();
4168 - const classData = data?.[id] ?? EMPTY_CLASS_USAGE;
4169 - return {
4170 - ...rest,
4171 - data: classData
4172 - };
4173 -};
4174 -
4175 -/***/ }),
4176 -
4177 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts":
4178 -/*!***************************************************************************************!*\
4179 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts ***!
4180 - \***************************************************************************************/
4181 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4182 -
4183 -__webpack_require__.r(__webpack_exports__);
4184 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4185 -/* harmony export */ useCssClassUsage: function() { return /* binding */ useCssClassUsage; }
4186 -/* harmony export */ });
4187 -/* harmony import */ var _elementor_query__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/query */ "@elementor/query");
4188 -/* harmony import */ var _elementor_query__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_query__WEBPACK_IMPORTED_MODULE_0__);
4189 -/* harmony import */ var _service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../service/css-class-usage-service */ "./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts");
4190 -/* harmony import */ var _components_css_class_usage_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/css-class-usage/types */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts");
4191 -
4192 -
4193 -
4194 -const useCssClassUsage = () => {
4195 - return (0,_elementor_query__WEBPACK_IMPORTED_MODULE_0__.useQuery)({
4196 - queryKey: [_components_css_class_usage_types__WEBPACK_IMPORTED_MODULE_2__.QUERY_KEY],
4197 - queryFn: _service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_1__.fetchCssClassUsage,
4198 - refetchOnMount: false,
4199 - refetchOnWindowFocus: true
4200 - });
4201 -};
4202 -
4203 -/***/ }),
4204 -
4205 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-dirty-state.ts":
4206 -/*!***********************************************************************************!*\
4207 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-dirty-state.ts ***!
4208 - \***********************************************************************************/
4209 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4210 -
4211 -__webpack_require__.r(__webpack_exports__);
4212 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4213 -/* harmony export */ useDirtyState: function() { return /* binding */ useDirtyState; }
4214 -/* harmony export */ });
4215 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4216 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
4217 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4218 -
4219 -
4220 -const useDirtyState = () => {
4221 - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_1__.selectIsDirty);
4222 -};
4223 -
4224 -/***/ }),
4225 -
4226 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-empty-css-class.ts":
4227 -/*!***************************************************************************************!*\
4228 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-empty-css-class.ts ***!
4229 - \***************************************************************************************/
4230 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4231 -
4232 -__webpack_require__.r(__webpack_exports__);
4233 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4234 -/* harmony export */ useAllCssClassesIDs: function() { return /* binding */ useAllCssClassesIDs; },
4235 -/* harmony export */ useEmptyCssClass: function() { return /* binding */ useEmptyCssClass; }
4236 -/* harmony export */ });
4237 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4238 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
4239 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4240 -
4241 -
4242 -const useEmptyCssClass = () => {
4243 - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_1__.selectEmptyCssClass);
4244 -};
4245 -const useAllCssClassesIDs = () => {
4246 - const cssClasses = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_1__.selectGlobalClasses);
4247 - return Object.keys(cssClasses);
4248 -};
4249 -
4250 -/***/ }),
4251 -
4252 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx":
4253 -/*!*************************************************************************************************!*\
4254 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx ***!
4255 - \*************************************************************************************************/
4256 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4257 -
4258 -__webpack_require__.r(__webpack_exports__);
4259 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4260 -/* harmony export */ useFilteredCssClassUsage: function() { return /* binding */ useFilteredCssClassUsage; }
4261 -/* harmony export */ });
4262 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4263 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4264 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
4265 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__);
4266 -/* harmony import */ var _use_css_class_usage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-css-class-usage */ "./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts");
4267 -/* harmony import */ var _use_empty_css_class__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-empty-css-class */ "./packages/packages/core/editor-global-classes/src/hooks/use-empty-css-class.ts");
4268 -
4269 -
4270 -
4271 -
4272 -const findCssClassKeysByPageID = (data, pageId) => {
4273 - const result = [];
4274 - for (const key in data) {
4275 - data[key].content.forEach(content => {
4276 - if (+content.pageId === pageId) {
4277 - result.push(key);
4278 - }
4279 - });
4280 - }
4281 - return result;
4282 -};
4283 -const getUnusedClasses = (usedCssClass, potentialUnused) => {
4284 - const set = new Set(usedCssClass);
4285 - return potentialUnused.filter(cssClass => !set.has(cssClass));
4286 -};
4287 -const EMPTY_FILTERED_CSS_CLASS_RESPONSE = {
4288 - empty: [],
4289 - onThisPage: [],
4290 - unused: []
4291 -};
4292 -const useFilteredCssClassUsage = () => {
4293 - const document = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.__useActiveDocument)();
4294 - const emptyCssClasses = (0,_use_empty_css_class__WEBPACK_IMPORTED_MODULE_3__.useEmptyCssClass)();
4295 - const {
4296 - data,
4297 - isLoading
4298 - } = (0,_use_css_class_usage__WEBPACK_IMPORTED_MODULE_2__.useCssClassUsage)();
4299 - const listOfCssClasses = (0,_use_empty_css_class__WEBPACK_IMPORTED_MODULE_3__.useAllCssClassesIDs)();
4300 - const emptyCssClassesIDs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => emptyCssClasses.map(({
4301 - id
4302 - }) => id), [emptyCssClasses]);
4303 - const onThisPage = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
4304 - if (!data || !document) {
4305 - return [];
4306 - }
4307 - return findCssClassKeysByPageID(data, document.id);
4308 - }, [data, document]);
4309 - const unused = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
4310 - if (!data) {
4311 - return [];
4312 - }
4313 - return getUnusedClasses(Object.keys(data), listOfCssClasses);
4314 - }, [data, listOfCssClasses]);
4315 - if (isLoading || !data || !document) {
4316 - return EMPTY_FILTERED_CSS_CLASS_RESPONSE;
4317 - }
4318 - return {
4319 - onThisPage,
4320 - unused,
4321 - empty: emptyCssClassesIDs
4322 - };
4323 -};
4324 -
4325 -/***/ }),
4326 -
4327 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts":
4328 -/*!*******************************************************************************!*\
4329 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts ***!
4330 - \*******************************************************************************/
4331 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4332 -
4333 -__webpack_require__.r(__webpack_exports__);
4334 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4335 -/* harmony export */ useFilters: function() { return /* binding */ useFilters; }
4336 -/* harmony export */ });
4337 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4338 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4339 -/* harmony import */ var _components_search_and_filter_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/search-and-filter/context */ "./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");
4340 -/* harmony import */ var _use_filtered_css_class_usage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-filtered-css-class-usage */ "./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx");
4341 -
4342 -
4343 -
4344 -const useFilters = () => {
4345 - const {
4346 - filters: {
4347 - filters
4348 - }
4349 - } = (0,_components_search_and_filter_context__WEBPACK_IMPORTED_MODULE_1__.useSearchAndFilters)();
4350 - const allFilters = (0,_use_filtered_css_class_usage__WEBPACK_IMPORTED_MODULE_2__.useFilteredCssClassUsage)();
4351 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
4352 - const activeEntries = Object.entries(filters).filter(([, isActive]) => isActive);
4353 - if (activeEntries.length === 0) {
4354 - return null;
4355 - }
4356 - return activeEntries.reduce((acc, [key], index) => {
4357 - const current = allFilters[key] || [];
4358 - if (index === 0) {
4359 - return current;
4360 - }
4361 - return acc.filter(val => current.includes(val));
4362 - }, []);
4363 - }, [filters, allFilters]);
4364 -};
4365 -
4366 -/***/ }),
4367 -
4368 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-ordered-classes.ts":
4369 -/*!***************************************************************************************!*\
4370 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-ordered-classes.ts ***!
4371 - \***************************************************************************************/
4372 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4373 -
4374 -__webpack_require__.r(__webpack_exports__);
4375 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4376 -/* harmony export */ useOrderedClasses: function() { return /* binding */ useOrderedClasses; }
4377 -/* harmony export */ });
4378 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4379 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
4380 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4381 -
4382 -
4383 -const useOrderedClasses = () => {
4384 - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_1__.selectOrderedClasses);
4385 -};
4386 -
4387 -/***/ }),
4388 -
4389 -/***/ "./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts":
4390 -/*!************************************************************************************************!*\
4391 - !*** ./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts ***!
4392 - \************************************************************************************************/
4393 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4394 -
4395 -__webpack_require__.r(__webpack_exports__);
4396 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4397 -/* harmony export */ PrefetchCssClassUsage: function() { return /* binding */ PrefetchCssClassUsage; },
4398 -/* harmony export */ usePrefetchCssClassUsage: function() { return /* binding */ usePrefetchCssClassUsage; }
4399 -/* harmony export */ });
4400 -/* harmony import */ var _elementor_query__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/query */ "@elementor/query");
4401 -/* harmony import */ var _elementor_query__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_query__WEBPACK_IMPORTED_MODULE_0__);
4402 -/* harmony import */ var _service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../service/css-class-usage-service */ "./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts");
4403 -/* harmony import */ var _components_css_class_usage_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/css-class-usage/types */ "./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts");
4404 -
4405 -
4406 -
4407 -function usePrefetchCssClassUsage() {
4408 - const queryClient = (0,_elementor_query__WEBPACK_IMPORTED_MODULE_0__.useQueryClient)();
4409 - const prefetchClassesUsage = () => queryClient.prefetchQuery({
4410 - queryKey: [_components_css_class_usage_types__WEBPACK_IMPORTED_MODULE_2__.QUERY_KEY],
4411 - queryFn: _service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_1__.fetchCssClassUsage
4412 - });
4413 - return {
4414 - prefetchClassesUsage
4415 - };
4416 -}
4417 -const PrefetchCssClassUsage = () => {
4418 - const {
4419 - prefetchClassesUsage
4420 - } = usePrefetchCssClassUsage();
4421 - prefetchClassesUsage();
4422 - return null;
4423 -};
4424 -
4425 -/***/ }),
4426 -
4427 -/***/ "./packages/packages/core/editor-global-classes/src/init.ts":
4428 -/*!******************************************************************!*\
4429 - !*** ./packages/packages/core/editor-global-classes/src/init.ts ***!
4430 - \******************************************************************/
4431 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4432 -
4433 -__webpack_require__.r(__webpack_exports__);
4434 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4435 -/* harmony export */ init: function() { return /* binding */ init; }
4436 -/* harmony export */ });
4437 -/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor");
4438 -/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__);
4439 -/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
4440 -/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__);
4441 -/* harmony import */ var _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-embedded-documents-manager */ "@elementor/editor-embedded-documents-manager");
4442 -/* harmony import */ var _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_2__);
4443 -/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
4444 -/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_3__);
4445 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
4446 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4__);
4447 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4448 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_5__);
4449 -/* harmony import */ var _components_class_manager_class_manager_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/class-manager/class-manager-button */ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-button.tsx");
4450 -/* harmony import */ var _components_convert_local_class_to_global_class__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/convert-local-class-to-global-class */ "./packages/packages/core/editor-global-classes/src/components/convert-local-class-to-global-class.tsx");
4451 -/* harmony import */ var _components_global_styles_import_listener__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/global-styles-import-listener */ "./packages/packages/core/editor-global-classes/src/components/global-styles-import-listener.tsx");
4452 -/* harmony import */ var _components_populate_store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/populate-store */ "./packages/packages/core/editor-global-classes/src/components/populate-store.tsx");
4453 -/* harmony import */ var _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./global-classes-styles-provider */ "./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts");
4454 -/* harmony import */ var _hooks_use_prefetch_css_class_usage__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./hooks/use-prefetch-css-class-usage */ "./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts");
4455 -/* harmony import */ var _load_document_classes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./load-document-classes */ "./packages/packages/core/editor-global-classes/src/load-document-classes.ts");
4456 -/* harmony import */ var _mcp_integration__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mcp-integration */ "./packages/packages/core/editor-global-classes/src/mcp-integration/index.ts");
4457 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4458 -/* harmony import */ var _sync_with_document__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./sync-with-document */ "./packages/packages/core/editor-global-classes/src/sync-with-document.tsx");
4459 -
4460 -
4461 -
4462 -
4463 -
4464 -
4465 -
4466 -
4467 -
4468 -
4469 -
4470 -
4471 -
4472 -
4473 -
4474 -
4475 -function init() {
4476 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_5__.__registerSlice)(_store__WEBPACK_IMPORTED_MODULE_14__.slice);
4477 - _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_2__.embeddedDocumentsManager.onDocumentLoad(documentId => {
4478 - void (0,_load_document_classes__WEBPACK_IMPORTED_MODULE_12__.addDocumentClasses)(documentId);
4479 - });
4480 - _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4__.stylesRepository.register(_global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_10__.globalClassesStylesProvider);
4481 - (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
4482 - id: 'global-classes-populate-store',
4483 - component: _components_populate_store__WEBPACK_IMPORTED_MODULE_9__.PopulateStore
4484 - });
4485 - (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
4486 - id: 'global-classes-sync-with-document',
4487 - component: _sync_with_document__WEBPACK_IMPORTED_MODULE_15__.SyncWithDocumentSave
4488 - });
4489 - (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
4490 - id: 'global-classes-import-listener',
4491 - component: _components_global_styles_import_listener__WEBPACK_IMPORTED_MODULE_8__.GlobalStylesImportListener
4492 - });
4493 - (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
4494 - id: 'global-classes-prefetch-css-class-usage',
4495 - component: _hooks_use_prefetch_css_class_usage__WEBPACK_IMPORTED_MODULE_11__.PrefetchCssClassUsage
4496 - });
4497 - (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.injectIntoCssClassConvert)({
4498 - id: 'global-classes-convert-from-local-class',
4499 - component: _components_convert_local_class_to_global_class__WEBPACK_IMPORTED_MODULE_7__.ConvertLocalClassToGlobalClass
4500 - });
4501 - (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.injectIntoClassSelectorActions)({
4502 - id: 'global-classes-manager-button',
4503 - component: _components_class_manager_class_manager_button__WEBPACK_IMPORTED_MODULE_6__.ClassManagerButton
4504 - });
4505 - (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.registerStyleProviderToColors)(_global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_10__.GLOBAL_CLASSES_PROVIDER_KEY, {
4506 - name: 'global',
4507 - getThemeColor: theme => theme.palette.global.dark
4508 - });
4509 - (0,_mcp_integration__WEBPACK_IMPORTED_MODULE_13__.initMcpIntegration)((0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_3__.getMCPByDomain)('classes', {
4510 - instructions: 'MCP server for management of Elementor global classes',
4511 - docs: `Everything related to V4 ( Atomic ) global classes.
4512 -# Global classes
4513 -- Create/update/delete global classes
4514 -- Get list of global classes
4515 -- Get details of a global class
4516 -`
4517 - }), (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_3__.getMCPByDomain)('canvas'));
4518 -}
4519 -
4520 -/***/ }),
4521 -
4522 -/***/ "./packages/packages/core/editor-global-classes/src/load-document-classes.ts":
4523 -/*!***********************************************************************************!*\
4524 - !*** ./packages/packages/core/editor-global-classes/src/load-document-classes.ts ***!
4525 - \***********************************************************************************/
4526 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4527 -
4528 -__webpack_require__.r(__webpack_exports__);
4529 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4530 -/* harmony export */ addDocumentClasses: function() { return /* binding */ addDocumentClasses; },
4531 -/* harmony export */ loadCurrentDocumentClasses: function() { return /* binding */ loadCurrentDocumentClasses; },
4532 -/* harmony export */ styleDefinitionsMapWithoutNull: function() { return /* binding */ styleDefinitionsMapWithoutNull; }
4533 -/* harmony export */ });
4534 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
4535 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);
4536 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4537 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
4538 -/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-global-classes/src/api.ts");
4539 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4540 -/* harmony import */ var _utils_create_labels_for_classes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/create-labels-for-classes */ "./packages/packages/core/editor-global-classes/src/utils/create-labels-for-classes.ts");
4541 -
4542 -
4543 -
4544 -
4545 -
4546 -function styleDefinitionsMapWithoutNull(map) {
4547 - return Object.fromEntries(Object.entries(map).filter(entry => entry[1] !== null));
4548 -}
4549 -function resetGlobalClassesState(globalOrder, classLabels) {
4550 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.load({
4551 - preview: {
4552 - items: {},
4553 - order: globalOrder
4554 - },
4555 - frontend: {
4556 - items: {},
4557 - order: globalOrder
4558 - },
4559 - classLabels
4560 - }));
4561 -}
4562 -async function loadCurrentDocumentClasses() {
4563 - const [previewIndexRes, frontendIndexRes] = await Promise.all([_api__WEBPACK_IMPORTED_MODULE_2__.apiClient.all('preview'), _api__WEBPACK_IMPORTED_MODULE_2__.apiClient.all('frontend')]);
4564 - const previewIndex = previewIndexRes.data.data;
4565 - const frontendIndex = frontendIndexRes.data.data;
4566 - const classLabels = (0,_utils_create_labels_for_classes__WEBPACK_IMPORTED_MODULE_4__.createLabelsForClasses)(previewIndex);
4567 - const previewOrder = previewIndex.map(e => e.id);
4568 - const frontendOrder = frontendIndex.map(e => e.id);
4569 -
4570 - // This is intended to establish the baseline with current labels and order
4571 - // without it we won't be able to properly resolve the styles' class names
4572 - resetGlobalClassesState(previewOrder, classLabels);
4573 - const postId = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.getCurrentDocument)()?.id;
4574 - if (!postId) {
4575 - return;
4576 - }
4577 - const [previewPostRes, frontendPostRes] = await Promise.all([_api__WEBPACK_IMPORTED_MODULE_2__.apiClient.getStylesForPost(postId, 'preview'), _api__WEBPACK_IMPORTED_MODULE_2__.apiClient.getStylesForPost(postId, 'frontend')]);
4578 - const previewItems = styleDefinitionsMapWithoutNull(previewPostRes.data.data);
4579 - const frontendItems = styleDefinitionsMapWithoutNull(frontendPostRes.data.data);
4580 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.load({
4581 - preview: {
4582 - items: previewItems,
4583 - order: previewOrder
4584 - },
4585 - frontend: {
4586 - items: frontendItems,
4587 - order: frontendOrder
4588 - },
4589 - classLabels
4590 - }));
4591 -}
4592 -async function addDocumentClasses(documentId) {
4593 - const [previewPostRes, frontendPostRes] = await Promise.all([_api__WEBPACK_IMPORTED_MODULE_2__.apiClient.getStylesForPost(documentId, 'preview'), _api__WEBPACK_IMPORTED_MODULE_2__.apiClient.getStylesForPost(documentId, 'frontend')]);
4594 - const previewItems = styleDefinitionsMapWithoutNull(previewPostRes.data.data);
4595 - const frontendItems = styleDefinitionsMapWithoutNull(frontendPostRes.data.data);
4596 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.mergeExistingClasses({
4597 - preview: previewItems,
4598 - frontend: frontendItems
4599 - }));
4600 -}
4601 -
4602 -/***/ }),
4603 -
4604 -/***/ "./packages/packages/core/editor-global-classes/src/load-existing-classes.ts":
4605 -/*!***********************************************************************************!*\
4606 - !*** ./packages/packages/core/editor-global-classes/src/load-existing-classes.ts ***!
4607 - \***********************************************************************************/
4608 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4609 -
4610 -__webpack_require__.r(__webpack_exports__);
4611 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4612 -/* harmony export */ loadExistingClasses: function() { return /* binding */ loadExistingClasses; }
4613 -/* harmony export */ });
4614 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4615 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
4616 -/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-global-classes/src/api.ts");
4617 -/* harmony import */ var _load_document_classes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./load-document-classes */ "./packages/packages/core/editor-global-classes/src/load-document-classes.ts");
4618 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4619 -
4620 -
4621 -
4622 -
4623 -let pendingLoad = null;
4624 -const pendingIds = new Set();
4625 -async function loadExistingClasses(classIds) {
4626 - const existingClasses = (0,_store__WEBPACK_IMPORTED_MODULE_3__.selectGlobalClasses)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
4627 - const missingIds = classIds.filter(id => !(id in existingClasses));
4628 - if (missingIds.length === 0) {
4629 - return;
4630 - }
4631 - missingIds.forEach(id => pendingIds.add(id));
4632 - if (pendingLoad) {
4633 - await pendingLoad;
4634 - return loadExistingClasses(classIds);
4635 - }
4636 - pendingLoad = fetchAndMergeClasses();
4637 - try {
4638 - await pendingLoad;
4639 - } finally {
4640 - pendingLoad = null;
4641 - }
4642 -}
4643 -async function fetchAndMergeClasses() {
4644 - const idsToFetch = Array.from(pendingIds);
4645 - pendingIds.clear();
4646 - if (idsToFetch.length === 0) {
4647 - return;
4648 - }
4649 - const [previewResponse, frontendResponse] = await Promise.all([_api__WEBPACK_IMPORTED_MODULE_1__.apiClient.getStylesByIds(idsToFetch, 'preview'), _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.getStylesByIds(idsToFetch, 'frontend')]);
4650 - const previewItems = (0,_load_document_classes__WEBPACK_IMPORTED_MODULE_2__.styleDefinitionsMapWithoutNull)(previewResponse.data.data);
4651 - const frontendItems = (0,_load_document_classes__WEBPACK_IMPORTED_MODULE_2__.styleDefinitionsMapWithoutNull)(frontendResponse.data.data);
4652 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.mergeExistingClasses({
4653 - preview: previewItems,
4654 - frontend: frontendItems
4655 - }));
4656 -}
4657 -
4658 -/***/ }),
4659 -
4660 -/***/ "./packages/packages/core/editor-global-classes/src/mcp-integration/apply-global-class-guide-prompt.ts":
4661 -/*!*************************************************************************************************************!*\
4662 - !*** ./packages/packages/core/editor-global-classes/src/mcp-integration/apply-global-class-guide-prompt.ts ***!
4663 - \*************************************************************************************************************/
4664 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4665 -
4666 -__webpack_require__.r(__webpack_exports__);
4667 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4668 -/* harmony export */ APPLY_GLOBAL_CLASS_GUIDE_URI: function() { return /* binding */ APPLY_GLOBAL_CLASS_GUIDE_URI; },
4669 -/* harmony export */ generateApplyGlobalClassGuidePrompt: function() { return /* binding */ generateApplyGlobalClassGuidePrompt; }
4670 -/* harmony export */ });
4671 -/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
4672 -/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__);
4673 -
4674 -const APPLY_GLOBAL_CLASS_GUIDE_URI = 'elementor://global-classes/tools/apply-global-class-guide';
4675 -const generateApplyGlobalClassGuidePrompt = () => {
4676 - const prompt = (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__.toolPrompts)('apply-global-class');
4677 - prompt.description('Apply a global class to an element, enabling consistent styling through your design system.');
4678 - prompt.instruction(`## When to use this tool:
4679 -**ALWAYS use this IMMEDIATELY AFTER building compositions** to apply the global classes you created beforehand:
4680 -- After using "build-compositions" tool, apply semantic classes to the created elements
4681 -- When applying consistent typography styles (heading-primary, text-body, etc.)
4682 -- When applying theme colors or brand styles (bg-brand, button-cta, etc.)
4683 -- When ensuring spacing consistency (spacing-section-large, etc.)
4684 -
4685 -**DO NOT use this tool** for:
4686 -- Elements that don't share styles with other elements (use inline styles instead)
4687 -- Layout-specific properties (those should remain inline in stylesConfig)`);
4688 - prompt.instruction(`## Prerequisites:
4689 -- **REQUIRED**: Get the list of available global classes from 'elementor://global-classes' resource
4690 -- **REQUIRED**: Get element IDs from the composition XML returned by "build-compositions" tool
4691 -- Ensure you have the most up-to-date list of classes applied to the element to avoid duplicates
4692 -- Make sure you have the correct class ID that you want to apply`);
4693 - prompt.instruction(`## Best Practices:
4694 -1. Apply multiple classes to a single element if needed (typography + color + spacing)
4695 -2. After applying, the tool will remind you to remove duplicate inline styles from elementConfig
4696 -3. Classes should describe purpose, not implementation (e.g., "heading-primary" not "big-red-text")`);
4697 - return prompt.prompt();
4698 -};
4699 -
4700 -/***/ }),
4701 -
4702 -/***/ "./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts":
4703 -/*!**********************************************************************************************!*\
4704 - !*** ./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts ***!
4705 - \**********************************************************************************************/
4706 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4707 -
4708 -__webpack_require__.r(__webpack_exports__);
4709 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4710 -/* harmony export */ GLOBAL_CLASSES_URI: function() { return /* binding */ GLOBAL_CLASSES_URI; },
4711 -/* harmony export */ initClassesResource: function() { return /* binding */ initClassesResource; }
4712 -/* harmony export */ });
4713 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
4714 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
4715 -/* harmony import */ var _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../global-classes-styles-provider */ "./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts");
4716 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
4717 -
4718 -
4719 -
4720 -const GLOBAL_CLASSES_URI = 'elementor://global-classes';
4721 -const STORAGE_KEY = 'elementor-global-classes';
4722 -const updateLocalStorageCache = () => {
4723 - const classes = (0,_store__WEBPACK_IMPORTED_MODULE_2__.selectOrderedClasses)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
4724 - localStorage.setItem(STORAGE_KEY, JSON.stringify(classes));
4725 -};
4726 -const initClassesResource = (classesMcpEntry, canvasMcpEntry) => {
4727 - [canvasMcpEntry, classesMcpEntry].forEach(entry => {
4728 - const {
4729 - sendResourceUpdated,
4730 - resource,
4731 - waitForReady
4732 - } = entry;
4733 - resource('global-classes', GLOBAL_CLASSES_URI, {
4734 - description: 'Global classes list.'
4735 - }, async () => {
4736 - return {
4737 - contents: [{
4738 - uri: GLOBAL_CLASSES_URI,
4739 - text: localStorage[STORAGE_KEY] ?? '[]'
4740 - }]
4741 - };
4742 - });
4743 - waitForReady().then(() => {
4744 - updateLocalStorageCache();
4745 - _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_1__.globalClassesStylesProvider.subscribe(() => {
4746 - updateLocalStorageCache();
4747 - sendResourceUpdated({
4748 - uri: GLOBAL_CLASSES_URI
4749 - });
4750 - });
4751 - });
4752 - });
4753 -};
4754 -
4755 -/***/ }),
4756 -
4757 -/***/ "./packages/packages/core/editor-global-classes/src/mcp-integration/index.ts":
4758 -/*!***********************************************************************************!*\
4759 - !*** ./packages/packages/core/editor-global-classes/src/mcp-integration/index.ts ***!
4760 - \***********************************************************************************/
4761 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4762 -
4763 -__webpack_require__.r(__webpack_exports__);
4764 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4765 -/* harmony export */ initMcpIntegration: function() { return /* binding */ initMcpIntegration; }
4766 -/* harmony export */ });
4767 -/* harmony import */ var _classes_resource__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./classes-resource */ "./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts");
4768 -/* harmony import */ var _mcp_apply_unapply_global_classes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mcp-apply-unapply-global-classes */ "./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-apply-unapply-global-classes.ts");
4769 -/* harmony import */ var _mcp_get_global_class_usages__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mcp-get-global-class-usages */ "./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-get-global-class-usages.ts");
4770 -/* harmony import */ var _mcp_manage_global_classes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mcp-manage-global-classes */ "./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-manage-global-classes.ts");
4771 -
4772 -
4773 -
4774 -
4775 -const initMcpIntegration = (reg, canvasMcpEntry) => {
4776 - (0,_mcp_apply_unapply_global_classes__WEBPACK_IMPORTED_MODULE_1__["default"])(reg);
4777 - (0,_mcp_get_global_class_usages__WEBPACK_IMPORTED_MODULE_2__["default"])(reg);
4778 - (0,_mcp_manage_global_classes__WEBPACK_IMPORTED_MODULE_3__.initManageGlobalClasses)(reg);
4779 - (0,_classes_resource__WEBPACK_IMPORTED_MODULE_0__.initClassesResource)(reg, canvasMcpEntry);
4780 -};
4781 -
4782 -/***/ }),
4783 -
4784 -/***/ "./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-apply-unapply-global-classes.ts":
4785 -/*!**************************************************************************************************************!*\
4786 - !*** ./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-apply-unapply-global-classes.ts ***!
4787 - \**************************************************************************************************************/
4788 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4789 -
4790 -__webpack_require__.r(__webpack_exports__);
4791 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4792 -/* harmony export */ "default": function() { return /* binding */ initMcpApplyUnapplyGlobalClasses; }
4793 -/* harmony export */ });
4794 -/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
4795 -/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__);
4796 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
4797 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
4798 -/* harmony import */ var _apply_global_class_guide_prompt__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./apply-global-class-guide-prompt */ "./packages/packages/core/editor-global-classes/src/mcp-integration/apply-global-class-guide-prompt.ts");
4799 -/* harmony import */ var _classes_resource__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./classes-resource */ "./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts");
4800 -
4801 -
4802 -
4803 -
4804 -function initMcpApplyUnapplyGlobalClasses(server) {
4805 - const {
4806 - addTool,
4807 - resource
4808 - } = server;
4809 - const applyGlobalClassGuideText = (0,_apply_global_class_guide_prompt__WEBPACK_IMPORTED_MODULE_2__.generateApplyGlobalClassGuidePrompt)();
4810 - resource('apply-global-class-guide', _apply_global_class_guide_prompt__WEBPACK_IMPORTED_MODULE_2__.APPLY_GLOBAL_CLASS_GUIDE_URI, {
4811 - description: 'Workflow, prerequisites, and best practices for apply-global-class',
4812 - mimeType: 'text/plain',
4813 - title: 'Apply global class tool guide'
4814 - }, async uri => ({
4815 - contents: [{
4816 - mimeType: 'text/plain',
4817 - text: applyGlobalClassGuideText,
4818 - uri: uri.href
4819 - }]
4820 - }));
4821 - addTool({
4822 - schema: {
4823 - classId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('The ID of the class to apply'),
4824 - elementId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('The ID of the element to which the class will be applied')
4825 - },
4826 - outputSchema: {
4827 - result: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Result message indicating the success of the apply operation'),
4828 - llm_instructions: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Instructions what to do next, Important to follow these instructions!')
4829 - },
4830 - name: 'apply-global-class',
4831 - description: `Apply a global class to an element for shared design-system styling. Read the full guide at [${_apply_global_class_guide_prompt__WEBPACK_IMPORTED_MODULE_2__.APPLY_GLOBAL_CLASS_GUIDE_URI}].`,
4832 - requiredResources: [{
4833 - description: 'Apply global class tool guide',
4834 - uri: _apply_global_class_guide_prompt__WEBPACK_IMPORTED_MODULE_2__.APPLY_GLOBAL_CLASS_GUIDE_URI
4835 - }, {
4836 - description: 'Global classes list',
4837 - uri: _classes_resource__WEBPACK_IMPORTED_MODULE_3__.GLOBAL_CLASSES_URI
4838 - }],
4839 - handler: async params => {
4840 - const {
4841 - classId,
4842 - elementId
4843 - } = params;
4844 - const appliedClasses = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__.doGetAppliedClasses)(elementId);
4845 - (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__.doApplyClasses)(elementId, [...appliedClasses, classId]);
4846 - return {
4847 - llm_instructions: 'Please check the element configuration, find inline styles duplicated by the applied global class, and remove them',
4848 - result: `Class ${classId} applied to element ${elementId} successfully.`
4849 - };
4850 - }
4851 - });
4852 - addTool({
4853 - name: 'unapply-global-class',
4854 - schema: {
4855 - classId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('The ID of the class to unapply'),
4856 - elementId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('The ID of the element from which the class will be unapplied')
4857 - },
4858 - outputSchema: {
4859 - result: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Result message indicating the success of the unapply operation')
4860 - },
4861 - description: `Unapply a global class from an element by class ID. Resolve class names to IDs via [${_classes_resource__WEBPACK_IMPORTED_MODULE_3__.GLOBAL_CLASSES_URI}].`,
4862 - requiredResources: [{
4863 - description: 'Global classes list',
4864 - uri: _classes_resource__WEBPACK_IMPORTED_MODULE_3__.GLOBAL_CLASSES_URI
4865 - }],
4866 - handler: async params => {
4867 - const {
4868 - classId,
4869 - elementId
4870 - } = params;
4871 - const ok = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__.doUnapplyClass)(elementId, classId);
4872 - if (!ok) {
4873 - throw new Error(`Class ${classId} is not applied to element ${elementId}, cannot unapply it.`);
4874 - }
4875 - return {
4876 - result: `Class ${classId} unapplied from element ${elementId} successfully.`
4877 - };
4878 - }
4879 - });
4880 -}
4881 -
4882 -/***/ }),
4883 -
4884 -/***/ "./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-get-global-class-usages.ts":
4885 -/*!*********************************************************************************************************!*\
4886 - !*** ./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-get-global-class-usages.ts ***!
4887 - \*********************************************************************************************************/
4888 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4889 -
4890 -__webpack_require__.r(__webpack_exports__);
4891 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4892 -/* harmony export */ "default": function() { return /* binding */ initMcpApplyGetGlobalClassUsages; }
4893 -/* harmony export */ });
4894 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
4895 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__);
4896 -/* harmony import */ var _service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../service/css-class-usage-service */ "./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts");
4897 -/* harmony import */ var _classes_resource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classes-resource */ "./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts");
4898 -
4899 -
4900 -
4901 -function initMcpApplyGetGlobalClassUsages(reg) {
4902 - const {
4903 - addTool
4904 - } = reg;
4905 - const globalClassesUsageSchema = {
4906 - usages: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({
4907 - classId: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().describe('The ID of the class, not visible to the user. To retrieve the name of the class, use the "list-global-classes" tool'),
4908 - usages: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({
4909 - pageId: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().describe('The ID of the page where the class is used'),
4910 - title: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().describe('The title of the page where the class is used'),
4911 - total: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().describe('The number of times the class is used on this page'),
4912 - elements: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string()).describe('List of element IDs using this class on the page')
4913 - }))
4914 - }))
4915 - };
4916 - addTool({
4917 - name: 'get-global-class-usages',
4918 - description: `Retrieve usages of global classes across all Elementor pages. Heavy operation — scans every page in the site.
4919 -
4920 -## When to use:
4921 -- Before deleting or radically changing a class — to understand cross-page side effects and decide whether to consult the user.
4922 -- To identify unused global classes for cleanup.
4923 -
4924 -## When NOT to use:
4925 -- To list global classes themselves — use the global-classes resource instead (this tool returns usages, not the class list).`,
4926 - requiredResources: [{
4927 - description: 'Global classes list',
4928 - uri: _classes_resource__WEBPACK_IMPORTED_MODULE_2__.GLOBAL_CLASSES_URI
4929 - }],
4930 - outputSchema: globalClassesUsageSchema,
4931 - handler: async () => {
4932 - const data = await (0,_service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_1__.fetchCssClassUsage)();
4933 - const result = {
4934 - usages: []
4935 - };
4936 - Object.entries(data).forEach(([classId, usageDetails]) => {
4937 - const newEntry = {
4938 - classId,
4939 - usages: []
4940 - };
4941 - if (typeof usageDetails !== 'number') {
4942 - const {
4943 - content
4944 - } = usageDetails;
4945 - content.forEach(detail => {
4946 - newEntry.usages.push({
4947 - pageId: String(detail.pageId),
4948 - title: detail.title,
4949 - total: detail.total,
4950 - elements: detail.elements
4951 - });
4952 - });
4953 - result.usages.push(newEntry);
4954 - }
4955 - });
4956 - return result;
4957 - }
4958 - });
4959 -}
4960 -
4961 -/***/ }),
4962 -
4963 -/***/ "./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-manage-global-classes.ts":
4964 -/*!*******************************************************************************************************!*\
4965 - !*** ./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-manage-global-classes.ts ***!
4966 - \*******************************************************************************************************/
4967 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4968 -
4969 -__webpack_require__.r(__webpack_exports__);
4970 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4971 -/* harmony export */ initManageGlobalClasses: function() { return /* binding */ initManageGlobalClasses; }
4972 -/* harmony export */ });
4973 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
4974 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
4975 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
4976 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
4977 -/* harmony import */ var _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global-classes-styles-provider */ "./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts");
4978 -/* harmony import */ var _load_existing_classes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../load-existing-classes */ "./packages/packages/core/editor-global-classes/src/load-existing-classes.ts");
4979 -/* harmony import */ var _save_global_classes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../save-global-classes */ "./packages/packages/core/editor-global-classes/src/save-global-classes.tsx");
4980 -/* harmony import */ var _classes_resource__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./classes-resource */ "./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts");
4981 -
4982 -
4983 -
4984 -
4985 -
4986 -
4987 -const schema = {
4988 - action: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.enum(['create', 'modify', 'delete']).describe('Operation to perform'),
4989 - classId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().optional().describe('Global class ID (required for modify). Get from elementor://global-classes resource.'),
4990 - globalClassName: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().optional().describe('Global class name (required for create)'),
4991 - style: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.object({
4992 - default: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Plaintext CSS for the default state. MUST be non-empty — blank strings are rejected.'),
4993 - hover: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Plaintext CSS for the :hover state. optional').optional(),
4994 - focus: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Plaintext CSS for the :focus state. optional').optional(),
4995 - active: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Plaintext CSS for the :active state. optional').optional()
4996 - }).describe('Plaintext CSS per pseudo-state. All states are converted in one bulk request; unconvertible declarations are stored as custom CSS.'),
4997 - breakpoint: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.nullable(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('Responsive breakpoint name for styles. Defaults to desktop (null).')).default(null).describe('Responsive breakpoint name for styles. Defaults to desktop (null).')
4998 -};
4999 -const outputSchema = {
5000 - status: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.enum(['ok', 'error']).describe('Operation status'),
5001 - classId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().optional().describe('Class ID (returned on create success)'),
5002 - message: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().optional().describe('Error details if status is error')
5003 -};
5004 -const handler = async input => {
5005 - const {
5006 - action,
5007 - classId: rawClassId,
5008 - globalClassName,
5009 - style: rawStyle,
5010 - breakpoint
5011 - } = input;
5012 - let classId = rawClassId;
5013 - if (action === 'create' && !globalClassName) {
5014 - return {
5015 - status: 'error',
5016 - message: 'Create requires globalClassName'
5017 - };
5018 - }
5019 - if (action === 'modify' && !classId) {
5020 - return {
5021 - status: 'error',
5022 - message: 'Modify requires classId'
5023 - };
5024 - }
5025 - if (action === 'delete' && !classId) {
5026 - return {
5027 - status: 'error',
5028 - message: 'Delete requires classId'
5029 - };
5030 - }
5031 - const {
5032 - create,
5033 - update,
5034 - delete: deleteClass
5035 - } = _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_2__.globalClassesStylesProvider.actions;
5036 - if (!create || !update || !deleteClass) {
5037 - return {
5038 - status: 'error',
5039 - message: 'Required actions not available'
5040 - };
5041 - }
5042 - const styleBlocks = collectNonEmptyStyleBlocks(rawStyle);
5043 - if (action !== 'delete' && Object.keys(styleBlocks).length === 0) {
5044 - throw new Error('Style must not be empty. Provide plaintext CSS per state.\n\nExample: style.default = "display: flex; flex-direction: column; gap: 1rem;"');
5045 - }
5046 - let convertedByState = {};
5047 - if (action !== 'delete') {
5048 - const conversionResults = await (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.convertStyleBlocksToAtomic)(styleBlocks);
5049 - convertedByState = Object.fromEntries(Object.entries(conversionResults).map(([state, {
5050 - props,
5051 - customCss
5052 - }]) => [state, {
5053 - props: props,
5054 - customCss: toStoredCustomCss(customCss)
5055 - }]));
5056 - }
5057 - const breakpointValue = breakpoint ?? 'desktop';
5058 - let result = {
5059 - status: 'error',
5060 - classId: '',
5061 - message: 'unknown error'
5062 - };
5063 - try {
5064 - if (action === 'delete') {
5065 - const deleted = await attemptDelete({
5066 - classId,
5067 - stylesProvider: _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_2__.globalClassesStylesProvider
5068 - });
5069 - if (deleted) {
5070 - return {
5071 - status: 'ok',
5072 - message: `deleted global class with ID ${classId}`
5073 - };
5074 - }
5075 - throw new Error('error deleting class');
5076 - }
5077 - let currentAction = action;
5078 - for await (const [state, {
5079 - props,
5080 - customCss
5081 - }] of Object.entries(convertedByState)) {
5082 - switch (currentAction) {
5083 - case 'create':
5084 - const newClassId = await attemptCreate({
5085 - props,
5086 - customCss,
5087 - className: globalClassName,
5088 - stylesProvider: _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_2__.globalClassesStylesProvider,
5089 - breakpoint: breakpointValue,
5090 - state: state
5091 - });
5092 - if (newClassId && currentAction === 'create') {
5093 - currentAction = 'modify';
5094 - classId = newClassId;
5095 - result = {
5096 - status: 'ok',
5097 - message: `created global class with ID ${newClassId}`
5098 - };
5099 - } else {
5100 - throw new Error('error creating class');
5101 - }
5102 - break;
5103 - case 'modify':
5104 - const updated = await attemptUpdate({
5105 - classId,
5106 - props,
5107 - customCss,
5108 - stylesProvider: _global_classes_styles_provider__WEBPACK_IMPORTED_MODULE_2__.globalClassesStylesProvider,
5109 - breakpoint: breakpointValue,
5110 - state: state
5111 - });
5112 - if (updated) {
5113 - result = {
5114 - status: 'ok',
5115 - classId
5116 - };
5117 - } else {
5118 - throw new Error('error modifying class');
5119 - }
5120 - break;
5121 - default:
5122 - throw new Error(`Unsupported action ${action}`);
5123 - }
5124 - }
5125 - } catch (error) {
5126 - return {
5127 - status: 'error',
5128 - message: `${action} failed: ${error.message || 'Unknown error'}`
5129 - };
5130 - }
5131 - return result;
5132 -};
5133 -const initManageGlobalClasses = reg => {
5134 - const {
5135 - addTool
5136 - } = reg;
5137 - addTool({
5138 - name: 'manage-global-classes',
5139 - requiredResources: [{
5140 - uri: _classes_resource__WEBPACK_IMPORTED_MODULE_5__.GLOBAL_CLASSES_URI,
5141 - description: 'Global classes list'
5142 - }, {
5143 - uri: _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.BREAKPOINTS_SCHEMA_FULL_URI,
5144 - description: 'Breakpoints list'
5145 - }],
5146 - description: `Create or modify global classes for reusable design-system styling. Class names must reflect purpose (e.g. heading-primary, button-cta). Create classes BEFORE applying them. Do NOT create classes for one-off styles.
5147 -
5148 -IMPORTANT: style must contain plaintext CSS rules per state — never pass empty strings.
5149 -CSS is converted server-side in one bulk request; any declaration that cannot be converted is stored as the class custom CSS.
5150 -
5151 -Example — creating a flex column class:
5152 -style.default = "display: flex; flex-direction: column; gap: 1rem;"
5153 -
5154 -Example — hover state:
5155 -style.hover = "opacity: 0.85;"`,
5156 - schema,
5157 - outputSchema,
5158 - handler
5159 - });
5160 -};
5161 -async function attemptCreate(opts) {
5162 - const {
5163 - props,
5164 - customCss,
5165 - breakpoint,
5166 - className,
5167 - stylesProvider,
5168 - state
5169 - } = opts;
5170 - const {
5171 - create,
5172 - delete: deleteClass
5173 - } = stylesProvider.actions;
5174 - if (!className) {
5175 - throw new Error('Global class name is a required for creation');
5176 - }
5177 - if (!create || !deleteClass) {
5178 - throw new Error('User is unable to create global classes');
5179 - }
5180 - const newClassId = create(className, [{
5181 - meta: {
5182 - breakpoint,
5183 - state: state === 'default' ? null : state
5184 - },
5185 - custom_css: customCss,
5186 - props
5187 - }]);
5188 - try {
5189 - await (0,_save_global_classes__WEBPACK_IMPORTED_MODULE_4__.saveGlobalClasses)({
5190 - context: 'frontend'
5191 - });
5192 - return newClassId;
5193 - } catch {
5194 - deleteClass(newClassId);
5195 - throw new Error('error creating class');
5196 - }
5197 -}
5198 -async function attemptUpdate(opts) {
5199 - const {
5200 - props,
5201 - customCss,
5202 - breakpoint,
5203 - classId,
5204 - stylesProvider,
5205 - state
5206 - } = opts;
5207 - const {
5208 - updateProps,
5209 - update
5210 - } = stylesProvider.actions;
5211 - if (!classId) {
5212 - throw new Error('Class ID is required for modification');
5213 - }
5214 - if (!updateProps || !update) {
5215 - throw new Error('User is unable to update global classes');
5216 - }
5217 - await (0,_load_existing_classes__WEBPACK_IMPORTED_MODULE_3__.loadExistingClasses)([classId]);
5218 - const snapshot = structuredClone(stylesProvider.actions.all());
5219 - try {
5220 - updateProps({
5221 - id: classId,
5222 - props,
5223 - custom_css: customCss,
5224 - meta: {
5225 - breakpoint,
5226 - state: state === 'default' ? null : state
5227 - }
5228 - });
5229 - await (0,_save_global_classes__WEBPACK_IMPORTED_MODULE_4__.saveGlobalClasses)({
5230 - context: 'frontend'
5231 - });
5232 - return true;
5233 - } catch {
5234 - snapshot.forEach(style => {
5235 - update({
5236 - id: style.id,
5237 - variants: style.variants
5238 - });
5239 - });
5240 - await (0,_save_global_classes__WEBPACK_IMPORTED_MODULE_4__.saveGlobalClasses)({
5241 - context: 'frontend'
5242 - });
5243 - throw new Error('error updating class');
5244 - }
5245 -}
5246 -async function attemptDelete(opts) {
5247 - const {
5248 - classId,
5249 - stylesProvider
5250 - } = opts;
5251 - const {
5252 - delete: deleteClass,
5253 - create
5254 - } = stylesProvider.actions;
5255 - if (!classId) {
5256 - throw new Error('Class ID is required for deletion');
5257 - }
5258 - if (!deleteClass || !create) {
5259 - throw new Error('User is unable to delete global classes');
5260 - }
5261 - const snapshot = structuredClone(stylesProvider.actions.all());
5262 - const targetClass = snapshot.find(style => style.id === classId);
5263 - if (!targetClass) {
5264 - throw new Error(`Class with ID "${classId}" not found`);
5265 - }
5266 - deleteClass(classId);
5267 - await (0,_save_global_classes__WEBPACK_IMPORTED_MODULE_4__.saveGlobalClasses)({
5268 - context: 'frontend'
5269 - });
5270 - return true;
5271 -}
5272 -function collectNonEmptyStyleBlocks(style) {
5273 - const blocks = {};
5274 - Object.entries(style).forEach(([state, cssText]) => {
5275 - if (cssText?.trim()) {
5276 - blocks[state] = cssText.trim();
5277 - }
5278 - });
5279 - return blocks;
5280 -}
5281 -function toStoredCustomCss(customCss) {
5282 - if (!customCss?.trim()) {
5283 - return null;
5284 - }
5285 - return {
5286 - raw: btoa(customCss)
5287 - };
5288 -}
5289 -
5290 -/***/ }),
5291 -
5292 -/***/ "./packages/packages/core/editor-global-classes/src/save-global-classes.tsx":
5293 -/*!**********************************************************************************!*\
5294 - !*** ./packages/packages/core/editor-global-classes/src/save-global-classes.tsx ***!
5295 - \**********************************************************************************/
5296 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5297 -
5298 -__webpack_require__.r(__webpack_exports__);
5299 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5300 -/* harmony export */ saveGlobalClasses: function() { return /* binding */ saveGlobalClasses; }
5301 -/* harmony export */ });
5302 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5303 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5304 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
5305 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
5306 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
5307 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_2__);
5308 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
5309 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_3__);
5310 -/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-global-classes/src/api.ts");
5311 -/* harmony import */ var _components_class_manager_duplicate_label_dialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/class-manager/duplicate-label-dialog */ "./packages/packages/core/editor-global-classes/src/components/class-manager/duplicate-label-dialog.tsx");
5312 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-global-classes/src/store.ts");
5313 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
5314 -
5315 -
5316 -
5317 -
5318 -
5319 -
5320 -
5321 -
5322 -async function saveGlobalClasses({
5323 - context,
5324 - onApprove
5325 -}) {
5326 - const state = (0,_store__WEBPACK_IMPORTED_MODULE_6__.selectData)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)());
5327 - const apiAction = context === 'preview' ? _api__WEBPACK_IMPORTED_MODULE_4__.apiClient.saveDraft : _api__WEBPACK_IMPORTED_MODULE_4__.apiClient.publish;
5328 - const currentContext = context === 'preview' ? _store__WEBPACK_IMPORTED_MODULE_6__.selectPreviewInitialData : _store__WEBPACK_IMPORTED_MODULE_6__.selectFrontendInitialData;
5329 - const changes = calculateChanges(state, currentContext((0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__getState)()));
5330 - const touchedIds = [...changes.added, ...changes.modified];
5331 - const touchedItems = Object.fromEntries(touchedIds.map(id => [id, state.items[id]]).filter(([, v]) => v));
5332 - const response = await apiAction({
5333 - items: touchedItems,
5334 - order: state.order,
5335 - changes
5336 - });
5337 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_6__.slice.actions.reset({
5338 - context
5339 - }));
5340 - window.dispatchEvent(new CustomEvent('classes:updated', {
5341 - detail: {
5342 - context
5343 - }
5344 - }));
5345 - if (response?.data?.data?.code === _api__WEBPACK_IMPORTED_MODULE_4__.API_ERROR_CODES.DUPLICATED_LABEL) {
5346 - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_6__.slice.actions.updateMultiple(response.data.data.modifiedLabels));
5347 - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_7__.trackGlobalClasses)({
5348 - event: 'classPublishConflict',
5349 - numOfConflicts: Object.keys(response.data.data.modifiedLabels).length
5350 - });
5351 - (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.openDialog)({
5352 - component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_class_manager_duplicate_label_dialog__WEBPACK_IMPORTED_MODULE_5__.DuplicateLabelDialog, {
5353 - modifiedLabels: response.data.data.modifiedLabels || [],
5354 - onApprove: onApprove
5355 - })
5356 - });
5357 - }
5358 -}
5359 -function calculateChanges(state, initialData) {
5360 - const stateIds = Object.keys(state.items);
5361 - const initialDataIds = Object.keys(initialData.items);
5362 - const {
5363 - order: stateOrder
5364 - } = state;
5365 - const {
5366 - order: initialDataOrder
5367 - } = initialData;
5368 - const stateOrderIdSet = new Set(stateOrder);
5369 - const deleted = initialDataOrder.filter(id => !stateOrderIdSet.has(id));
5370 - const order = stateOrder.join(';') !== initialDataOrder.join(';');
5371 - return {
5372 - added: stateIds.filter(id => !initialDataIds.includes(id)),
5373 - deleted,
5374 - modified: stateIds.filter(id => {
5375 - return id in initialData.items && (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_3__.hash)(state.items[id]) !== (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_3__.hash)(initialData.items[id]);
5376 - }),
5377 - order
5378 - };
5379 -}
5380 -
5381 -/***/ }),
5382 -
5383 -/***/ "./packages/packages/core/editor-global-classes/src/store.ts":
5384 -/*!*******************************************************************!*\
5385 - !*** ./packages/packages/core/editor-global-classes/src/store.ts ***!
5386 - \*******************************************************************/
5387 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5388 -
5389 -__webpack_require__.r(__webpack_exports__);
5390 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5391 -/* harmony export */ placeholderDefinition: function() { return /* binding */ placeholderDefinition; },
5392 -/* harmony export */ selectClass: function() { return /* binding */ selectClass; },
5393 -/* harmony export */ selectClassLabels: function() { return /* binding */ selectClassLabels; },
5394 -/* harmony export */ selectData: function() { return /* binding */ selectData; },
5395 -/* harmony export */ selectEmptyCssClass: function() { return /* binding */ selectEmptyCssClass; },
5396 -/* harmony export */ selectFrontendInitialData: function() { return /* binding */ selectFrontendInitialData; },
5397 -/* harmony export */ selectGlobalClasses: function() { return /* binding */ selectGlobalClasses; },
5398 -/* harmony export */ selectIsClassFetched: function() { return /* binding */ selectIsClassFetched; },
5399 -/* harmony export */ selectIsDirty: function() { return /* binding */ selectIsDirty; },
5400 -/* harmony export */ selectOrder: function() { return /* binding */ selectOrder; },
5401 -/* harmony export */ selectOrderedClasses: function() { return /* binding */ selectOrderedClasses; },
5402 -/* harmony export */ selectPreviewInitialData: function() { return /* binding */ selectPreviewInitialData; },
5403 -/* harmony export */ slice: function() { return /* binding */ slice; }
5404 -/* harmony export */ });
5405 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
5406 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0__);
5407 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
5408 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
5409 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./errors */ "./packages/packages/core/editor-global-classes/src/errors.ts");
5410 -/* harmony import */ var _utils_snapshot_history__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/snapshot-history */ "./packages/packages/core/editor-global-classes/src/utils/snapshot-history.ts");
5411 -
5412 -
5413 -
5414 -
5415 -const localHistory = _utils_snapshot_history__WEBPACK_IMPORTED_MODULE_3__.SnapshotHistory.get('global-classes');
5416 -const initialState = {
5417 - data: {
5418 - items: {},
5419 - order: []
5420 - },
5421 - classLabels: {},
5422 - initialData: {
5423 - frontend: {
5424 - items: {},
5425 - order: []
5426 - },
5427 - preview: {
5428 - items: {},
5429 - order: []
5430 - }
5431 - },
5432 - isDirty: false
5433 -};
5434 -// Slice
5435 -const SLICE_NAME = 'globalClasses';
5436 -const slice = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__createSlice)({
5437 - name: SLICE_NAME,
5438 - initialState,
5439 - reducers: {
5440 - load(state, {
5441 - payload: {
5442 - frontend,
5443 - preview,
5444 - classLabels
5445 - }
5446 - }) {
5447 - state.initialData.frontend = frontend;
5448 - state.initialData.preview = preview;
5449 - state.data = preview;
5450 - state.classLabels = classLabels;
5451 - state.isDirty = false;
5452 - },
5453 - add(state, {
5454 - payload
5455 - }) {
5456 - localHistory.next(state.data);
5457 - state.data.items[payload.id] = payload;
5458 - state.data.order.unshift(payload.id);
5459 - state.classLabels[payload.id] = payload.label;
5460 - state.isDirty = true;
5461 - },
5462 - delete(state, {
5463 - payload
5464 - }) {
5465 - localHistory.next(state.data);
5466 - state.data.items = Object.fromEntries(Object.entries(state.data.items).filter(([id]) => id !== payload));
5467 - state.data.order = state.data.order.filter(id => id !== payload);
5468 - // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
5469 - delete state.classLabels[payload];
5470 - state.isDirty = true;
5471 - },
5472 - setOrder(state, {
5473 - payload
5474 - }) {
5475 - localHistory.next(state.data);
5476 - state.data.order = payload;
5477 - state.isDirty = true;
5478 - },
5479 - update(state, {
5480 - payload
5481 - }) {
5482 - localHistory.next(state.data);
5483 - const style = state.data.items[payload.style.id];
5484 - const mergedData = {
5485 - ...style,
5486 - ...payload.style
5487 - };
5488 - state.data.items[payload.style.id] = mergedData;
5489 - state.isDirty = true;
5490 - },
5491 - updateMultiple(state, {
5492 - payload
5493 - }) {
5494 - localHistory.next(state.data);
5495 - Object.entries(payload).forEach(([id, {
5496 - modified
5497 - }]) => {
5498 - state.data.items[id].label = modified;
5499 - state.classLabels[id] = modified;
5500 - });
5501 - state.isDirty = false;
5502 - },
5503 - updateProps(state, {
5504 - payload
5505 - }) {
5506 - const style = state.data.items[payload.id];
5507 - if (!style) {
5508 - throw new _errors__WEBPACK_IMPORTED_MODULE_2__.GlobalClassNotFoundError({
5509 - context: {
5510 - styleId: payload.id
5511 - }
5512 - });
5513 - }
5514 - localHistory.next(state.data);
5515 - const variant = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_0__.getVariantByMeta)(style, payload.meta);
5516 - let customCss = ('custom_css' in payload ? payload.custom_css : variant?.custom_css) ?? null;
5517 - customCss = customCss?.raw ? customCss : null;
5518 - if (variant) {
5519 - const payloadProps = JSON.parse(JSON.stringify(payload.props));
5520 - const mode = payload.mode ?? 'merge';
5521 - if (mode === 'replace') {
5522 - variant.props = payloadProps;
5523 - } else {
5524 - const variantProps = JSON.parse(JSON.stringify(variant.props));
5525 - variant.props = mergeProps(variantProps, payloadProps);
5526 - }
5527 - variant.custom_css = customCss;
5528 - style.variants = getNonEmptyVariants(style);
5529 - } else {
5530 - style.variants.push({
5531 - meta: payload.meta,
5532 - props: payload.props,
5533 - custom_css: customCss
5534 - });
5535 - }
5536 - state.isDirty = true;
5537 - },
5538 - reset(state, {
5539 - payload: {
5540 - context
5541 - }
5542 - }) {
5543 - if (context === 'frontend') {
5544 - localHistory.reset();
5545 - state.initialData.frontend = state.data;
5546 - state.isDirty = false;
5547 - }
5548 - state.initialData.preview = state.data;
5549 - },
5550 - undo(state) {
5551 - if (localHistory.isLast()) {
5552 - localHistory.next(state.data); // store current before undo
5553 - }
5554 - const data = localHistory.prev();
5555 - if (data) {
5556 - state.data = data;
5557 - state.isDirty = true;
5558 - } else {
5559 - state.data = state.initialData.preview;
5560 - }
5561 - },
5562 - resetToInitialState(state, {
5563 - payload: {
5564 - context
5565 - }
5566 - }) {
5567 - localHistory.reset();
5568 - state.data = state.initialData[context];
5569 - state.isDirty = false;
5570 - },
5571 - redo(state) {
5572 - const data = localHistory.next();
5573 - if (localHistory.isLast()) {
5574 - localHistory.prev();
5575 - }
5576 - if (data) {
5577 - state.data = data;
5578 - state.isDirty = true;
5579 - }
5580 - },
5581 - mergeExistingClasses(state, {
5582 - payload: {
5583 - preview,
5584 - frontend
5585 - }
5586 - }) {
5587 - Object.entries(preview).forEach(([id, previewClassData]) => {
5588 - const frontendClassData = frontend[id];
5589 - if (previewClassData === null || previewClassData === undefined) {
5590 - return;
5591 - }
5592 - if (!(id in state.data.items)) {
5593 - state.data.items[id] = previewClassData;
5594 - }
5595 - if (!(id in state.initialData.frontend.items)) {
5596 - state.initialData.frontend.items[id] = frontendClassData;
5597 - }
5598 - if (!(id in state.initialData.preview.items)) {
5599 - state.initialData.preview.items[id] = previewClassData;
5600 - }
5601 - if (!(id in state.classLabels)) {
5602 - state.classLabels[id] = previewClassData.label;
5603 - }
5604 - });
5605 - },
5606 - setOrderWithoutHistory(state, {
5607 - payload
5608 - }) {
5609 - state.data.order = payload;
5610 - },
5611 - updateAfterTemplateImport(state, {
5612 - payload
5613 - }) {
5614 - // Update initial data
5615 - state.initialData.frontend.items = {
5616 - ...state.initialData.frontend.items,
5617 - ...payload.addedItems
5618 - };
5619 - state.initialData.frontend.order = [...state.initialData.frontend.order, ...payload.addedIdsOrder];
5620 - state.initialData.preview.items = {
5621 - ...state.initialData.preview.items,
5622 - ...payload.addedItems
5623 - };
5624 - state.initialData.preview.order = [...state.initialData.preview.order, ...payload.addedIdsOrder];
5625 -
5626 - // Update current data
5627 - state.data.items = {
5628 - ...state.data.items,
5629 - ...payload.addedItems
5630 - };
5631 - state.data.order = [...state.data.order, ...payload.addedIdsOrder];
5632 -
5633 - // Update class labels
5634 - state.classLabels = {
5635 - ...state.classLabels,
5636 - ...payload.addedClassLabels
5637 - };
5638 - }
5639 - }
5640 -});
5641 -const mergeProps = (current, updates) => {
5642 - // edge case, the server returns an array instead of an object when empty props because of PHP array / object conversion
5643 - const props = Array.isArray(current) ? {} : current;
5644 - Object.entries(updates).forEach(([key, value]) => {
5645 - if (value === null || value === undefined) {
5646 - // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
5647 - delete props[key];
5648 - } else {
5649 - props[key] = value;
5650 - }
5651 - });
5652 - return props;
5653 -};
5654 -const getNonEmptyVariants = style => {
5655 - return style.variants.filter(({
5656 - props,
5657 - custom_css: customCss
5658 - }) => Object.keys(props).length || customCss?.raw);
5659 -};
5660 -const placeholderDefinition = (id, label) => ({
5661 - id,
5662 - type: 'class',
5663 - label,
5664 - variants: []
5665 -});
5666 -
5667 -// Selectors
5668 -const selectData = state => state[SLICE_NAME].data;
5669 -const selectClassLabels = state => state[SLICE_NAME].classLabels;
5670 -const selectFrontendInitialData = state => state[SLICE_NAME].initialData.frontend;
5671 -const selectPreviewInitialData = state => state[SLICE_NAME].initialData.preview;
5672 -const selectOrder = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__createSelector)(selectData, ({
5673 - order
5674 -}) => order);
5675 -const selectGlobalClasses = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__createSelector)(selectData, ({
5676 - items
5677 -}) => items);
5678 -const selectIsDirty = state => state[SLICE_NAME].isDirty;
5679 -const selectOrderedClasses = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__createSelector)(selectData, selectClassLabels, ({
5680 - items,
5681 - order
5682 -}, classLabels) => order.map(id => {
5683 - const loaded = items[id];
5684 - if (loaded) {
5685 - return loaded;
5686 - }
5687 - const label = classLabels[id];
5688 - return label !== undefined ? placeholderDefinition(id, label) : null;
5689 -}).filter(s => s !== null));
5690 -const selectClass = (state, id) => state[SLICE_NAME].data.items[id] ?? null;
5691 -const selectEmptyCssClass = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__createSelector)(selectData, ({
5692 - items
5693 -}) => Object.values(items).filter(cssClass => (cssClass.variants?.length ?? 0) === 0));
5694 -const selectIsClassFetched = (state, id) => !!state[SLICE_NAME].initialData.preview.items[id] || !!state[SLICE_NAME].initialData.frontend.items[id] || false;
5695 -
5696 -/***/ }),
5697 -
5698 -/***/ "./packages/packages/core/editor-global-classes/src/sync-with-document-save.ts":
5699 -/*!*************************************************************************************!*\
5700 - !*** ./packages/packages/core/editor-global-classes/src/sync-with-document-save.ts ***!
5701 - \*************************************************************************************/
5702 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5703 -
5704 -__webpack_require__.r(__webpack_exports__);
5705 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5706 -/* harmony export */ syncWithDocumentSave: function() { return /* binding */ syncWithDocumentSave; }
5707 -/* harmony export */ });
5708 -/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
5709 -/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__);
5710 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
5711 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__);
5712 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
5713 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__);
5714 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
5715 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_3__);
5716 -/* harmony import */ var _capabilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./capabilities */ "./packages/packages/core/editor-global-classes/src/capabilities.ts");
5717 -/* harmony import */ var _save_global_classes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./save-global-classes */ "./packages/packages/core/editor-global-classes/src/save-global-classes.tsx");
5718 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-global-classes/src/store.ts");
5719 -
5720 -
5721 -
5722 -
5723 -
5724 -
5725 -
5726 -let pendingSave = null;
5727 -function syncWithDocumentSave(panelActions) {
5728 - const unsubscribe = syncDirtyState();
5729 - bindSaveAction(panelActions);
5730 - bindBeforeSaveTemplateAction();
5731 - return unsubscribe;
5732 -}
5733 -function syncDirtyState() {
5734 - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__subscribeWithSelector)(_store__WEBPACK_IMPORTED_MODULE_6__.selectIsDirty, () => {
5735 - if (!isDirty()) {
5736 - return;
5737 - }
5738 - (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.setDocumentModifiedStatus)(true);
5739 - });
5740 -}
5741 -function triggerSave(panelActions, context = 'preview') {
5742 - const user = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__.getCurrentUser)();
5743 - const canEdit = user?.capabilities.includes(_capabilities__WEBPACK_IMPORTED_MODULE_4__.UPDATE_CLASS_CAPABILITY_KEY);
5744 - if (!canEdit) {
5745 - return null;
5746 - }
5747 - if (pendingSave) {
5748 - return pendingSave;
5749 - }
5750 - const promise = (0,_save_global_classes__WEBPACK_IMPORTED_MODULE_5__.saveGlobalClasses)({
5751 - context,
5752 - onApprove: panelActions?.open
5753 - });
5754 - pendingSave = promise;
5755 - promise.finally(() => {
5756 - pendingSave = null;
5757 - });
5758 - return promise;
5759 -}
5760 -function bindSaveAction(panelActions) {
5761 - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.registerDataHook)('dependency', 'document/save/save', args => {
5762 - triggerSave(panelActions, args.status === 'publish' ? 'frontend' : 'preview');
5763 - return true;
5764 - });
5765 -}
5766 -function bindBeforeSaveTemplateAction() {
5767 - window.addEventListener('elementor/global-styles/before-save', event => {
5768 - if (!pendingSave && isDirty()) {
5769 - triggerSave();
5770 - }
5771 - if (pendingSave) {
5772 - event.detail.promises.push(pendingSave);
5773 - }
5774 - });
5775 -}
5776 -function isDirty() {
5777 - return (0,_store__WEBPACK_IMPORTED_MODULE_6__.selectIsDirty)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__getState)());
5778 -}
5779 -
5780 -/***/ }),
5781 -
5782 -/***/ "./packages/packages/core/editor-global-classes/src/sync-with-document.tsx":
5783 -/*!*********************************************************************************!*\
5784 - !*** ./packages/packages/core/editor-global-classes/src/sync-with-document.tsx ***!
5785 - \*********************************************************************************/
5786 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5787 -
5788 -__webpack_require__.r(__webpack_exports__);
5789 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5790 -/* harmony export */ SyncWithDocumentSave: function() { return /* binding */ SyncWithDocumentSave; }
5791 -/* harmony export */ });
5792 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5793 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5794 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
5795 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
5796 -/* harmony import */ var _sync_with_document_save__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sync-with-document-save */ "./packages/packages/core/editor-global-classes/src/sync-with-document-save.ts");
5797 -
5798 -
5799 -
5800 -function SyncWithDocumentSave() {
5801 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
5802 - const unsubscribe = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.v1ReadyEvent)(), () => {
5803 - const open = () => {
5804 - window.dispatchEvent(new CustomEvent('elementor/open-global-classes-manager'));
5805 - };
5806 - (0,_sync_with_document_save__WEBPACK_IMPORTED_MODULE_2__.syncWithDocumentSave)({
5807 - open
5808 - });
5809 - });
5810 - return unsubscribe;
5811 - }, []);
5812 - return null;
5813 -}
5814 -
5815 -/***/ }),
5816 -
5817 -/***/ "./packages/packages/core/editor-global-classes/src/utils/create-labels-for-classes.ts":
5818 -/*!*********************************************************************************************!*\
5819 - !*** ./packages/packages/core/editor-global-classes/src/utils/create-labels-for-classes.ts ***!
5820 - \*********************************************************************************************/
5821 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5822 -
5823 -__webpack_require__.r(__webpack_exports__);
5824 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5825 -/* harmony export */ createLabelsForClasses: function() { return /* binding */ createLabelsForClasses; }
5826 -/* harmony export */ });
5827 -function createLabelsForClasses(entries) {
5828 - return Object.fromEntries(entries.map(e => [e.id, e.label]));
5829 -}
5830 -
5831 -/***/ }),
5832 -
5833 -/***/ "./packages/packages/core/editor-global-classes/src/utils/snapshot-history.ts":
5834 -/*!************************************************************************************!*\
5835 - !*** ./packages/packages/core/editor-global-classes/src/utils/snapshot-history.ts ***!
5836 - \************************************************************************************/
5837 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5838 -
5839 -__webpack_require__.r(__webpack_exports__);
5840 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5841 -/* harmony export */ SnapshotHistory: function() { return /* binding */ SnapshotHistory; }
5842 -/* harmony export */ });
5843 -function createLink({
5844 - value,
5845 - next,
5846 - prev
5847 -}) {
5848 - return {
5849 - value,
5850 - prev: prev || null,
5851 - next: next || null
5852 - };
5853 -}
5854 -class SnapshotHistory {
5855 - static registry = {};
5856 - static get(namespace) {
5857 - if (!SnapshotHistory.registry[namespace]) {
5858 - SnapshotHistory.registry[namespace] = new SnapshotHistory(namespace);
5859 - }
5860 - return SnapshotHistory.registry[namespace];
5861 - }
5862 - first = null;
5863 - current = null;
5864 - constructor(namespace) {
5865 - this.namespace = namespace;
5866 - }
5867 - transform(item) {
5868 - return JSON.parse(JSON.stringify(item));
5869 - }
5870 - reset() {
5871 - this.first = this.current = null;
5872 - }
5873 - prev() {
5874 - if (!this.current || this.current === this.first) {
5875 - return null;
5876 - }
5877 - this.current = this.current.prev;
5878 - return this.current?.value || null;
5879 - }
5880 - isLast() {
5881 - return !this.current || !this.current.next;
5882 - }
5883 - next(value) {
5884 - if (value) {
5885 - if (!this.current) {
5886 - this.first = createLink({
5887 - value: this.transform(value)
5888 - });
5889 - this.current = this.first;
5890 - return this.current.value;
5891 - }
5892 - const nextLink = createLink({
5893 - value: this.transform(value),
5894 - prev: this.current
5895 - });
5896 - this.current.next = nextLink;
5897 - this.current = nextLink;
5898 - return this.current.value;
5899 - }
5900 -
5901 - // No value skip to next without setting any
5902 - if (!this.current || !this.current.next) {
5903 - return null;
5904 - }
5905 - this.current = this.current.next;
5906 - return this.current.value;
5907 - }
5908 -}
5909 -
5910 -/***/ }),
5911 -
5912 -/***/ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts":
5913 -/*!****************************************************************************!*\
5914 - !*** ./packages/packages/core/editor-global-classes/src/utils/tracking.ts ***!
5915 - \****************************************************************************/
5916 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5917 -
5918 -__webpack_require__.r(__webpack_exports__);
5919 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5920 -/* harmony export */ trackGlobalClasses: function() { return /* binding */ trackGlobalClasses; }
5921 -/* harmony export */ });
5922 -/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/events */ "@elementor/events");
5923 -/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__WEBPACK_IMPORTED_MODULE_0__);
5924 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
5925 -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
5926 -/* harmony import */ var _service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../service/css-class-usage-service */ "./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts");
5927 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-global-classes/src/errors.ts");
5928 -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-global-classes/src/store.ts");
5929 -
5930 -
5931 -
5932 -
5933 -
5934 -const trackGlobalClasses = async payload => {
5935 - const {
5936 - runAction
5937 - } = payload;
5938 - const data = await getSanitizedData(payload);
5939 - if (data) {
5940 - track(data);
5941 - if (data.event === 'classCreated' && 'classId' in data) {
5942 - fireClassApplied(data.classId);
5943 - }
5944 - }
5945 - runAction?.();
5946 -};
5947 -const fireClassApplied = async classId => {
5948 - const appliedInfo = await getAppliedInfo(classId);
5949 - track({
5950 - event: 'classApplied',
5951 - classId,
5952 - ...appliedInfo,
5953 - totalInstancesAfterApply: 1
5954 - });
5955 -};
5956 -const getSanitizedData = async payload => {
5957 - switch (payload.event) {
5958 - case 'classApplied':
5959 - if ('classId' in payload && payload.classId) {
5960 - const appliedInfo = await getAppliedInfo(payload.classId);
5961 - return {
5962 - ...payload,
5963 - ...appliedInfo
5964 - };
5965 - }
5966 - break;
5967 - case 'classRemoved':
5968 - if ('classId' in payload && payload.classId) {
5969 - const deleteInfo = getRemovedInfo(payload.classId);
5970 - return {
5971 - ...payload,
5972 - ...deleteInfo
5973 - };
5974 - }
5975 - break;
5976 - case 'classDeleted':
5977 - if ('classId' in payload && payload.classId) {
5978 - const deleteInfo = await trackDeleteClass(payload.classId);
5979 - return {
5980 - ...payload,
5981 - ...deleteInfo
5982 - };
5983 - }
5984 - break;
5985 - case 'classCreated':
5986 - if ('source' in payload && payload.source !== 'created') {
5987 - if ('classId' in payload && payload.classId) {
5988 - return {
5989 - ...payload,
5990 - classTitle: getCssClass(payload.classId).label
5991 - };
5992 - }
5993 - }
5994 - return payload;
5995 - case 'classStateClicked':
5996 - if ('classId' in payload && payload.classId) {
5997 - return {
5998 - ...payload,
5999 - classTitle: getCssClass(payload.classId).label
6000 - };
6001 - }
6002 - break;
6003 - case 'classSyncToV3PopupShown':
6004 - return {
6005 - ...payload,
6006 - interaction_type: 'popup_shown',
6007 - target_type: 'popup',
6008 - target_name: 'sync_to_v3_popup',
6009 - interaction_result: 'popup_viewed',
6010 - target_location: 'widget_panel',
6011 - location_l1: 'class_manager'
6012 - };
6013 - case 'classSyncToV3':
6014 - {
6015 - const classLabel = getCssClass(payload.classId).label;
6016 - const isSync = payload.action === 'sync';
6017 - return {
6018 - ...payload,
6019 - interaction_type: 'click',
6020 - target_type: classLabel,
6021 - target_name: isSync ? 'sync_to_v3' : 'unsync_to_v3',
6022 - interaction_result: isSync ? 'class_is_synced_to_V3' : 'class_is_unsynced_from_V3',
6023 - target_location: 'widget_panel',
6024 - location_l1: 'class_manager',
6025 - interaction_description: isSync ? `user_synced_${classLabel}_to_v3` : `user_unsync_${classLabel}_from_v3`
6026 - };
6027 - }
6028 - case 'classSyncToV3PopupClick':
6029 - {
6030 - const isSyncAction = payload.action === 'sync';
6031 - return {
6032 - ...payload,
6033 - interaction_type: 'click',
6034 - target_type: 'button',
6035 - target_name: isSyncAction ? 'sync_to_v3' : 'cancel',
6036 - interaction_result: isSyncAction ? 'class_is_synced' : 'cancel',
6037 - target_location: 'sync_to_v3_popup'
6038 - };
6039 - }
6040 - default:
6041 - return payload;
6042 - }
6043 -};
6044 -const track = data => {
6045 - const {
6046 - dispatchEvent,
6047 - config
6048 - } = (0,_elementor_events__WEBPACK_IMPORTED_MODULE_0__.getMixpanel)();
6049 - if (!config?.names?.global_classes?.[data.event]) {
6050 - // eslint-disable-next-line no-console
6051 - console.error('Global class tracking event not found', {
6052 - event: data.event
6053 - });
6054 - return;
6055 - }
6056 - const name = config.names.global_classes[data.event];
6057 - const {
6058 - event,
6059 - ...eventData
6060 - } = data;
6061 - try {
6062 - dispatchEvent?.(name, {
6063 - event,
6064 - ...eventData
6065 - });
6066 - } catch (error) {
6067 - throw new _errors__WEBPACK_IMPORTED_MODULE_3__.GlobalClassTrackingError({
6068 - cause: error
6069 - });
6070 - }
6071 -};
6072 -const extractCssClassData = classId => {
6073 - const cssClass = getCssClass(classId);
6074 - const classTitle = cssClass.label;
6075 - return {
6076 - classTitle
6077 - };
6078 -};
6079 -const getCssClass = classId => {
6080 - const state = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__getState)();
6081 - const cssClass = (0,_store__WEBPACK_IMPORTED_MODULE_4__.selectClass)(state, classId);
6082 - if (cssClass) {
6083 - return cssClass;
6084 - }
6085 - const label = (0,_store__WEBPACK_IMPORTED_MODULE_4__.selectClassLabels)(state)[classId];
6086 - if (label !== undefined) {
6087 - return (0,_store__WEBPACK_IMPORTED_MODULE_4__.placeholderDefinition)(classId, label);
6088 - }
6089 - throw new Error(`CSS class with ID ${classId} not found`);
6090 -};
6091 -const trackDeleteClass = async classId => {
6092 - const classTitle = getCssClass(classId).label;
6093 - const totalInstances = await getTotalInstancesByCssClassID(classId);
6094 - return {
6095 - totalInstances,
6096 - classTitle
6097 - };
6098 -};
6099 -const getTotalInstancesByCssClassID = async classId => {
6100 - const cssClassUsage = await (0,_service_css_class_usage_service__WEBPACK_IMPORTED_MODULE_2__.fetchCssClassUsage)();
6101 - return cssClassUsage[classId]?.total ?? 1;
6102 -};
6103 -const getAppliedInfo = async classId => {
6104 - const {
6105 - classTitle
6106 - } = extractCssClassData(classId);
6107 - const totalInstancesAfterApply = (await getTotalInstancesByCssClassID(classId)) + 1;
6108 - return {
6109 - classTitle,
6110 - totalInstancesAfterApply
6111 - };
6112 -};
6113 -const getRemovedInfo = classId => {
6114 - const {
6115 - classTitle
6116 - } = extractCssClassData(classId);
6117 - return {
6118 - classTitle
6119 - };
6120 -};
6121 -
6122 -/***/ }),
6123 -
6124 -/***/ "@elementor/editor":
6125 -/*!*****************************************!*\
6126 - !*** external ["elementorV2","editor"] ***!
6127 - \*****************************************/
6128 -/***/ (function(module) {
6129 -
6130 -module.exports = window["elementorV2"]["editor"];
6131 -
6132 -/***/ }),
6133 -
6134 -/***/ "@elementor/editor-canvas":
6135 -/*!***********************************************!*\
6136 - !*** external ["elementorV2","editorCanvas"] ***!
6137 - \***********************************************/
6138 -/***/ (function(module) {
6139 -
6140 -module.exports = window["elementorV2"]["editorCanvas"];
6141 -
6142 -/***/ }),
6143 -
6144 -/***/ "@elementor/editor-current-user":
6145 -/*!****************************************************!*\
6146 - !*** external ["elementorV2","editorCurrentUser"] ***!
6147 - \****************************************************/
6148 -/***/ (function(module) {
6149 -
6150 -module.exports = window["elementorV2"]["editorCurrentUser"];
6151 -
6152 -/***/ }),
6153 -
6154 -/***/ "@elementor/editor-documents":
6155 -/*!**************************************************!*\
6156 - !*** external ["elementorV2","editorDocuments"] ***!
6157 - \**************************************************/
6158 -/***/ (function(module) {
6159 -
6160 -module.exports = window["elementorV2"]["editorDocuments"];
6161 -
6162 -/***/ }),
6163 -
6164 -/***/ "@elementor/editor-editing-panel":
6165 -/*!*****************************************************!*\
6166 - !*** external ["elementorV2","editorEditingPanel"] ***!
6167 - \*****************************************************/
6168 -/***/ (function(module) {
6169 -
6170 -module.exports = window["elementorV2"]["editorEditingPanel"];
6171 -
6172 -/***/ }),
6173 -
6174 -/***/ "@elementor/editor-embedded-documents-manager":
6175 -/*!*****************************************************************!*\
6176 - !*** external ["elementorV2","editorEmbeddedDocumentsManager"] ***!
6177 - \*****************************************************************/
6178 -/***/ (function(module) {
6179 -
6180 -module.exports = window["elementorV2"]["editorEmbeddedDocumentsManager"];
6181 -
6182 -/***/ }),
6183 -
6184 -/***/ "@elementor/editor-mcp":
6185 -/*!********************************************!*\
6186 - !*** external ["elementorV2","editorMcp"] ***!
6187 - \********************************************/
6188 -/***/ (function(module) {
6189 -
6190 -module.exports = window["elementorV2"]["editorMcp"];
6191 -
6192 -/***/ }),
6193 -
6194 -/***/ "@elementor/editor-panels":
6195 -/*!***********************************************!*\
6196 - !*** external ["elementorV2","editorPanels"] ***!
6197 - \***********************************************/
6198 -/***/ (function(module) {
6199 -
6200 -module.exports = window["elementorV2"]["editorPanels"];
6201 -
6202 -/***/ }),
6203 -
6204 -/***/ "@elementor/editor-styles":
6205 -/*!***********************************************!*\
6206 - !*** external ["elementorV2","editorStyles"] ***!
6207 - \***********************************************/
6208 -/***/ (function(module) {
6209 -
6210 -module.exports = window["elementorV2"]["editorStyles"];
6211 -
6212 -/***/ }),
6213 -
6214 -/***/ "@elementor/editor-styles-repository":
6215 -/*!*********************************************************!*\
6216 - !*** external ["elementorV2","editorStylesRepository"] ***!
6217 - \*********************************************************/
6218 -/***/ (function(module) {
6219 -
6220 -module.exports = window["elementorV2"]["editorStylesRepository"];
6221 -
6222 -/***/ }),
6223 -
6224 -/***/ "@elementor/editor-ui":
6225 -/*!*******************************************!*\
6226 - !*** external ["elementorV2","editorUi"] ***!
6227 - \*******************************************/
6228 -/***/ (function(module) {
6229 -
6230 -module.exports = window["elementorV2"]["editorUi"];
6231 -
6232 -/***/ }),
6233 -
6234 -/***/ "@elementor/editor-v1-adapters":
6235 -/*!***************************************************!*\
6236 - !*** external ["elementorV2","editorV1Adapters"] ***!
6237 - \***************************************************/
6238 -/***/ (function(module) {
6239 -
6240 -module.exports = window["elementorV2"]["editorV1Adapters"];
6241 -
6242 -/***/ }),
6243 -
6244 -/***/ "@elementor/events":
6245 -/*!*****************************************!*\
6246 - !*** external ["elementorV2","events"] ***!
6247 - \*****************************************/
6248 -/***/ (function(module) {
6249 -
6250 -module.exports = window["elementorV2"]["events"];
6251 -
6252 -/***/ }),
6253 -
6254 -/***/ "@elementor/http-client":
6255 -/*!*********************************************!*\
6256 - !*** external ["elementorV2","httpClient"] ***!
6257 - \*********************************************/
6258 -/***/ (function(module) {
6259 -
6260 -module.exports = window["elementorV2"]["httpClient"];
6261 -
6262 -/***/ }),
6263 -
6264 -/***/ "@elementor/icons":
6265 -/*!****************************************!*\
6266 - !*** external ["elementorV2","icons"] ***!
6267 - \****************************************/
6268 -/***/ (function(module) {
6269 -
6270 -module.exports = window["elementorV2"]["icons"];
6271 -
6272 -/***/ }),
6273 -
6274 -/***/ "@elementor/query":
6275 -/*!****************************************!*\
6276 - !*** external ["elementorV2","query"] ***!
6277 - \****************************************/
6278 -/***/ (function(module) {
6279 -
6280 -module.exports = window["elementorV2"]["query"];
6281 -
6282 -/***/ }),
6283 -
6284 -/***/ "@elementor/schema":
6285 -/*!*****************************************!*\
6286 - !*** external ["elementorV2","schema"] ***!
6287 - \*****************************************/
6288 -/***/ (function(module) {
6289 -
6290 -module.exports = window["elementorV2"]["schema"];
6291 -
6292 -/***/ }),
6293 -
6294 -/***/ "@elementor/store":
6295 -/*!****************************************!*\
6296 - !*** external ["elementorV2","store"] ***!
6297 - \****************************************/
6298 -/***/ (function(module) {
6299 -
6300 -module.exports = window["elementorV2"]["store"];
6301 -
6302 -/***/ }),
6303 -
6304 -/***/ "@elementor/ui":
6305 -/*!*************************************!*\
6306 - !*** external ["elementorV2","ui"] ***!
6307 - \*************************************/
6308 -/***/ (function(module) {
6309 -
6310 -module.exports = window["elementorV2"]["ui"];
6311 -
6312 -/***/ }),
6313 -
6314 -/***/ "@elementor/utils":
6315 -/*!****************************************!*\
6316 - !*** external ["elementorV2","utils"] ***!
6317 - \****************************************/
6318 -/***/ (function(module) {
6319 -
6320 -module.exports = window["elementorV2"]["utils"];
6321 -
6322 -/***/ }),
6323 -
6324 -/***/ "@wordpress/i18n":
6325 -/*!******************************!*\
6326 - !*** external ["wp","i18n"] ***!
6327 - \******************************/
6328 -/***/ (function(module) {
6329 -
6330 -module.exports = window["wp"]["i18n"];
6331 -
6332 -/***/ }),
6333 -
6334 -/***/ "react":
6335 -/*!**************************!*\
6336 - !*** external ["React"] ***!
6337 - \**************************/
6338 -/***/ (function(module) {
6339 -
6340 -module.exports = window["React"];
6341 -
6342 -/***/ }),
6343 -
6344 -/***/ "react-dom":
6345 -/*!*****************************!*\
6346 - !*** external ["ReactDOM"] ***!
6347 - \*****************************/
6348 -/***/ (function(module) {
6349 -
6350 -module.exports = window["ReactDOM"];
6351 -
6352 -/***/ })
6353 -
6354 -/******/ });
6355 -/************************************************************************/
6356 -/******/ // The module cache
6357 -/******/ var __webpack_module_cache__ = {};
6358 -/******/
6359 -/******/ // The require function
6360 -/******/ function __webpack_require__(moduleId) {
6361 -/******/ // Check if module is in cache
6362 -/******/ var cachedModule = __webpack_module_cache__[moduleId];
6363 -/******/ if (cachedModule !== undefined) {
6364 -/******/ return cachedModule.exports;
6365 -/******/ }
6366 -/******/ // Create a new module (and put it into the cache)
6367 -/******/ var module = __webpack_module_cache__[moduleId] = {
6368 -/******/ // no module.id needed
6369 -/******/ // no module.loaded needed
6370 -/******/ exports: {}
6371 -/******/ };
6372 -/******/
6373 -/******/ // Execute the module function
6374 -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
6375 -/******/
6376 -/******/ // Return the exports of the module
6377 -/******/ return module.exports;
6378 -/******/ }
6379 -/******/
6380 -/************************************************************************/
6381 -/******/ /* webpack/runtime/compat get default export */
6382 -/******/ !function() {
6383 -/******/ // getDefaultExport function for compatibility with non-harmony modules
6384 -/******/ __webpack_require__.n = function(module) {
6385 -/******/ var getter = module && module.__esModule ?
6386 -/******/ function() { return module['default']; } :
6387 -/******/ function() { return module; };
6388 -/******/ __webpack_require__.d(getter, { a: getter });
6389 -/******/ return getter;
6390 -/******/ };
6391 -/******/ }();
6392 -/******/
6393 -/******/ /* webpack/runtime/define property getters */
6394 -/******/ !function() {
6395 -/******/ // define getter functions for harmony exports
6396 -/******/ __webpack_require__.d = function(exports, definition) {
6397 -/******/ for(var key in definition) {
6398 -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
6399 -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
6400 -/******/ }
6401 -/******/ }
6402 -/******/ };
6403 -/******/ }();
6404 -/******/
6405 -/******/ /* webpack/runtime/hasOwnProperty shorthand */
6406 -/******/ !function() {
6407 -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
6408 -/******/ }();
6409 -/******/
6410 -/******/ /* webpack/runtime/make namespace object */
6411 -/******/ !function() {
6412 -/******/ // define __esModule on exports
6413 -/******/ __webpack_require__.r = function(exports) {
6414 -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
6415 -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
6416 -/******/ }
6417 -/******/ Object.defineProperty(exports, '__esModule', { value: true });
6418 -/******/ };
6419 -/******/ }();
6420 -/******/
6421 -/************************************************************************/
6422 -var __webpack_exports__ = {};
6423 -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
6424 -!function() {
6425 -/*!*******************************************************************!*\
6426 - !*** ./packages/packages/core/editor-global-classes/src/index.ts ***!
6427 - \*******************************************************************/
6428 -__webpack_require__.r(__webpack_exports__);
6429 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6430 -/* harmony export */ ClassManagerPanelEmbedded: function() { return /* reexport safe */ _components_class_manager_class_manager_panel__WEBPACK_IMPORTED_MODULE_0__.ClassManagerPanelEmbedded; },
6431 -/* harmony export */ GLOBAL_CLASSES_URI: function() { return /* reexport safe */ _mcp_integration_classes_resource__WEBPACK_IMPORTED_MODULE_1__.GLOBAL_CLASSES_URI; },
6432 -/* harmony export */ addDocumentClasses: function() { return /* reexport safe */ _load_document_classes__WEBPACK_IMPORTED_MODULE_4__.addDocumentClasses; },
6433 -/* harmony export */ createLabelsForClasses: function() { return /* reexport safe */ _utils_create_labels_for_classes__WEBPACK_IMPORTED_MODULE_5__.createLabelsForClasses; },
6434 -/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_2__.init; },
6435 -/* harmony export */ loadExistingClasses: function() { return /* reexport safe */ _load_existing_classes__WEBPACK_IMPORTED_MODULE_3__.loadExistingClasses; },
6436 -/* harmony export */ trackGlobalClasses: function() { return /* reexport safe */ _utils_tracking__WEBPACK_IMPORTED_MODULE_6__.trackGlobalClasses; }
6437 -/* harmony export */ });
6438 -/* harmony import */ var _components_class_manager_class_manager_panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/class-manager/class-manager-panel */ "./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx");
6439 -/* harmony import */ var _mcp_integration_classes_resource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mcp-integration/classes-resource */ "./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts");
6440 -/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-global-classes/src/init.ts");
6441 -/* harmony import */ var _load_existing_classes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./load-existing-classes */ "./packages/packages/core/editor-global-classes/src/load-existing-classes.ts");
6442 -/* harmony import */ var _load_document_classes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./load-document-classes */ "./packages/packages/core/editor-global-classes/src/load-document-classes.ts");
6443 -/* harmony import */ var _utils_create_labels_for_classes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/create-labels-for-classes */ "./packages/packages/core/editor-global-classes/src/utils/create-labels-for-classes.ts");
6444 -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-global-classes/src/utils/tracking.ts");
6445 -
6446 -
6447 -
6448 -
6449 -
6450 -
6451 -
6452 -}();
6453 -(window.elementorV2 = window.elementorV2 || {}).editorGlobalClasses = __webpack_exports__;
6454 -/******/ })()
6455 -;
6456 -window.elementorV2.editorGlobalClasses?.init?.();
5 + background-color: ${({theme:e})=>e.palette.text.primary};
6 +`},"./packages/packages/core/editor-global-classes/src/components/convert-local-class-to-global-class.tsx":function(e,s,t){t.r(s),t.d(s,{ConvertLocalClassToGlobalClass:function(){return ConvertLocalClassToGlobalClass}});var a=t("react"),r=t("@elementor/editor-styles-repository"),o=t("@elementor/editor-ui"),n=t("@elementor/ui"),l=t("@wordpress/i18n"),c=t("./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts"),i=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts");const ConvertLocalClassToGlobalClass=e=>{const s=e.styleDef;return a.createElement(a.Fragment,null,a.createElement(o.MenuListItem,{disabled:!e.canConvert,onClick:()=>{const t=function createClassName(e){let s=1,t=`${e}${s}`;for(;!(0,r.validateStyleLabel)(t,"create").isValid;)t=`${e}${++s}`;return t}("converted-class-");if(!s)throw new Error("Style definition is required for converting local class to global class.");const a=c.globalClassesStylesProvider.actions.create?.(t,s.variants);a&&(e.successCallback(a),(0,i.trackGlobalClasses)({classId:a,event:"classCreated",source:"converted",classTitle:t}))},dense:!0,sx:{"&.Mui-focusVisible":{border:"none",boxShadow:"none !important",backgroundColor:"transparent"}}},(0,l.__)("Convert to global class","elementor")),a.createElement(n.Divider,null))}},"./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx":function(e,s,t){t.r(s),t.d(s,{CssClassUsagePopover:function(){return CssClassUsagePopover}});var a=t("react"),r=t("@elementor/editor-documents"),o=t("@elementor/editor-ui"),n=t("@elementor/icons"),l=t("@elementor/ui"),c=t("@wordpress/i18n"),i=t("./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts"),d=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts");const p={"wp-post":{label:(0,c.__)("Post","elementor"),icon:a.createElement(n.PostTypeIcon,{fontSize:"inherit"})},"wp-page":{label:(0,c.__)("Page","elementor"),icon:a.createElement(n.PagesIcon,{fontSize:"inherit"})},popup:{label:(0,c.__)("Popup","elementor"),icon:a.createElement(n.PopupTemplateIcon,{fontSize:"inherit"})},header:{label:(0,c.__)("Header","elementor"),icon:a.createElement(n.HeaderTemplateIcon,{fontSize:"inherit"})},footer:{label:(0,c.__)("Footer","elementor"),icon:a.createElement(n.FooterTemplateIcon,{fontSize:"inherit"})}},CssClassUsagePopover=({cssClassID:e,onClose:s})=>{const{data:t}=(0,i.useCssClassUsageByID)(e),g=(0,r.__useOpenDocumentInNewTab)(),m=t?.content.map(({title:e,elements:s,pageId:t,type:a})=>({type:"item",value:t,label:e,secondaryText:s.length.toString(),docType:a}))??[];return a.createElement(a.Fragment,null,a.createElement(o.PopoverHeader,{icon:a.createElement(n.CurrentLocationIcon,{fontSize:"tiny"}),title:a.createElement(l.Stack,{flexDirection:"row",gap:1,alignItems:"center"},a.createElement(l.Box,{"aria-label":"header-title"},(0,c.__)("Locator","elementor")),a.createElement(l.Box,null,a.createElement(l.Chip,{sx:{lineHeight:1},size:"tiny",label:t.total}))),onClose:s}),a.createElement(l.Divider,null),a.createElement(o.PopoverBody,{width:300},a.createElement(o.PopoverMenuList,{onSelect:s=>{g(+s),(0,d.trackGlobalClasses)({event:"classUsageLocate",classId:e})},items:m,onClose:()=>{},menuListTemplate:u,menuItemContentTemplate:e=>a.createElement(l.Stack,{flexDirection:"row",flex:1,alignItems:"center"},a.createElement(l.Box,{display:"flex",sx:{pr:1}},a.createElement(l.Tooltip,{disableInteractive:!0,title:p?.[e.docType]?.label??e.docType,placement:"top"},a.createElement(l.Icon,{fontSize:"small"},p?.[e.docType]?.icon||a.createElement(n.PagesIcon,{fontSize:"inherit"})))),a.createElement(l.Box,{sx:{pr:.5,maxWidth:"173px"},display:"flex"},a.createElement(o.EllipsisWithTooltip,{title:e.label,as:l.Typography,variant:"caption",maxWidth:"173px",sx:{lineHeight:1}})),a.createElement(n.ExternalLinkIcon,{className:"hover-only-icon",fontSize:"tiny"}),a.createElement(l.Chip,{sx:{ml:"auto"},size:"tiny",label:e.secondaryText}))})))},u=(0,l.styled)(l.MenuList)(({theme:e})=>({"& > li":{display:"flex",cursor:"pointer",height:32,width:"100%"},'& > [role="option"]':{...e.typography.caption,lineHeight:"inherit",padding:e.spacing(.5,1,.5,2),textOverflow:"ellipsis",position:"absolute",top:0,left:0,opacity:1,".hover-only-icon":{color:e.palette.text.disabled,opacity:0},"&:hover":{borderRadius:e.spacing(.5),backgroundColor:e.palette.action.hover,".hover-only-icon":{color:e.palette.text.disabled,opacity:1}}},width:"100%",position:"relative"}))},"./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-trigger.tsx":function(e,s,t){t.r(s),t.d(s,{CssClassUsageTrigger:function(){return CssClassUsageTrigger}});var a=t("react"),r=t("@elementor/editor-ui"),o=t("@elementor/icons"),n=t("@elementor/ui"),l=t("@wordpress/i18n"),c=t("./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts"),i=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),d=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const CssClassUsageTrigger=({id:e,onClick:s})=>{const{data:{total:t},isLoading:r}=(0,c.useCssClassUsageByID)(e),l=(0,n.usePopupState)({variant:"popover",popupId:"css-class-usage-popover"});if(r)return null;const u=0!==t?TooltipWrapper:InfoAlertMessage;return a.createElement(a.Fragment,null,a.createElement(n.Box,{position:"relative",onMouseEnter:()=>{(0,i.trackGlobalClasses)({event:"classUsageHovered",classId:e,usage:t})}},a.createElement(u,{total:t},a.createElement(p,_extends({disabled:0===t,size:"tiny"},(0,n.bindTrigger)(l),{onClick:a=>{0!==t&&((0,n.bindTrigger)(l).onClick(a),s(e),(0,i.trackGlobalClasses)({event:"classUsageClicked",classId:e}))}}),a.createElement(o.CurrentLocationIcon,{fontSize:"tiny"})))),a.createElement(n.Box,null,a.createElement(n.Popover,_extends({anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:15,horizontal:-50}},(0,n.bindPopover)(l),{onClose:()=>{(0,n.bindPopover)(l).onClose(),s("")}}),a.createElement(d.CssClassUsagePopover,{onClose:l.close,"aria-label":"css-class-usage-popover",cssClassID:e}))))},p=(0,n.styled)(n.IconButton)(({theme:e})=>({"&.Mui-disabled":{pointerEvents:"auto","&:hover":{color:e.palette.action.disabled}},height:"22px",width:"22px"})),TooltipWrapper=({children:e,total:s})=>a.createElement(n.Tooltip,{disableInteractive:!0,placement:"top",title:`${(0,l.__)("Show {{number}} {{locations}}","elementor").replace("{{number}}",s.toString()).replace("{{locations}}",1===s?(0,l.__)("location","elementor"):(0,l.__)("locations","elementor"))}`},a.createElement("span",null,e)),InfoAlertMessage=({children:e})=>a.createElement(n.Infotip,{disableInteractive:!0,placement:"top",color:"secondary",content:a.createElement(r.InfoAlert,{sx:{mt:1}},(0,l.__)("This class isn’t being used yet.","elementor"))},a.createElement("span",null,e))},"./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/index.ts":function(e,s,t){t.r(s),t.d(s,{CssClassUsagePopover:function(){return a.CssClassUsagePopover},CssClassUsageTrigger:function(){return r.CssClassUsageTrigger}});var a=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-popover.tsx"),r=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/components/css-class-usage-trigger.tsx")},"./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts":function(e,s,t){t.r(s),t.d(s,{QUERY_KEY:function(){return a}});const a="css-classes-usage"},"./packages/packages/core/editor-global-classes/src/components/css-class-usage/utils.ts":function(e,s,t){t.r(s),t.d(s,{transformData:function(){return transformData}});const transformData=e=>Object.entries(e).reduce((e,[s,t])=>(e[s]={content:t||[],total:t.reduce((e,s)=>e+(s?.total||0),0)},e),{})},"./packages/packages/core/editor-global-classes/src/components/populate-store.tsx":function(e,s,t){t.r(s),t.d(s,{PopulateStore:function(){return PopulateStore}});var a=t("react"),r=t("@elementor/store"),o=t("./packages/packages/core/editor-global-classes/src/api.ts"),n=t("./packages/packages/core/editor-global-classes/src/store.ts");function PopulateStore(){const e=(0,r.__useDispatch)();return(0,a.useEffect)(()=>{Promise.all([o.apiClient.all("preview"),o.apiClient.all("frontend")]).then(([s,t])=>{const{data:a}=s,{data:r}=t;e(n.slice.actions.load({preview:{items:a.data,order:a.meta.order},frontend:{items:r.data,order:r.meta.order}}))})},[e]),null}},"./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/active-filters.tsx":function(e,s,t){t.r(s),t.d(s,{ActiveFilters:function(){return ActiveFilters}});var a=t("react"),r=t("@elementor/ui"),o=t("@wordpress/i18n"),n=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),l=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx"),c=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx"),i=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx");const ActiveFilters=()=>{const{filters:{filters:e,setFilters:s}}=(0,l.useSearchAndFilters)(),t=Object.keys(e).filter(s=>e[s]),p=t.length>0;return a.createElement(r.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between"},a.createElement(r.Stack,{direction:"row",gap:.5,alignItems:"center",flexWrap:"wrap"},t.map(e=>a.createElement(r.Chip,{key:e,label:i.filterConfig[e],onDelete:()=>(e=>{s(s=>({...s,[e]:!1})),(0,n.trackGlobalClasses)({event:"classManagerFilterUsed",action:"remove",type:e,trigger:"header"})})(e),sx:d,size:"tiny"}))),p&&a.createElement(c.ClearIconButton,{trigger:"header",tooltipText:(0,o.__)("Clear Filters","elementor"),sx:{margin:"0 0 auto auto"}}))},d={"& .MuiChip-deleteIcon":{display:"none",transition:"opacity 0.2s"},"&:hover .MuiChip-deleteIcon":{display:"block"}}},"./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx":function(e,s,t){t.r(s),t.d(s,{ClearIconButton:function(){return ClearIconButton}});var a=t("react"),r=t("@elementor/icons"),o=t("@elementor/ui"),n=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),l=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");const ClearIconButton=({tooltipText:e,sx:s,trigger:t})=>{const{filters:{onClearFilter:i}}=(0,l.useSearchAndFilters)();return a.createElement(o.Tooltip,{title:e,placement:"top",disableInteractive:!0},a.createElement(o.Box,null,a.createElement(c,{"aria-label":e,size:"tiny",onClick:()=>{i(t),(0,n.trackGlobalClasses)({event:"classManagerFilterCleared",trigger:t})},sx:s},a.createElement(r.BrushBigIcon,{fontSize:"tiny"}))))},c=(0,o.styled)(o.IconButton)(({theme:e})=>({"&.Mui-disabled":{pointerEvents:"auto","&:hover":{color:e.palette.action.disabled}}}))},"./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/css-class-filter.tsx":function(e,s,t){t.r(s),t.d(s,{CssClassFilter:function(){return CssClassFilter}});var a=t("react"),r=t("@elementor/editor-ui"),o=t("@elementor/icons"),n=t("@elementor/ui"),l=t("@wordpress/i18n"),c=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),i=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx"),d=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/clear-icon-button.tsx"),p=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const CssClassFilter=()=>{const{filters:{filters:e}}=(0,i.useSearchAndFilters)(),s=(0,n.usePopupState)({variant:"popover",disableAutoFocus:!0});a.useEffect(()=>{s.isOpen&&(0,c.trackGlobalClasses)({event:"classManagerFiltersOpened"})},[s.isOpen]);const t=Object.values(e).some(e=>e);return a.createElement(a.Fragment,null,a.createElement(n.Tooltip,{title:(0,l.__)("Filters","elementor"),placement:"top"},a.createElement(n.ToggleButton,_extends({value:"filter",size:"tiny",selected:s.isOpen},(0,n.bindToggle)(s)),a.createElement(o.FilterIcon,{fontSize:"tiny"}))),a.createElement(n.Popover,_extends({sx:{maxWidth:"344px"},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-21}},(0,n.bindPopover)(s)),a.createElement(r.PopoverHeader,{actions:t?[a.createElement(d.ClearIconButton,{trigger:"menu",key:"clear-all-button",tooltipText:(0,l.__)("Clear all","elementor")})]:[],onClose:s.close,title:(0,l.__)("Filters","elementor"),icon:a.createElement(o.FilterIcon,{fontSize:"tiny"})}),a.createElement(n.Divider,{sx:{borderWidth:"1px 0 0 0"}}),a.createElement(r.PopoverBody,{width:344,height:125},a.createElement(p.FilterList,null))))}},"./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/filter/filter-list.tsx":function(e,s,t){t.r(s),t.d(s,{FilterList:function(){return FilterList},filterConfig:function(){return i}});var a=t("react"),r=t("@elementor/ui"),o=t("@wordpress/i18n"),n=t("./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx"),l=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),c=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");const i={unused:(0,o.__)("Unused","elementor"),empty:(0,o.__)("Empty","elementor"),onThisPage:(0,o.__)("On this page","elementor")},FilterList=()=>{const{filters:{filters:e,setFilters:s}}=(0,c.useSearchAndFilters)(),t=(0,n.useFilteredCssClassUsage)(),handleOnClick=t=>{s(e=>({...e,[t]:!e[t]})),(0,l.trackGlobalClasses)({event:"classManagerFilterUsed",action:e[t]?"remove":"apply",type:t,trigger:"menu"})};return a.createElement(r.MenuList,null,a.createElement(r.MenuItem,{onClick:()=>handleOnClick("unused")},a.createElement(LabeledCheckbox,{label:i.unused,checked:e.unused,suffix:a.createElement(r.Chip,{size:"tiny",sx:{ml:"auto"},label:t.unused.length})})),a.createElement(r.MenuItem,{onClick:()=>handleOnClick("empty")},a.createElement(LabeledCheckbox,{label:i.empty,checked:e.empty,suffix:a.createElement(r.Chip,{size:"tiny",sx:{ml:"auto"},label:t.empty.length})})),a.createElement(r.MenuItem,{onClick:()=>handleOnClick("onThisPage")},a.createElement(LabeledCheckbox,{label:i.onThisPage,checked:e.onThisPage,suffix:a.createElement(r.Chip,{size:"tiny",sx:{ml:"auto"},label:t.onThisPage.length})})))},LabeledCheckbox=({label:e,suffix:s,checked:t})=>a.createElement(r.Stack,{direction:"row",alignItems:"center",gap:.5,flex:1},a.createElement(r.Checkbox,{size:"small",checked:t,sx:{padding:0,color:"text.tertiary","&.Mui-checked":{color:"text.tertiary"}}}),a.createElement(r.Typography,{variant:"caption",sx:{color:"text.secondary"}},e),s)},"./packages/packages/core/editor-global-classes/src/components/search-and-filter/components/search/class-manager-search.tsx":function(e,s,t){t.r(s),t.d(s,{ClassManagerSearch:function(){return ClassManagerSearch}});var a=t("react"),r=t("@elementor/icons"),o=t("@elementor/ui"),n=t("@wordpress/i18n"),l=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts"),c=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx");const ClassManagerSearch=()=>{const{search:{inputValue:e,handleChange:s}}=(0,c.useSearchAndFilters)();return a.createElement(o.Stack,{direction:"row",gap:.5,sx:{width:"100%"}},a.createElement(o.Box,{sx:{flexGrow:1}},a.createElement(o.TextField,{role:"search",fullWidth:!0,size:"tiny",value:e,onFocus:()=>{(0,l.trackGlobalClasses)({event:"classManagerSearched"})},placeholder:(0,n.__)("Search","elementor"),onChange:e=>s(e.target.value),InputProps:{startAdornment:a.createElement(o.InputAdornment,{position:"start"},a.createElement(r.SearchIcon,{fontSize:"tiny"}))}})))}},"./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx":function(e,s,t){t.r(s),t.d(s,{SearchAndFilterProvider:function(){return SearchAndFilterProvider},useSearchAndFilters:function(){return useSearchAndFilters}});var a=t("react"),r=t("@elementor/utils");const o=(0,a.createContext)(void 0),n={empty:!1,onThisPage:!1,unused:!1},SearchAndFilterProvider=({children:e})=>{const[s,t]=a.useState(n),{debouncedValue:l,inputValue:c,handleChange:i}=(0,r.useDebounceState)({delay:300,initialValue:(()=>{const e=localStorage.getItem("elementor-global-classes-search");return e?(localStorage.removeItem("elementor-global-classes-search"),e):""})()});return a.createElement(o.Provider,{value:{search:{debouncedValue:l,inputValue:c,handleChange:i,onClearSearch:()=>{i("")}},filters:{filters:s,setFilters:t,onClearFilter:()=>{t(n)}}}},e)},useSearchAndFilters=()=>{const e=(0,a.useContext)(o);if(!e)throw new Error("useSearchContext must be used within a SearchContextProvider");return e}},"./packages/packages/core/editor-global-classes/src/errors.ts":function(e,s,t){t.r(s),t.d(s,{GlobalClassLabelAlreadyExistsError:function(){return o},GlobalClassNotFoundError:function(){return r},GlobalClassTrackingError:function(){return n}});var a=t("@elementor/utils");const r=(0,a.createError)({code:"global_class_not_found",message:"Global class not found."}),o=(0,a.createError)({code:"global_class_label_already_exists",message:"Class with this name already exists."}),n=(0,a.createError)({code:"global_class_tracking_error",message:"Error tracking global classes event."})},"./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts":function(e,s,t){t.r(s),t.d(s,{GLOBAL_CLASSES_PROVIDER_KEY:function(){return p},globalClassesStylesProvider:function(){return u}});var a=t("@elementor/editor-styles"),r=t("@elementor/editor-styles-repository"),o=t("@elementor/store"),n=t("@wordpress/i18n"),l=t("./packages/packages/core/editor-global-classes/src/capabilities.ts"),c=t("./packages/packages/core/editor-global-classes/src/errors.ts"),i=t("./packages/packages/core/editor-global-classes/src/store.ts"),d=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts");const p="global-classes",u=(0,r.createStylesProvider)({key:p,priority:30,limit:100,labels:{singular:(0,n.__)("class","elementor"),plural:(0,n.__)("classes","elementor")},subscribe:e=>subscribeWithStates(e),capabilities:(0,l.getCapabilities)(),actions:{all:()=>{const e=(0,i.selectOrderedClasses)((0,o.__getState)());return localStorage.setItem("elementor-global-classes",JSON.stringify(e)),e},get:e=>(0,i.selectClass)((0,o.__getState)(),e),resolveCssName:e=>(0,i.selectClass)((0,o.__getState)(),e)?.label??e,create:(e,s=[])=>{const t=(0,i.selectGlobalClasses)((0,o.__getState)());if(Object.values(t).map(e=>e.label).includes(e))throw new c.GlobalClassLabelAlreadyExistsError({context:{label:e}});const r=Object.keys(t),n=(0,a.generateId)("g-",r);return(0,o.__dispatch)(i.slice.actions.add({id:n,type:"class",label:e,variants:s})),n},update:e=>{(0,o.__dispatch)(i.slice.actions.update({style:e}))},delete:e=>{(0,o.__dispatch)(i.slice.actions.delete(e))},updateProps:e=>{(0,o.__dispatch)(i.slice.actions.updateProps({id:e.id,meta:e.meta,props:e.props}))},updateCustomCss:e=>{(0,o.__dispatch)(i.slice.actions.updateProps({id:e.id,meta:e.meta,custom_css:e.custom_css,props:{}}))},tracking:e=>{(0,d.trackGlobalClasses)(e).catch(e=>{throw new c.GlobalClassTrackingError({cause:e})})}}}),subscribeWithStates=e=>{let s=(0,i.selectData)((0,o.__getState)());return(0,o.__subscribeWithSelector)(e=>e.globalClasses,t=>{e(s.items,t.data.items),s=t.data})}},"./packages/packages/core/editor-global-classes/src/hooks/use-classes-order.ts":function(e,s,t){t.r(s),t.d(s,{useClassesOrder:function(){return useClassesOrder}});var a=t("@elementor/store"),r=t("./packages/packages/core/editor-global-classes/src/store.ts");const useClassesOrder=()=>(0,a.__useSelector)(r.selectOrder)},"./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage-by-id.ts":function(e,s,t){t.r(s),t.d(s,{useCssClassUsageByID:function(){return useCssClassUsageByID}});var a=t("./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts");const r={total:0,content:[]},useCssClassUsageByID=e=>{const{data:s,...t}=(0,a.useCssClassUsage)();return{...t,data:s?.[e]??r}}},"./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts":function(e,s,t){t.r(s),t.d(s,{useCssClassUsage:function(){return useCssClassUsage}});var a=t("@elementor/query"),r=t("./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts"),o=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts");const useCssClassUsage=()=>(0,a.useQuery)({queryKey:[o.QUERY_KEY],queryFn:r.fetchCssClassUsage,refetchOnMount:!1,refetchOnWindowFocus:!0})},"./packages/packages/core/editor-global-classes/src/hooks/use-dirty-state.ts":function(e,s,t){t.r(s),t.d(s,{useDirtyState:function(){return useDirtyState}});var a=t("@elementor/store"),r=t("./packages/packages/core/editor-global-classes/src/store.ts");const useDirtyState=()=>(0,a.__useSelector)(r.selectIsDirty)},"./packages/packages/core/editor-global-classes/src/hooks/use-empty-css-class.ts":function(e,s,t){t.r(s),t.d(s,{useAllCssClassesIDs:function(){return useAllCssClassesIDs},useEmptyCssClass:function(){return useEmptyCssClass}});var a=t("@elementor/store"),r=t("./packages/packages/core/editor-global-classes/src/store.ts");const useEmptyCssClass=()=>(0,a.__useSelector)(r.selectEmptyCssClass),useAllCssClassesIDs=()=>{const e=(0,a.__useSelector)(r.selectGlobalClasses);return Object.keys(e)}},"./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx":function(e,s,t){t.r(s),t.d(s,{useFilteredCssClassUsage:function(){return useFilteredCssClassUsage}});var a=t("react"),r=t("@elementor/editor-documents"),o=t("./packages/packages/core/editor-global-classes/src/hooks/use-css-class-usage.ts"),n=t("./packages/packages/core/editor-global-classes/src/hooks/use-empty-css-class.ts");const l={empty:[],onThisPage:[],unused:[]},useFilteredCssClassUsage=()=>{const e=(0,r.__useActiveDocument)(),s=(0,n.useEmptyCssClass)(),{data:t,isLoading:c}=(0,o.useCssClassUsage)(),i=(0,n.useAllCssClassesIDs)(),d=(0,a.useMemo)(()=>s.map(({id:e})=>e),[s]),p=(0,a.useMemo)(()=>t&&e?((e,s)=>{const t=[];for(const a in e)e[a].content.forEach(e=>{+e.pageId===s&&t.push(a)});return t})(t,e.id):[],[t,e]),u=(0,a.useMemo)(()=>t?((e,s)=>{const t=new Set(e);return s.filter(e=>!t.has(e))})(Object.keys(t),i):[],[t,i]);return!c&&t&&e?{onThisPage:p,unused:u,empty:d}:l}},"./packages/packages/core/editor-global-classes/src/hooks/use-filters.ts":function(e,s,t){t.r(s),t.d(s,{useFilters:function(){return useFilters}});var a=t("react"),r=t("./packages/packages/core/editor-global-classes/src/components/search-and-filter/context.tsx"),o=t("./packages/packages/core/editor-global-classes/src/hooks/use-filtered-css-class-usage.tsx");const useFilters=()=>{const{filters:{filters:e}}=(0,r.useSearchAndFilters)(),s=(0,o.useFilteredCssClassUsage)();return(0,a.useMemo)(()=>{const t=Object.entries(e).filter(([,e])=>e);return 0===t.length?null:t.reduce((e,[t],a)=>{const r=s[t]||[];return 0===a?r:e.filter(e=>r.includes(e))},[])},[e,s])}},"./packages/packages/core/editor-global-classes/src/hooks/use-ordered-classes.ts":function(e,s,t){t.r(s),t.d(s,{useOrderedClasses:function(){return useOrderedClasses}});var a=t("@elementor/store"),r=t("./packages/packages/core/editor-global-classes/src/store.ts");const useOrderedClasses=()=>(0,a.__useSelector)(r.selectOrderedClasses)},"./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts":function(e,s,t){t.r(s),t.d(s,{PrefetchCssClassUsage:function(){return PrefetchCssClassUsage},usePrefetchCssClassUsage:function(){return usePrefetchCssClassUsage}});var a=t("@elementor/query"),r=t("./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts"),o=t("./packages/packages/core/editor-global-classes/src/components/css-class-usage/types.ts");function usePrefetchCssClassUsage(){const e=(0,a.useQueryClient)();return{prefetchClassesUsage:()=>e.prefetchQuery({queryKey:[o.QUERY_KEY],queryFn:r.fetchCssClassUsage})}}const PrefetchCssClassUsage=()=>{const{prefetchClassesUsage:e}=usePrefetchCssClassUsage();return e(),null}},"./packages/packages/core/editor-global-classes/src/init.ts":function(e,s,t){t.r(s),t.d(s,{init:function(){return init}});var a=t("@elementor/editor"),r=t("@elementor/editor-editing-panel"),o=t("@elementor/editor-panels"),n=t("@elementor/editor-styles-repository"),l=t("@elementor/store"),c=t("./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-button.tsx"),i=t("./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx"),d=t("./packages/packages/core/editor-global-classes/src/components/convert-local-class-to-global-class.tsx"),p=t("./packages/packages/core/editor-global-classes/src/components/populate-store.tsx"),u=t("./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts"),g=t("./packages/packages/core/editor-global-classes/src/hooks/use-prefetch-css-class-usage.ts"),m=t("./packages/packages/core/editor-global-classes/src/mcp-integration/index.ts"),h=t("./packages/packages/core/editor-global-classes/src/store.ts"),b=t("./packages/packages/core/editor-global-classes/src/sync-with-document.tsx");function init(){(0,l.__registerSlice)(h.slice),(0,o.__registerPanel)(i.panel),n.stylesRepository.register(u.globalClassesStylesProvider),(0,a.injectIntoLogic)({id:"global-classes-populate-store",component:p.PopulateStore}),(0,a.injectIntoLogic)({id:"global-classes-sync-with-document",component:b.SyncWithDocumentSave}),(0,a.injectIntoLogic)({id:"global-classes-prefetch-css-class-usage",component:g.PrefetchCssClassUsage}),(0,r.injectIntoCssClassConvert)({id:"global-classes-convert-from-local-class",component:d.ConvertLocalClassToGlobalClass}),(0,r.injectIntoClassSelectorActions)({id:"global-classes-manager-button",component:c.ClassManagerButton}),(0,r.registerStyleProviderToColors)(u.GLOBAL_CLASSES_PROVIDER_KEY,{name:"global",getThemeColor:e=>e.palette.global.dark}),(0,m.initMcpIntegration)()}},"./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts":function(e,s,t){t.r(s),t.d(s,{GLOBAL_CLASSES_URI:function(){return o},initClassesResource:function(){return initClassesResource}});var a=t("@elementor/editor-mcp"),r=t("./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts");const o="elementor://global-classes",initClassesResource=()=>{[(0,a.getMCPByDomain)("canvas"),(0,a.getMCPByDomain)("classes")].forEach(e=>{const{mcpServer:s,resource:t,waitForReady:a}=e;t("global-classes",o,{description:"Global classes list."},async()=>({contents:[{uri:o,text:localStorage["elementor-global-classes"]??"{}"}]})),a().then(()=>{r.globalClassesStylesProvider.subscribe(()=>{s.sendResourceListChanged()})})})}},"./packages/packages/core/editor-global-classes/src/mcp-integration/index.ts":function(e,s,t){t.r(s),t.d(s,{initMcpIntegration:function(){return initMcpIntegration}});var a=t("@elementor/editor-mcp"),r=t("./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts"),o=t("./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-apply-unapply-global-classes.ts"),n=t("./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-get-global-class-usages.ts"),l=t("./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-manage-global-classes.ts");const initMcpIntegration=()=>{const e=(0,a.getMCPByDomain)("classes",{instructions:"MCP server for management of Elementor global classes"});(0,o.default)(e),(0,n.default)(e),(0,l.initManageGlobalClasses)(e),(0,r.initClassesResource)()}},"./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-apply-unapply-global-classes.ts":function(e,s,t){t.r(s),t.d(s,{default:function(){return initMcpApplyUnapplyGlobalClasses}});var a=t("@elementor/editor-editing-panel"),r=t("@elementor/schema");function initMcpApplyUnapplyGlobalClasses(e){e.addTool({schema:{classId:r.z.string().describe("The ID of the class to apply"),elementId:r.z.string().describe("The ID of the element to which the class will be applied")},outputSchema:{result:r.z.string().describe("Result message indicating the success of the apply operation")},name:"apply-global-class",modelPreferences:{intelligencePriority:.7,speedPriority:.8},description:'Apply a global class to an element, enabling consistent styling through your design system.\n\n## When to use this tool:\n**ALWAYS use this IMMEDIATELY AFTER building compositions** to apply the global classes you created beforehand:\n- After using "build-compositions" tool, apply semantic classes to the created elements\n- When applying consistent typography styles (heading-primary, text-body, etc.)\n- When applying theme colors or brand styles (bg-brand, button-cta, etc.)\n- When ensuring spacing consistency (spacing-section-large, etc.)\n\n**DO NOT use this tool** for:\n- Elements that don\'t share styles with other elements (use inline styles instead)\n- Layout-specific properties (those should remain inline in stylesConfig)\n\n## Prerequisites:\n- **REQUIRED**: Get the list of available global classes from \'elementor://global-classes\' resource\n- **REQUIRED**: Get element IDs from the composition XML returned by "build-compositions" tool\n- Ensure you have the most up-to-date list of classes applied to the element to avoid duplicates\n- Make sure you have the correct class ID that you want to apply\n\n## Best Practices:\n1. Apply multiple classes to a single element if needed (typography + color + spacing)\n2. After applying, the tool will remind you to remove duplicate inline styles from elementConfig\n3. Classes should describe purpose, not implementation (e.g., "heading-primary" not "big-red-text")',handler:async e=>{const{classId:s,elementId:t}=e,r=(0,a.doGetAppliedClasses)(t);return(0,a.doApplyClasses)(t,[...r,s]),{llm_instructions:"Please check the element-configuration, find DUPLICATES in the style schema that are in the class, and remove them",result:`Class ${s} applied to element ${t} successfully.`}}}),e.addTool({name:"unapply-global-class",schema:{classId:r.z.string().describe("The ID of the class to unapply"),elementId:r.z.string().describe("The ID of the element from which the class will be unapplied")},outputSchema:{result:r.z.string().describe("Result message indicating the success of the unapply operation")},modelPreferences:{intelligencePriority:.7,speedPriority:.8},description:"Unapply a (global) class from the current element\n\n## When to use this tool:\n- When a user requests to unapply a global class or a class from an element in the Elementor editor.\n- When you need to remove a specific class from an element's applied classes.\n\n## Prerequisites:\n- Ensure you have the most up-to-date list of classes applied to the element to avoid errors.\n The list is available at always up-to-date resource 'elementor://global-classes'.\n- Make sure you have the correct class ID that you want to unapply.\n\n<note>\nIf the user want to unapply a class by it's name and not ID, retreive the id from the list, available at uri elementor://global-classes\n</note>\n",handler:async e=>{const{classId:s,elementId:t}=e;if(!(0,a.doUnapplyClass)(t,s))throw new Error(`Class ${s} is not applied to element ${t}, cannot unapply it.`);return{result:`Class ${s} unapplied from element ${t} successfully.`}}})}},"./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-get-global-class-usages.ts":function(e,s,t){t.r(s),t.d(s,{default:function(){return initMcpApplyGetGlobalClassUsages}});var a=t("@elementor/schema"),r=t("./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts");function initMcpApplyGetGlobalClassUsages(e){const{addTool:s}=e;s({name:"get-global-class-usages",modelPreferences:{intelligencePriority:.6,speedPriority:.8},description:"Retreive the usages of global-classes ACCROSS PAGES designed by Elementor editor.\n\n## Prequisites: CRITICAL\n- The list of global classes and their applid values is available at resource uri elementor://global-classes\n\n## When to use this tool:\n- When a user requests to see where a specific global class is being used accross the site.\n- When you need to manage or clean up unused global classes.\n- Before deleting a global class, to ensure it is not in use in any other pages.\n\n## When NOT to use this tool:\n- For getting the list of global classes, refer to the resource at uri elementor://global-classes\n",outputSchema:{usages:a.z.array(a.z.object({classId:a.z.string().describe('The ID of the class, not visible to the user. To retreive the name of the class, use the "list-global-classes" tool'),usages:a.z.array(a.z.object({pageId:a.z.string().describe("The ID of the page where the class is used"),title:a.z.string().describe("The title of the page where the class is used"),total:a.z.number().describe("The number of times the class is used on this page"),elements:a.z.array(a.z.string()).describe("List of element IDs using this class on the page")}))}))},handler:async()=>{const e=await(0,r.fetchCssClassUsage)(),s={usages:[]};return Object.entries(e).forEach(([e,t])=>{const a={classId:e,usages:[]};if("number"!=typeof t){const{content:e}=t;e.forEach(e=>{a.usages.push({pageId:String(e.pageId),title:e.title,total:e.total,elements:e.elements})}),s.usages.push(a)}}),s}})}},"./packages/packages/core/editor-global-classes/src/mcp-integration/mcp-manage-global-classes.ts":function(e,s,t){t.r(s),t.d(s,{initManageGlobalClasses:function(){return initManageGlobalClasses}});var a=t("@elementor/editor-canvas"),r=t("@elementor/editor-props"),o=t("@elementor/editor-styles"),n=t("@elementor/schema"),l=t("./packages/packages/core/editor-global-classes/src/global-classes-styles-provider.ts"),c=t("./packages/packages/core/editor-global-classes/src/save-global-classes.tsx"),i=t("./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts");const d={action:n.z.enum(["create","modify","delete"]).describe("Operation to perform"),classId:n.z.string().optional().describe("Global class ID (required for modify). Get from elementor://global-classes resource."),globalClassName:n.z.string().optional().describe("Global class name (required for create)"),props:n.z.record(n.z.any()).describe('key-value of style-schema PropValues. Available properties at dynamic resource "elementor://styles/schema/{property-name}"'),breakpoint:n.z.nullable(n.z.string().describe("Responsive breakpoint name for styles. Defaults to desktop (null).")).default(null).describe("Responsive breakpoint name for styles. Defaults to desktop (null).")},p={status:n.z.enum(["ok","error"]).describe("Operation status"),classId:n.z.string().optional().describe("Class ID (returned on create success)"),message:n.z.string().optional().describe("Error details if status is error")},handler=async e=>{const{action:s,classId:t,globalClassName:a,props:n,breakpoint:i}=e;if("create"===s&&!a)return{status:"error",message:"Create requires globalClassName"};if("modify"===s&&!t)return{status:"error",message:"Modify requires classId"};if("delete"===s&&!t)return{status:"error",message:"Delete requires classId"};const{create:d,update:p,delete:u}=l.globalClassesStylesProvider.actions;if(!d||!p||!u)return{status:"error",message:"Required actions not available"};const g=[],m=(0,o.getStylesSchema)(),h=Object.keys(m);if(Object.keys(n).forEach(e=>{const s=m[e];if(!s)return void g.push(`Property "${e}" does not exist in styles schema.`);const{valid:t,jsonSchema:a}=r.Schema.validatePropValue(s,n[e]);t||g.push(`- Property "${e}" has invalid value\n Expected schema: ${a}\n`)}),g.length>0)return{status:"error",message:`Validation errors:\n${g.join("\n")}\nAvailable Properties: ${h.join(", ")}\nUpdate your input and try again.`};const b=window.elementorV2.editorVariables.Utils;Object.keys(n).forEach(e=>{n[e]=r.Schema.adjustLlmPropValueSchema(n[e],{transformers:b.globalVariablesLLMResolvers})});const f=i??"desktop";try{switch(s){case"create":const e=await async function attemptCreate(e){const{props:s,breakpoint:t,className:a,stylesProvider:r}=e,{create:o,delete:n}=r.actions;if(!a)throw new Error("Global class name is a required for creation");if(!o||!n)throw new Error("User is unable to create global classes");const l=o(a,[{meta:{breakpoint:t,state:null},custom_css:null,props:s}]);try{return await(0,c.saveGlobalClasses)({context:"frontend"}),l}catch{return n(l),null}}({props:n,className:a,stylesProvider:l.globalClassesStylesProvider,breakpoint:f});return e?{status:"ok",message:`created global class with ID ${e}`}:{status:"error",message:"error creating class"};case"modify":const s=await async function attemptUpdate(e){const{props:s,breakpoint:t,classId:a,stylesProvider:r}=e,{updateProps:o,update:n}=r.actions;if(!a)throw new Error("Class ID is required for modification");if(!o||!n)throw new Error("User is unable to update global classes");const l=structuredClone(r.actions.all());try{return o({id:a,props:s,meta:{breakpoint:t,state:null}}),await(0,c.saveGlobalClasses)({context:"frontend"}),!0}catch{return l.forEach(e=>{n({id:e.id,variants:e.variants})}),await(0,c.saveGlobalClasses)({context:"frontend"}),!1}}({classId:t,props:n,stylesProvider:l.globalClassesStylesProvider,breakpoint:f});return s?{status:"ok",classId:t}:{status:"error",message:"error modifying class"};case"delete":const r=await async function attemptDelete(e){const{classId:s,stylesProvider:t}=e,{delete:a,create:r}=t.actions;if(!s)throw new Error("Class ID is required for deletion");if(!a||!r)throw new Error("User is unable to delete global classes");const o=structuredClone(t.actions.all()).find(e=>e.id===s);if(!o)throw new Error(`Class with ID "${s}" not found`);try{return a(s),await(0,c.saveGlobalClasses)({context:"frontend"}),!0}catch{return!1}}({classId:t,stylesProvider:l.globalClassesStylesProvider});return r?{status:"ok",message:`deleted global class with ID ${t}`}:{status:"error",message:"error deleting class"}}}catch(e){return{status:"error",message:`${s} failed: ${e.message||"Unknown error"}`}}},initManageGlobalClasses=e=>{const{addTool:s}=e;s({name:"manage-global-classes",requiredResources:[{uri:i.GLOBAL_CLASSES_URI,description:"Global classes list"},{uri:a.STYLE_SCHEMA_URI,description:"Style schema resources"},{uri:a.BREAKPOINTS_SCHEMA_URI,description:"Breakpoints list"}],modelPreferences:{intelligencePriority:.85,speedPriority:.6},description:"Manages global classes (create/modify) in Elementor editor. Check [elementor://global-classes] and style schemas first.\n\nCREATE: Requires globalClassName, props. Use semantic naming (heading-primary, button-cta, text-muted). Check existing classes to avoid duplicates. ALWAYS create global classes BEFORE compositions for reusable styles.\nMODIFY: Requires classId, props. Get classId from [elementor://global-classes] resource.\n\nNaming pattern: [element-type]-[purpose/variant]-[modifier]\nDO NOT create global classes for: one-off styles, layout-specific properties.\n\nUse style schema at [elementor://styles/schema/{category}] for valid props. Errors include exact schema mismatch details.",schema:d,outputSchema:p,handler:handler})}},"./packages/packages/core/editor-global-classes/src/save-global-classes.tsx":function(e,s,t){t.r(s),t.d(s,{saveGlobalClasses:function(){return saveGlobalClasses}});var a=t("react"),r=t("@elementor/editor-ui"),o=t("@elementor/store"),n=t("@elementor/utils"),l=t("./packages/packages/core/editor-global-classes/src/api.ts"),c=t("./packages/packages/core/editor-global-classes/src/components/class-manager/duplicate-label-dialog.tsx"),i=t("./packages/packages/core/editor-global-classes/src/store.ts"),d=t("./packages/packages/core/editor-global-classes/src/utils/tracking.ts");async function saveGlobalClasses({context:e,onApprove:s}){const t=(0,i.selectData)((0,o.__getState)()),n="preview"===e?l.apiClient.saveDraft:l.apiClient.publish,p="preview"===e?i.selectPreviewInitialData:i.selectFrontendInitialData,u=await n({items:t.items,order:t.order,changes:calculateChanges(t,p((0,o.__getState)()))});(0,o.__dispatch)(i.slice.actions.reset({context:e})),u?.data?.data?.code===l.API_ERROR_CODES.DUPLICATED_LABEL&&((0,o.__dispatch)(i.slice.actions.updateMultiple(u.data.data.modifiedLabels)),(0,d.trackGlobalClasses)({event:"classPublishConflict",numOfConflicts:Object.keys(u.data.data.modifiedLabels).length}),(0,r.openDialog)({component:a.createElement(c.DuplicateLabelDialog,{modifiedLabels:u.data.data.modifiedLabels||[],onApprove:s})}))}function calculateChanges(e,s){const t=Object.keys(e.items),a=Object.keys(s.items);return{added:t.filter(e=>!a.includes(e)),deleted:a.filter(e=>!t.includes(e)),modified:t.filter(t=>t in s.items&&(0,n.hash)(e.items[t])!==(0,n.hash)(s.items[t]))}}},"./packages/packages/core/editor-global-classes/src/store.ts":function(e,s,t){t.r(s),t.d(s,{selectClass:function(){return selectClass},selectData:function(){return selectData},selectEmptyCssClass:function(){return u},selectFrontendInitialData:function(){return selectFrontendInitialData},selectGlobalClasses:function(){return d},selectIsDirty:function(){return selectIsDirty},selectOrder:function(){return i},selectOrderedClasses:function(){return p},selectPreviewInitialData:function(){return selectPreviewInitialData},slice:function(){return c}});var a=t("@elementor/editor-styles"),r=t("@elementor/store"),o=t("./packages/packages/core/editor-global-classes/src/errors.ts");const n=t("./packages/packages/core/editor-global-classes/src/utils/snapshot-history.ts").SnapshotHistory.get("global-classes"),l="globalClasses",c=(0,r.__createSlice)({name:l,initialState:{data:{items:{},order:[]},initialData:{frontend:{items:{},order:[]},preview:{items:{},order:[]}},isDirty:!1},reducers:{load(e,{payload:{frontend:s,preview:t}}){e.initialData.frontend=s,e.initialData.preview=t,e.data=t,e.isDirty=!1},add(e,{payload:s}){n.next(e.data),e.data.items[s.id]=s,e.data.order.unshift(s.id),e.isDirty=!0},delete(e,{payload:s}){n.next(e.data),e.data.items=Object.fromEntries(Object.entries(e.data.items).filter(([e])=>e!==s)),e.data.order=e.data.order.filter(e=>e!==s),e.isDirty=!0},setOrder(e,{payload:s}){n.next(e.data),e.data.order=s,e.isDirty=!0},update(e,{payload:s}){n.next(e.data);const t={...e.data.items[s.style.id],...s.style};e.data.items[s.style.id]=t,e.isDirty=!0},updateMultiple(e,{payload:s}){n.next(e.data),Object.entries(s).forEach(([s,{modified:t}])=>{e.data.items[s].label=t}),e.isDirty=!1},updateProps(e,{payload:s}){const t=e.data.items[s.id];if(!t)throw new o.GlobalClassNotFoundError({context:{styleId:s.id}});n.next(e.data);const r=(0,a.getVariantByMeta)(t,s.meta);let l=("custom_css"in s?s.custom_css:r?.custom_css)??null;if(l=l?.raw?l:null,r){const e=JSON.parse(JSON.stringify(r.props)),a=JSON.parse(JSON.stringify(s.props));r.props=mergeProps(e,a),r.custom_css=l,t.variants=getNonEmptyVariants(t)}else t.variants.push({meta:s.meta,props:s.props,custom_css:l});e.isDirty=!0},reset(e,{payload:{context:s}}){"frontend"===s&&(n.reset(),e.initialData.frontend=e.data,e.isDirty=!1),e.initialData.preview=e.data},undo(e){n.isLast()&&n.next(e.data);const s=n.prev();s?(e.data=s,e.isDirty=!0):e.data=e.initialData.preview},resetToInitialState(e,{payload:{context:s}}){n.reset(),e.data=e.initialData[s],e.isDirty=!1},redo(e){const s=n.next();n.isLast()&&n.prev(),s&&(e.data=s,e.isDirty=!0)}}}),mergeProps=(e,s)=>{const t=Array.isArray(e)?{}:e;return Object.entries(s).forEach(([e,s])=>{null==s?delete t[e]:t[e]=s}),t},getNonEmptyVariants=e=>e.variants.filter(({props:e,custom_css:s})=>Object.keys(e).length||s?.raw),selectData=e=>e[l].data,selectFrontendInitialData=e=>e[l].initialData.frontend,selectPreviewInitialData=e=>e[l].initialData.preview,i=(0,r.__createSelector)(selectData,({order:e})=>e),d=(0,r.__createSelector)(selectData,({items:e})=>e),selectIsDirty=e=>e[l].isDirty,p=(0,r.__createSelector)(d,i,(e,s)=>s.map(s=>e[s])),selectClass=(e,s)=>e[l].data.items[s]??null,u=(0,r.__createSelector)(selectData,({items:e})=>Object.values(e).filter(e=>0===e.variants.length))},"./packages/packages/core/editor-global-classes/src/sync-with-document-save.ts":function(e,s,t){t.r(s),t.d(s,{syncWithDocumentSave:function(){return syncWithDocumentSave}});var a=t("@elementor/editor-current-user"),r=t("@elementor/editor-documents"),o=t("@elementor/editor-v1-adapters"),n=t("@elementor/store"),l=t("./packages/packages/core/editor-global-classes/src/capabilities.ts"),c=t("./packages/packages/core/editor-global-classes/src/save-global-classes.tsx"),i=t("./packages/packages/core/editor-global-classes/src/store.ts");function syncWithDocumentSave(e){const s=function syncDirtyState(){return(0,n.__subscribeWithSelector)(i.selectIsDirty,()=>{(function isDirty(){return(0,i.selectIsDirty)((0,n.__getState)())})()&&(0,r.setDocumentModifiedStatus)(!0)})}();return function bindSaveAction(e){(0,o.registerDataHook)("dependency","document/save/save",s=>{const t=(0,a.getCurrentUser)(),r=t?.capabilities.includes(l.UPDATE_CLASS_CAPABILITY_KEY);return!r||((0,c.saveGlobalClasses)({context:"publish"===s.status?"frontend":"preview",onApprove:e?.open}),!0)})}(e),s}},"./packages/packages/core/editor-global-classes/src/sync-with-document.tsx":function(e,s,t){t.r(s),t.d(s,{SyncWithDocumentSave:function(){return SyncWithDocumentSave}});var a=t("react"),r=t("@elementor/editor-v1-adapters"),o=t("./packages/packages/core/editor-global-classes/src/components/class-manager/class-manager-panel.tsx"),n=t("./packages/packages/core/editor-global-classes/src/sync-with-document-save.ts");function SyncWithDocumentSave(){const e=(0,o.usePanelActions)();return(0,a.useEffect)(()=>{(0,r.__privateListenTo)((0,r.v1ReadyEvent)(),()=>{(0,n.syncWithDocumentSave)(e)})},[]),null}},"./packages/packages/core/editor-global-classes/src/utils/snapshot-history.ts":function(e,s,t){function createLink({value:e,next:s,prev:t}){return{value:e,prev:t||null,next:s||null}}t.r(s),t.d(s,{SnapshotHistory:function(){return SnapshotHistory}});class SnapshotHistory{static registry={};static get(e){return SnapshotHistory.registry[e]||(SnapshotHistory.registry[e]=new SnapshotHistory(e)),SnapshotHistory.registry[e]}first=null;current=null;constructor(e){this.namespace=e}transform(e){return JSON.parse(JSON.stringify(e))}reset(){this.first=this.current=null}prev(){return this.current&&this.current!==this.first?(this.current=this.current.prev,this.current?.value||null):null}isLast(){return!this.current||!this.current.next}next(e){if(e){if(!this.current)return this.first=createLink({value:this.transform(e)}),this.current=this.first,this.current.value;const s=createLink({value:this.transform(e),prev:this.current});return this.current.next=s,this.current=s,this.current.value}return this.current&&this.current.next?(this.current=this.current.next,this.current.value):null}}},"./packages/packages/core/editor-global-classes/src/utils/tracking.ts":function(e,s,t){t.r(s),t.d(s,{trackGlobalClasses:function(){return trackGlobalClasses}});var a=t("@elementor/mixpanel"),r=t("@elementor/store"),o=t("./packages/packages/core/editor-global-classes/service/css-class-usage-service.ts"),n=t("./packages/packages/core/editor-global-classes/src/errors.ts"),l=t("./packages/packages/core/editor-global-classes/src/store.ts");const trackGlobalClasses=async e=>{const{runAction:s}=e,t=await getSanitizedData(e);t&&(track(t),"classCreated"===t.event&&"classId"in t&&fireClassApplied(t.classId)),s?.()},fireClassApplied=async e=>{const s=await getAppliedInfo(e);track({event:"classApplied",classId:e,...s,totalInstancesAfterApply:1})},getSanitizedData=async e=>{switch(e.event){case"classApplied":if("classId"in e&&e.classId){const s=await getAppliedInfo(e.classId);return{...e,...s}}break;case"classRemoved":if("classId"in e&&e.classId){const s=getRemovedInfo(e.classId);return{...e,...s}}break;case"classDeleted":if("classId"in e&&e.classId){const s=await trackDeleteClass(e.classId);return{...e,...s}}break;case"classCreated":return"source"in e&&"created"!==e.source&&"classId"in e&&e.classId?{...e,classTitle:getCssClass(e.classId).label}:e;case"classStateClicked":if("classId"in e&&e.classId)return{...e,classTitle:getCssClass(e.classId).label};break;default:return e}},track=e=>{const{dispatchEvent:s,config:t}=(0,a.getMixpanel)();if(!t?.names?.global_classes?.[e.event])return void console.error("Global class tracking event not found",{event:e.event});const r=t.names.global_classes[e.event],{event:o,...l}=e;try{s?.(r,{event:o,...l})}catch(e){throw new n.GlobalClassTrackingError({cause:e})}},extractCssClassData=e=>({classTitle:getCssClass(e).label}),getCssClass=e=>{const s=(0,l.selectClass)((0,r.__getState)(),e);if(!s)throw new Error(`CSS class with ID ${e} not found`);return s},trackDeleteClass=async e=>({totalInstances:await getTotalInstancesByCssClassID(e),classTitle:getCssClass(e).label}),getTotalInstancesByCssClassID=async e=>{const s=await(0,o.fetchCssClassUsage)();return s[e]?.total??1},getAppliedInfo=async e=>{const{classTitle:s}=extractCssClassData(e);return{classTitle:s,totalInstancesAfterApply:await getTotalInstancesByCssClassID(e)+1}},getRemovedInfo=e=>{const{classTitle:s}=extractCssClassData(e);return{classTitle:s}}},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/editor-canvas":function(e){e.exports=window.elementorV2.editorCanvas},"@elementor/editor-current-user":function(e){e.exports=window.elementorV2.editorCurrentUser},"@elementor/editor-documents":function(e){e.exports=window.elementorV2.editorDocuments},"@elementor/editor-editing-panel":function(e){e.exports=window.elementorV2.editorEditingPanel},"@elementor/editor-mcp":function(e){e.exports=window.elementorV2.editorMcp},"@elementor/editor-panels":function(e){e.exports=window.elementorV2.editorPanels},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/editor-styles":function(e){e.exports=window.elementorV2.editorStyles},"@elementor/editor-styles-repository":function(e){e.exports=window.elementorV2.editorStylesRepository},"@elementor/editor-ui":function(e){e.exports=window.elementorV2.editorUi},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/http-client":function(e){e.exports=window.elementorV2.httpClient},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/mixpanel":function(e){e.exports=window.elementorV2.mixpanel},"@elementor/query":function(e){e.exports=window.elementorV2.query},"@elementor/schema":function(e){e.exports=window.elementorV2.schema},"@elementor/store":function(e){e.exports=window.elementorV2.store},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@elementor/utils":function(e){e.exports=window.elementorV2.utils},"@wordpress/i18n":function(e){e.exports=window.wp.i18n},react:function(e){e.exports=window.React}},s={};function __webpack_require__(t){var a=s[t];if(void 0!==a)return a.exports;var r=s[t]={exports:{}};return e[t](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(s,{a:s}),s},__webpack_require__.d=function(e,s){for(var t in s)__webpack_require__.o(s,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:s[t]})},__webpack_require__.o=function(e,s){return Object.prototype.hasOwnProperty.call(e,s)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};!function(){__webpack_require__.r(t),__webpack_require__.d(t,{GLOBAL_CLASSES_URI:function(){return e.GLOBAL_CLASSES_URI},init:function(){return s.init}});var e=__webpack_require__("./packages/packages/core/editor-global-classes/src/mcp-integration/classes-resource.ts"),s=__webpack_require__("./packages/packages/core/editor-global-classes/src/init.ts")}(),(window.elementorV2=window.elementorV2||{}).editorGlobalClasses=t}(),window.elementorV2.editorGlobalClasses?.init?.();
6457 7 //# sourceMappingURL=editor-global-classes.js.map