@elementor/editor-canvas 4.2.0-911 → 4.2.0-912

package/dist/index.js

@@ -423,12 +423,12 @@ var renameClass = (oldClassName, newClassName) => {
 
 // src/components/elements-overlays.tsx
 var React5 = __toESM(require("react"));
-var import_editor_elements4 = require("@elementor/editor-elements");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 
 // src/components/grid-outline/grid-outline-overlay.tsx
 var React4 = __toESM(require("react"));
-var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_props2 = require("@elementor/editor-props");
 var import_ui2 = require("@elementor/ui");
 var import_react8 = require("@floating-ui/react");
@@ -539,37 +539,53 @@ function useFloatingOnElement({ element, isSelected }) {
 
 // src/hooks/use-grid-tracks.ts
 var import_react5 = require("react");
+var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 
 // src/utils/grid-outline-utils.ts
-function computeOutlineGeometry(tracks, width, height) {
-  const { columns, rows, columnGap, rowGap, padding } = tracks;
+function toGridTracks(computedStyle) {
   return {
-    vertical: computeBoundaries(columns, columnGap, padding.left),
-    horizontal: computeBoundaries(rows, rowGap, padding.top),
-    top: padding.top,
-    bottom: height - padding.bottom,
-    left: padding.left,
-    right: width - padding.right
+    columns: parseTrackList(computedStyle.gridTemplateColumns),
+    rows: parseTrackList(computedStyle.gridTemplateRows),
+    columnGap: toPx(computedStyle.columnGap),
+    rowGap: toPx(computedStyle.rowGap),
+    padding: {
+      top: toPx(computedStyle.paddingTop),
+      right: toPx(computedStyle.paddingRight),
+      bottom: toPx(computedStyle.paddingBottom),
+      left: toPx(computedStyle.paddingLeft)
+    },
+    borderColor: computedStyle.getPropertyValue("--e-a-border-color-bold").trim()
   };
 }
-function computeBoundaries(sizes, gap, offset2) {
-  if (sizes.length === 0) {
+function computeCellRects(tracks, width, height) {
+  const { columns, rows, columnGap, rowGap, padding } = tracks;
+  const hasColumns = columns.length > 0;
+  const hasRows = rows.length > 0;
+  if (!hasColumns && !hasRows) {
     return [];
   }
-  const boundaries = [];
+  const columnSegments = hasColumns ? computeTrackSegments(columns, columnGap, padding.left) : [{ start: padding.left, size: width - padding.left - padding.right }];
+  const rowSegments = hasRows ? computeTrackSegments(rows, rowGap, padding.top) : [{ start: padding.top, size: height - padding.top - padding.bottom }];
+  const cells = [];
+  for (const row of rowSegments) {
+    for (const column of columnSegments) {
+      cells.push({ x: column.start, y: row.start, width: column.size, height: row.size });
+    }
+  }
+  return cells;
+}
+function computeTrackSegments(sizes, gap, offset2) {
+  const segments = [];
   let cursor = offset2;
   for (let i = 0; i < sizes.length; i++) {
-    if (i === 0) {
-      boundaries.push(cursor);
-    }
+    segments.push({ start: cursor, size: sizes[i] });
     cursor += sizes[i];
-    boundaries.push(cursor);
-    if (i < sizes.length - 1 && gap > 0) {
+    if (i < sizes.length - 1) {
       cursor += gap;
-      boundaries.push(cursor);
     }
   }
-  return boundaries;
+  return segments;
 }
 function snapToHalfPixel(value) {
   return Math.round(value) + 0.5;
@@ -594,30 +610,27 @@ var EMPTY = {
   padding: { top: 0, right: 0, bottom: 0, left: 0 },
   borderColor: ""
 };
+var DEVICE_MODE_CHANGE_EVENT = "elementor/device-mode/change";
 function useGridTracks(element, rect) {
-  return (0, import_react5.useMemo)(() => {
-    if (!element) {
-      return EMPTY;
-    }
-    const previewWindow = element.ownerDocument?.defaultView;
-    if (!previewWindow) {
-      return EMPTY;
+  const [tracks, setTracks] = (0, import_react5.useState)(EMPTY);
+  const trigger = (0, import_editor_v1_adapters2.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters2.windowEvent)(import_editor_elements3.ELEMENT_STYLE_CHANGE_EVENT), (0, import_editor_v1_adapters2.windowEvent)(DEVICE_MODE_CHANGE_EVENT)],
+    () => ({})
+  );
+  (0, import_react5.useEffect)(() => {
+    const previewWindow = element?.ownerDocument?.defaultView;
+    if (!element || !previewWindow) {
+      setTracks(EMPTY);
+      return;
     }
-    const computedStyle = previewWindow.getComputedStyle(element);
-    return {
-      columns: parseTrackList(computedStyle.gridTemplateColumns),
-      rows: parseTrackList(computedStyle.gridTemplateRows),
-      columnGap: toPx(computedStyle.columnGap),
-      rowGap: toPx(computedStyle.rowGap),
-      padding: {
-        top: toPx(computedStyle.paddingTop),
-        right: toPx(computedStyle.paddingRight),
-        bottom: toPx(computedStyle.paddingBottom),
-        left: toPx(computedStyle.paddingLeft)
-      },
-      borderColor: computedStyle.getPropertyValue("--e-a-border-color-bold").trim()
+    const frame = previewWindow.requestAnimationFrame(() => {
+      setTracks(toGridTracks(previewWindow.getComputedStyle(element)));
+    });
+    return () => {
+      previewWindow.cancelAnimationFrame(frame);
     };
-  }, [element, rect.width, rect.height]);
+  }, [element, rect.width, rect.height, trigger]);
+  return tracks;
 }
 
 // src/components/outline-overlay.tsx
@@ -711,18 +724,19 @@ var OutlineOverlay = ({ element, isSelected, id, isGlobal = false }) => {
 // src/components/grid-outline/grid-outline.tsx
 var React3 = __toESM(require("react"));
 
-// src/components/grid-outline/grid-outline-line.tsx
+// src/components/grid-outline/grid-outline-cell.tsx
 var React2 = __toESM(require("react"));
 var FALLBACK_COLOR = "rgba(0, 0, 0, 0.12)";
 var DASH = "2 2";
-function GridOutlineLine({ x1, x2, y1, y2, color }) {
+function GridOutlineCell({ x, y, width, height, color }) {
   return /* @__PURE__ */ React2.createElement(
-    "line",
+    "rect",
     {
-      x1,
-      x2,
-      y1,
-      y2,
+      x,
+      y,
+      width,
+      height,
+      fill: "none",
       stroke: color || FALLBACK_COLOR,
       strokeWidth: 1,
       strokeDasharray: DASH,
@@ -733,7 +747,7 @@ function GridOutlineLine({ x1, x2, y1, y2, color }) {
 
 // src/components/grid-outline/grid-outline.tsx
 function GridOutline({ tracks, width, height }) {
-  const { vertical, horizontal, top, bottom, left, right } = computeOutlineGeometry(tracks, width, height);
+  const cells = computeCellRects(tracks, width, height);
   return /* @__PURE__ */ React3.createElement(
     "svg",
     {
@@ -742,25 +756,14 @@ function GridOutline({ tracks, width, height }) {
       style: { position: "absolute", inset: 0, overflow: "visible" },
       xmlns: "http://www.w3.org/2000/svg"
     },
-    vertical.map((x, i) => /* @__PURE__ */ React3.createElement(
-      GridOutlineLine,
-      {
-        key: `v-${i}`,
-        x1: snapToHalfPixel(x),
-        x2: snapToHalfPixel(x),
-        y1: top,
-        y2: bottom,
-        color: tracks.borderColor
-      }
-    )),
-    horizontal.map((y, i) => /* @__PURE__ */ React3.createElement(
-      GridOutlineLine,
+    cells.map((cell, i) => /* @__PURE__ */ React3.createElement(
+      GridOutlineCell,
       {
-        key: `h-${i}`,
-        x1: left,
-        x2: right,
-        y1: snapToHalfPixel(y),
-        y2: snapToHalfPixel(y),
+        key: i,
+        x: snapToHalfPixel(cell.x),
+        y: snapToHalfPixel(cell.y),
+        width: Math.round(cell.width),
+        height: Math.round(cell.height),
         color: tracks.borderColor
       }
     ))
@@ -769,7 +772,7 @@ function GridOutline({ tracks, width, height }) {
 
 // src/components/grid-outline/grid-outline-overlay.tsx
 var GridOutlineOverlay = ({ element, id, isSelected }) => {
-  const { settings } = (0, import_editor_elements3.useSelectedElementSettings)();
+  const { settings } = (0, import_editor_elements4.useSelectedElementSettings)();
   const enabled = import_editor_props2.booleanPropTypeUtil.extract(settings?.grid_outline);
   const rect = useElementRect(element);
   const tracks = useGridTracks(element, rect);
@@ -805,11 +808,11 @@ var overlayRegistry = [
   }
 ];
 function ElementsOverlays() {
-  const selected = (0, import_editor_elements4.useSelectedElement)();
+  const selected = (0, import_editor_elements5.useSelectedElement)();
   const elements = useElementsDom();
-  const currentEditMode = (0, import_editor_v1_adapters2.useEditMode)();
+  const currentEditMode = (0, import_editor_v1_adapters3.useEditMode)();
   const isEditMode = currentEditMode === "edit";
-  const isKitRouteActive = (0, import_editor_v1_adapters2.__privateUseIsRouteActive)("panel/global");
+  const isKitRouteActive = (0, import_editor_v1_adapters3.__privateUseIsRouteActive)("panel/global");
   const isActive = isEditMode && !isKitRouteActive;
   if (!isActive) {
     return null;
@@ -831,10 +834,10 @@ function ElementsOverlays() {
   });
 }
 function useElementsDom() {
-  return (0, import_editor_v1_adapters2.__privateUseListenTo)(
-    [(0, import_editor_v1_adapters2.windowEvent)("elementor/editor/element-rendered"), (0, import_editor_v1_adapters2.windowEvent)("elementor/editor/element-destroyed")],
+  return (0, import_editor_v1_adapters3.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters3.windowEvent)("elementor/editor/element-rendered"), (0, import_editor_v1_adapters3.windowEvent)("elementor/editor/element-destroyed")],
     () => {
-      return (0, import_editor_elements4.getElements)().filter((el) => isV4Element(el.view?.el?.dataset)).map((element) => ({
+      return (0, import_editor_elements5.getElements)().filter((el) => isV4Element(el.view?.el?.dataset)).map((element) => ({
         id: element.id,
         domElement: element.view?.getDomElement?.()?.get?.(0),
         isGlobal: element.model.get("isGlobal") ?? false
@@ -851,13 +854,13 @@ function isV4Element(dataset) {
 
 // src/components/interactions-renderer.tsx
 var React6 = __toESM(require("react"));
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_ui3 = require("@elementor/ui");
 
 // src/hooks/use-interactions-items.ts
 var import_react10 = require("react");
 var import_editor_interactions = require("@elementor/editor-interactions");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-on-mount.ts
 var import_react9 = require("react");
@@ -913,7 +916,7 @@ function useInteractionsItems() {
     if (providerAndSubscribers.length === 0) {
       return;
     }
-    (0, import_editor_v1_adapters3.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+    (0, import_editor_v1_adapters4.registerDataHook)("after", "editor/documents/attach-preview", async () => {
       providerAndSubscribers.forEach(({ subscriber }) => {
         try {
           subscriber();
@@ -964,23 +967,23 @@ function InteractionsRenderer() {
   ));
 }
 function usePortalContainer() {
-  return (0, import_editor_v1_adapters4.__privateUseListenTo)((0, import_editor_v1_adapters4.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters4.getCanvasIframeDocument)()?.head);
+  return (0, import_editor_v1_adapters5.__privateUseListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters5.getCanvasIframeDocument)()?.head);
 }
 
 // src/components/style-renderer.tsx
 var React7 = __toESM(require("react"));
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_ui4 = require("@elementor/ui");
 
 // src/hooks/use-documents-css-links.ts
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 var REMOVED_ATTR = "data-e-removed";
 var DOCUMENT_WRAPPER_ATTR = "data-elementor-id";
 var CSS_LINK_ID_PREFIX = "elementor-post-";
 var CSS_LINK_ID_SUFFIX = "-css";
 function useDocumentsCssLinks() {
-  return (0, import_editor_v1_adapters5.__privateUseListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/attach-preview"), () => {
-    const iframeDocument = (0, import_editor_v1_adapters5.getCanvasIframeDocument)();
+  return (0, import_editor_v1_adapters6.__privateUseListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/attach-preview"), () => {
+    const iframeDocument = (0, import_editor_v1_adapters6.getCanvasIframeDocument)();
     if (!iframeDocument) {
       return [];
     }
@@ -1024,7 +1027,7 @@ var import_react13 = require("react");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles4 = require("@elementor/editor-styles");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 
 // src/utils/abort-previous-runs.ts
 function abortPreviousRuns(cb) {
@@ -1039,13 +1042,13 @@ function abortPreviousRuns(cb) {
 }
 
 // src/utils/pregenerated-links-removal.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var removedProviderKeys = /* @__PURE__ */ new Set();
 function removeProviderPregeneratedLinks(providerKey, removePregeneratedLink) {
   if (removedProviderKeys.has(providerKey)) {
     return;
   }
-  const iframeDocument = (0, import_editor_v1_adapters6.getCanvasIframeDocument)();
+  const iframeDocument = (0, import_editor_v1_adapters7.getCanvasIframeDocument)();
   if (!iframeDocument) {
     return;
   }
@@ -1084,7 +1087,7 @@ function signalizedProcess(signal, steps = []) {
 // src/hooks/use-style-prop-resolver.ts
 var import_react11 = require("react");
 var import_editor_styles2 = require("@elementor/editor-styles");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-props-resolver.ts
 var import_editor_props3 = require("@elementor/editor-props");
@@ -1218,7 +1221,7 @@ function useStylePropResolver() {
         if (key !== "font-family" || typeof value !== "string") {
           return;
         }
-        (0, import_editor_v1_adapters7.enqueueFont)(value);
+        (0, import_editor_v1_adapters8.enqueueFont)(value);
       }
     });
   }, []);
@@ -1385,7 +1388,7 @@ function useStyleItems() {
     };
   }, [providerAndSubscribers]);
   useOnMount(() => {
-    (0, import_editor_v1_adapters8.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+    (0, import_editor_v1_adapters9.registerDataHook)("after", "editor/documents/attach-preview", async () => {
       resetRemovedProviders();
       const promises = providerAndSubscribers.map(async ({ subscriber }) => subscriber());
       await Promise.all(promises);
@@ -1540,7 +1543,7 @@ function StyleRenderer() {
   return /* @__PURE__ */ React7.createElement(import_ui4.Portal, { container }, filterUniqueStyleDefinitions(styleItems).map((item) => /* @__PURE__ */ React7.createElement("style", { key: `${item.id}-${item.breakpoint}-${item.state ?? "normal"}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React7.createElement("link", { ...attrs, key: attrs.id })));
 }
 function usePortalContainer2() {
-  return (0, import_editor_v1_adapters9.__privateUseListenTo)((0, import_editor_v1_adapters9.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters9.getCanvasIframeDocument)()?.head);
+  return (0, import_editor_v1_adapters10.__privateUseListenTo)((0, import_editor_v1_adapters10.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters10.getCanvasIframeDocument)()?.head);
 }
 function filterUniqueStyleDefinitions(styleItems) {
   const seen = /* @__PURE__ */ new Map();
@@ -1563,11 +1566,11 @@ function filterUniqueStyleDefinitions(styleItems) {
 
 // src/form-structure/enforce-form-ancestor-commands.ts
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_i18n = require("@wordpress/i18n");
 
 // src/form-structure/utils.ts
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var FORM_ELEMENT_TYPE = "e-form";
 var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-input",
@@ -1597,10 +1600,10 @@ function isWithinForm(element) {
   return isElementWithinFormSelector(element);
 }
 function hasElementType(element, type) {
-  return (0, import_editor_elements5.getAllDescendants)(element).some((item) => getElementType(item) === type);
+  return (0, import_editor_elements6.getAllDescendants)(element).some((item) => getElementType(item) === type);
 }
 function hasElementTypes(element, types) {
-  return (0, import_editor_elements5.getAllDescendants)(element).some((item) => {
+  return (0, import_editor_elements6.getAllDescendants)(element).some((item) => {
     const itemType = getElementType(item);
     return itemType ? types.has(itemType) : false;
   });
@@ -1640,15 +1643,15 @@ var FORM_FIELDS_OUTSIDE_ALERT = {
   id: "form-fields-outside-form-blocked"
 };
 function initFormAncestorEnforcement() {
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/create",
     condition: blockFormFieldCreate
   });
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/move",
     condition: blockFormFieldMove
   });
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/paste",
     condition: blockFormFieldPaste
   });
@@ -1697,7 +1700,7 @@ function handleBlockedFormField() {
 
 // src/form-structure/prevent-form-nesting-commands.ts
 var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_i18n2 = require("@wordpress/i18n");
 var FORM_NESTING_ALERT = {
   type: "default",
@@ -1705,15 +1708,15 @@ var FORM_NESTING_ALERT = {
   id: "form-nesting-blocked"
 };
 function initFormNestingPrevention() {
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/create",
     condition: blockFormCreate
   });
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/move",
     condition: blockFormMove
   });
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/paste",
     condition: blockFormPaste
   });
@@ -2328,8 +2331,8 @@ function initStyleTransformers() {
 }
 
 // src/legacy/init-legacy-views.ts
-var import_editor_elements9 = require("@elementor/editor-elements");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
 var import_twing = require("@elementor/twing");
@@ -2457,25 +2460,25 @@ function createElementViewClassDeclaration() {
 }
 
 // src/legacy/create-nested-templated-element-type.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 
 // src/legacy/create-pending-element.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 function createPendingElement(wrapperView, data, options = {}) {
   const parentContainer = wrapperView.getContainer();
   const model = { ...data };
   if (!model.id) {
-    model.id = (0, import_editor_elements6.generateElementId)();
+    model.id = (0, import_editor_elements7.generateElementId)();
   }
   if (!model.elements) {
     model.elements = [];
   }
-  const added = (0, import_editor_elements6.addModelToParent)(parentContainer.id, model, options);
+  const added = (0, import_editor_elements7.addModelToParent)(parentContainer.id, model, options);
   if (!added) {
     return void 0;
   }
   const childId = model.id;
-  const childModel = (0, import_editor_elements6.findModelInDocument)(childId);
+  const childModel = (0, import_editor_elements7.findModelInDocument)(childId);
   if (!childModel) {
     return void 0;
   }
@@ -2486,7 +2489,7 @@ function createPendingElement(wrapperView, data, options = {}) {
     model: childModel,
     view: void 0,
     lookup() {
-      return (0, import_editor_elements6.getContainer)(childId) ?? pendingContainer;
+      return (0, import_editor_elements7.getContainer)(childId) ?? pendingContainer;
     }
   };
   wrapperView.once("render", () => {
@@ -2499,7 +2502,7 @@ function createPendingElement(wrapperView, data, options = {}) {
 }
 function selectChildWhenWrapperRenders(wrapperView, childId) {
   wrapperView.once("render", () => {
-    const childContainer = (0, import_editor_elements6.getContainer)(childId);
+    const childContainer = (0, import_editor_elements7.getContainer)(childId);
     if (childContainer?.model?.trigger) {
       childContainer.model.trigger("request:edit");
       return;
@@ -2765,7 +2768,7 @@ function createNestedTemplatedElementView({
         this._initAlpine();
       });
       this.model.trigger("render:complete");
-      window.dispatchEvent(new CustomEvent(import_editor_elements7.ELEMENT_STYLE_CHANGE_EVENT));
+      window.dispatchEvent(new CustomEvent(import_editor_elements8.ELEMENT_STYLE_CHANGE_EVENT));
     },
     async _renderTemplate() {
       const model = this.model;
@@ -3006,9 +3009,9 @@ var import_client = require("react-dom/client");
 
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
 var React9 = __toESM(require("react"));
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_props5 = require("@elementor/editor-props");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
 
 // src/legacy/replacements/base.ts
@@ -3326,7 +3329,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return this.editing;
   }
   shouldRenderReplacement() {
-    return this.isInlineEditingEligible() && (0, import_editor_v1_adapters12.getCurrentEditMode)() === "edit";
+    return this.isInlineEditingEligible() && (0, import_editor_v1_adapters13.getCurrentEditMode)() === "edit";
   }
   handleRenderInlineEditor = () => {
     if (this.isEditingModeActive() || !this.isInlineEditingEligible()) {
@@ -3382,7 +3385,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return INLINE_EDITING_PROPERTY_PER_TYPE[this.type] ?? "";
   }
   getInlineEditablePropType() {
-    const propSchema = (0, import_editor_elements8.getElementType)(this.type)?.propsSchema;
+    const propSchema = (0, import_editor_elements9.getElementType)(this.type)?.propsSchema;
     const propertyName = this.getInlineEditablePropertyName();
     return propSchema?.[propertyName] ?? null;
   }
@@ -3404,7 +3407,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
       content: parsed.content ? import_editor_props5.stringPropTypeUtil.create(parsed.content) : null,
       children: parsed.children
     });
-    (0, import_editor_v1_adapters12.undoable)(
+    (0, import_editor_v1_adapters13.undoable)(
       {
         do: () => {
           const prevValue = this.getInlineEditablePropValue();
@@ -3416,7 +3419,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
         }
       },
       {
-        title: (0, import_editor_elements8.getElementLabel)(this.id),
+        title: (0, import_editor_elements9.getElementLabel)(this.id),
         // translators: %s is the name of the property that was edited.
         subtitle: (0, import_i18n3.__)("%s edited", "elementor").replace(
           "%s",
@@ -3446,17 +3449,17 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return null;
   }
   runCommand(key, value) {
-    (0, import_editor_v1_adapters12.__privateRunCommandSync)(
+    (0, import_editor_v1_adapters13.__privateRunCommandSync)(
       "document/elements/set-settings",
       {
-        container: (0, import_editor_elements8.getContainer)(this.id),
+        container: (0, import_editor_elements9.getContainer)(this.id),
         settings: {
           [key]: value
         }
       },
       { internal: true }
     );
-    (0, import_editor_v1_adapters12.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+    (0, import_editor_v1_adapters13.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
   }
   getExpectedTag() {
     const tagPropType = this.getTagPropType();
@@ -3464,7 +3467,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return import_editor_props5.stringPropTypeUtil.extract(this.getSetting(tagSettingKey) ?? null) ?? import_editor_props5.stringPropTypeUtil.extract(tagPropType?.default ?? null) ?? null;
   }
   getTagPropType() {
-    const propsSchema = (0, import_editor_elements8.getElementType)(this.type)?.propsSchema;
+    const propsSchema = (0, import_editor_elements9.getElementType)(this.type)?.propsSchema;
     if (!propsSchema?.tag) {
       return null;
     }
@@ -3623,8 +3626,8 @@ function registerElementType(type, elementTypeGenerator) {
   elementsLegacyTypes[type] = elementTypeGenerator;
 }
 function initLegacyViews() {
-  (0, import_editor_v1_adapters13.__privateListenTo)((0, import_editor_v1_adapters13.v1ReadyEvent)(), () => {
-    const widgetsCache = (0, import_editor_elements9.getWidgetsCache)() ?? {};
+  (0, import_editor_v1_adapters14.__privateListenTo)((0, import_editor_v1_adapters14.v1ReadyEvent)(), () => {
+    const widgetsCache = (0, import_editor_elements10.getWidgetsCache)() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
     registerProPromotionTypes(widgetsCache);
@@ -3711,7 +3714,7 @@ function initTabsModelExtensions() {
 }
 
 // src/mcp/resources/available-widgets-resource.ts
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var AVAILABLE_WIDGETS_URI = "elementor://context/available-widgets";
 var AVAILABLE_WIDGETS_URI_V4 = "elementor://context/available-widgets/v4";
 var initAvailableWidgetsResource = (reg) => {
@@ -3754,7 +3757,7 @@ var initAvailableWidgetsResource = (reg) => {
     },
     async () => buildContents(AVAILABLE_WIDGETS_URI)
   );
-  const eventName = (0, import_editor_v1_adapters14.v1ReadyEvent)().name;
+  const eventName = (0, import_editor_v1_adapters15.v1ReadyEvent)().name;
   const onV1Ready = () => {
     const widgets = getAvailableWidgets();
     if (widgets.length === 0) {
@@ -3768,8 +3771,8 @@ var initAvailableWidgetsResource = (reg) => {
 };
 
 // src/mcp/resources/document-structure-resource.ts
-var import_editor_elements10 = require("@elementor/editor-elements");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -3782,15 +3785,15 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters15.__privateListenTo)(
+  (0, import_editor_v1_adapters16.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters15.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters15.commandEndEvent)("editor/documents/switch")
+      (0, import_editor_v1_adapters16.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters16.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters16.commandEndEvent)("document/elements/move"),
+      (0, import_editor_v1_adapters16.commandEndEvent)("document/elements/copy"),
+      (0, import_editor_v1_adapters16.commandEndEvent)("document/elements/paste"),
+      (0, import_editor_v1_adapters16.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters16.commandEndEvent)("editor/documents/switch")
     ],
     updateDocumentStructure
   );
@@ -3833,7 +3836,7 @@ function resolveElementVersion(element) {
     return "v4";
   }
   const widgetType = element.model?.attributes?.widgetType;
-  if (widgetType && (0, import_editor_elements10.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
+  if (widgetType && (0, import_editor_elements11.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
     return "v4";
   }
   return "v3";
@@ -3860,7 +3863,7 @@ function extractElementData(element) {
 }
 
 // src/mcp/resources/editor-state-resource.ts
-var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
 var CURRENTLY_VIEWED_SCREEN = "The user is currently viewing the Elementor editor";
 var PAGE_CONTENT_CHARACTER_LIMIT = 500;
 var PREVIEW_TEXT_NODE_MIN_LENGTH = 2;
@@ -3881,8 +3884,8 @@ var initEditorStateResource = (reg) => {
     lastSerializedState = serialized;
     sendResourceUpdated({ uri: EDITOR_STATE_URI });
   };
-  (0, import_editor_v1_adapters16.__privateListenTo)(
-    [(0, import_editor_v1_adapters16.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters16.commandEndEvent)("editor/documents/attach-preview")],
+  (0, import_editor_v1_adapters17.__privateListenTo)(
+    [(0, import_editor_v1_adapters17.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters17.commandEndEvent)("editor/documents/attach-preview")],
     notifyIfChanged
   );
   lastSerializedState = JSON.stringify(buildState());
@@ -3956,7 +3959,7 @@ function getPageTitle() {
 }
 
 // src/mcp/resources/general-context-resource.ts
-var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
 var GENERAL_CONTEXT_URI = "elementor://context/general";
 var initGeneralContextResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4017,11 +4020,11 @@ var initGeneralContextResource = (reg) => {
       };
     }
   );
-  (0, import_editor_v1_adapters17.__privateListenTo)(
+  (0, import_editor_v1_adapters18.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters17.commandEndEvent)("editor/documents/switch"),
-      (0, import_editor_v1_adapters17.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters17.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/switch"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/settings")
     ],
     pushUpdateIfChanged
   );
@@ -4029,8 +4032,8 @@ var initGeneralContextResource = (reg) => {
 };
 
 // src/mcp/resources/selected-element-resource.ts
-var import_editor_elements11 = require("@elementor/editor-elements");
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
 var SELECTED_ELEMENT_URI = "elementor://context/selected-element";
 var initSelectedElementResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4061,11 +4064,11 @@ var initSelectedElementResource = (reg) => {
     }
     publishIfChanged(readSelectionFromEditor());
   };
-  (0, import_editor_v1_adapters18.__privateListenTo)(
+  (0, import_editor_v1_adapters19.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/select"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/deselect-all"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/deselect-all"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/settings")
     ],
     onCommand
   );
@@ -4100,11 +4103,11 @@ function createEmptySelectedElementPayload() {
   };
 }
 function readSelectionFromEditor() {
-  const elements = (0, import_editor_elements11.getSelectedElements)();
+  const elements = (0, import_editor_elements12.getSelectedElements)();
   if (elements.length !== 1) {
     return createEmptySelectedElementPayload();
   }
-  const container = (0, import_editor_elements11.getContainer)(elements[0].id);
+  const container = (0, import_editor_elements12.getContainer)(elements[0].id);
   return buildPayloadFromContainer(container);
 }
 function buildPayloadFromContainer(container) {
@@ -4127,7 +4130,7 @@ function resolveElementVersion2(container, widgetType) {
   if (container.model?.config?.atomic) {
     return "v4";
   }
-  if (widgetType && (0, import_editor_elements11.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
+  if (widgetType && (0, import_editor_elements12.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
     return "v4";
   }
   return "v3";
@@ -4137,7 +4140,7 @@ function getElementProperties(container, widgetType) {
   if (!settings || typeof settings !== "object") {
     return null;
   }
-  const widgetConfig = widgetType ? (0, import_editor_elements11.getWidgetsCache)()?.[widgetType] : null;
+  const widgetConfig = widgetType ? (0, import_editor_elements12.getWidgetsCache)()?.[widgetType] : null;
   const controls = widgetConfig?.controls;
   const filtered = {};
   for (const [key, value] of Object.entries(settings)) {
@@ -4176,16 +4179,16 @@ function getElementDisplayName(container) {
 
 // src/mcp/tools/build-composition/tool.ts
 var import_editor_documents3 = require("@elementor/editor-documents");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 
 // src/composition-builder/composition-builder.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 
 // src/mcp/utils/do-update-element-property.ts
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_styles5 = require("@elementor/editor-styles");
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
 function resolvePropValue(value, forceKey) {
   const Utils = window.elementorV2.editorVariables.Utils;
   return import_editor_props7.Schema.adjustLlmPropValueSchema(value, {
@@ -4196,7 +4199,7 @@ function resolvePropValue(value, forceKey) {
 var doUpdateElementProperty = (params) => {
   const { elementId, propertyName, propertyValue, elementType } = params;
   if (propertyName === "_styles") {
-    const elementStyles = (0, import_editor_elements12.getElementStyles)(elementId) || {};
+    const elementStyles = (0, import_editor_elements13.getElementStyles)(elementId) || {};
     const propertyMapValue = propertyValue;
     const styleSchema = (0, import_editor_styles5.getStylesSchema)();
     const transformedStyleValues = Object.fromEntries(
@@ -4244,7 +4247,7 @@ var doUpdateElementProperty = (params) => {
     delete transformedStyleValues.custom_css;
     const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
     if (!localStyle) {
-      (0, import_editor_elements12.createElementStyle)({
+      (0, import_editor_elements13.createElementStyle)({
         elementId,
         ...typeof customCss !== "undefined" ? { custom_css: customCss } : {},
         classesProp: "classes",
@@ -4258,7 +4261,7 @@ var doUpdateElementProperty = (params) => {
         }
       });
     } else {
-      (0, import_editor_elements12.updateElementStyle)({
+      (0, import_editor_elements13.updateElementStyle)({
         elementId,
         styleId: localStyle.id,
         meta: {
@@ -4273,7 +4276,7 @@ var doUpdateElementProperty = (params) => {
     }
     return;
   }
-  const elementPropSchema = (0, import_editor_elements12.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+  const elementPropSchema = (0, import_editor_elements13.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
   if (!elementPropSchema) {
     throw new Error(`No prop schema found for element type: ${elementType}`);
   }
@@ -4296,18 +4299,18 @@ var doUpdateElementProperty = (params) => {
 Expected Schema: ${jsonSchema}`
     );
   }
-  (0, import_editor_elements12.updateElementSettings)({
+  (0, import_editor_elements13.updateElementSettings)({
     id: elementId,
     props: {
       [propertyName]: value
     },
     withHistory: false
   });
-  (0, import_editor_v1_adapters19.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+  (0, import_editor_v1_adapters20.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
 };
 
 // src/mcp/utils/validate-input.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_props8 = require("@elementor/editor-props");
 var import_editor_styles6 = require("@elementor/editor-styles");
 var _widgetsSchema = null;
@@ -4315,7 +4318,7 @@ var validateInput = {
   get widgetsSchema() {
     if (!_widgetsSchema) {
       const schema2 = {};
-      const cache = (0, import_editor_elements13.getWidgetsCache)();
+      const cache = (0, import_editor_elements14.getWidgetsCache)();
       if (!cache) {
         return {};
       }
@@ -4439,11 +4442,11 @@ var CompositionBuilder = class _CompositionBuilder {
   elementCustomCSS = {};
   rootContainers = [];
   api = {
-    createElement: import_editor_elements14.createElement,
-    deleteElement: import_editor_elements14.deleteElement,
-    getWidgetsCache: import_editor_elements14.getWidgetsCache,
-    generateElementId: import_editor_elements14.generateElementId,
-    getContainer: import_editor_elements14.getContainer,
+    createElement: import_editor_elements15.createElement,
+    deleteElement: import_editor_elements15.deleteElement,
+    getWidgetsCache: import_editor_elements15.getWidgetsCache,
+    generateElementId: import_editor_elements15.generateElementId,
+    getContainer: import_editor_elements15.getContainer,
     doUpdateElementProperty
   };
   xml;
@@ -4956,19 +4959,19 @@ var initBuildCompositionsTool = (reg) => {
       assertCompositionXmlUsesV4WidgetsOnly(rawParams.xmlStructure);
       const { xmlStructure, elementConfig, stylesConfig, customCSS } = adaptLeafRootParams({
         ...rawParams,
-        widgetsCache: (0, import_editor_elements15.getWidgetsCache)() ?? {}
+        widgetsCache: (0, import_editor_elements16.getWidgetsCache)() ?? {}
       });
       let generatedXML = "";
       const errors = [];
       const rootContainers = [];
-      const documentContainer = (0, import_editor_elements15.getContainer)("document");
+      const documentContainer = (0, import_editor_elements16.getContainer)("document");
       const currentDocument = (0, import_editor_documents3.getCurrentDocument)();
       const targetContainer = getCompositionTargetContainer(documentContainer, currentDocument?.type.value);
       try {
         const compositionBuilder = CompositionBuilder.fromXMLString(xmlStructure, {
-          createElement: import_editor_elements15.createElement,
-          deleteElement: import_editor_elements15.deleteElement,
-          getWidgetsCache: import_editor_elements15.getWidgetsCache
+          createElement: import_editor_elements16.createElement,
+          deleteElement: import_editor_elements16.deleteElement,
+          getWidgetsCache: import_editor_elements16.getWidgetsCache
         });
         compositionBuilder.setElementConfig(elementConfig);
         compositionBuilder.setStylesConfig(stylesConfig);
@@ -5004,7 +5007,7 @@ var initBuildCompositionsTool = (reg) => {
       }
       if (errors.length) {
         rootContainers.forEach((rootContainer) => {
-          (0, import_editor_elements15.deleteElement)({
+          (0, import_editor_elements16.deleteElement)({
             container: rootContainer,
             options: { useHistory: false }
           });
@@ -5058,7 +5061,7 @@ function assertCompositionXmlUsesV4WidgetsOnly(xmlStructure) {
   if (doc.querySelector("parsererror")) {
     throw new Error("Failed to parse XML string: " + doc);
   }
-  const widgetsCache = (0, import_editor_elements15.getWidgetsCache)() ?? {};
+  const widgetsCache = (0, import_editor_elements16.getWidgetsCache)() ?? {};
   for (const node of doc.querySelectorAll("*")) {
     const type = node.tagName;
     const widgetData = widgetsCache[type];
@@ -5075,7 +5078,7 @@ function assertCompositionXmlUsesV4WidgetsOnly(xmlStructure) {
 }
 
 // src/mcp/tools/configure-element/tool.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 
 // src/mcp/tools/configure-element/prompt.ts
 var import_editor_mcp3 = require("@elementor/editor-mcp");
@@ -5244,7 +5247,7 @@ var initConfigureElementTool = (reg) => {
       { description: "Configure element guide", uri: CONFIGURE_ELEMENT_GUIDE_URI }
     ],
     handler: ({ elementId, propertiesToChange, elementType, stylePropertiesToChange }) => {
-      const widgetData = (0, import_editor_elements16.getWidgetsCache)()?.[elementType];
+      const widgetData = (0, import_editor_elements17.getWidgetsCache)()?.[elementType];
       if (!widgetData) {
         throw new Error(
           `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
@@ -5336,7 +5339,7 @@ Check the styles schema at the resource [${STYLE_SCHEMA_URI.replace(
 }
 
 // src/mcp/tools/get-element-config/tool.ts
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
 var import_schema5 = require("@elementor/schema");
 var schema = {
@@ -5371,12 +5374,12 @@ var initGetElementConfigTool = (reg) => {
     schema,
     outputSchema: outputSchema3,
     handler: async ({ elementId }) => {
-      const element = (0, import_editor_elements17.getContainer)(elementId);
+      const element = (0, import_editor_elements18.getContainer)(elementId);
       if (!element) {
         throw new Error(`Element with ID ${elementId} not found.`);
       }
       const elementType = element.model.get("widgetType") || element.model.get("elType") || "";
-      const widgetData = (0, import_editor_elements17.getWidgetsCache)()?.[elementType];
+      const widgetData = (0, import_editor_elements18.getWidgetsCache)()?.[elementType];
       if (!widgetData) {
         throw new Error(
           `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
@@ -5388,7 +5391,7 @@ var initGetElementConfigTool = (reg) => {
         );
       }
       const elementRawSettings = element.settings;
-      const propSchema = (0, import_editor_elements17.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+      const propSchema = (0, import_editor_elements18.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
       if (!elementRawSettings || !propSchema) {
         throw new Error(`No settings or prop schema found for element ID: ${elementId}`);
       }
@@ -5397,7 +5400,7 @@ var initGetElementConfigTool = (reg) => {
       import_editor_props9.Schema.configurableKeys(propSchema).forEach((key) => {
         propValues[key] = structuredClone(elementRawSettings.get(key));
       });
-      const elementStyles = (0, import_editor_elements17.getElementStyles)(elementId) || {};
+      const elementStyles = (0, import_editor_elements18.getElementStyles)(elementId) || {};
       const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
       if (localStyle) {
         const defaultVariant = localStyle.variants.find(
@@ -5555,16 +5558,16 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 `;
 
 // src/prevent-link-in-link-commands.ts
-var import_editor_elements18 = require("@elementor/editor-elements");
+var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters20.blockCommand)({
+  (0, import_editor_v1_adapters21.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters20.blockCommand)({
+  (0, import_editor_v1_adapters21.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -5626,24 +5629,24 @@ function shouldBlock(sourceElements, targetElements) {
     return false;
   }
   const isSourceContainsAnAnchor = sourceElements.some((src) => {
-    return src?.id ? (0, import_editor_elements18.isElementAnchored)(src.id) || !!(0, import_editor_elements18.getAnchoredDescendantId)(src.id) : false;
+    return src?.id ? (0, import_editor_elements19.isElementAnchored)(src.id) || !!(0, import_editor_elements19.getAnchoredDescendantId)(src.id) : false;
   });
   if (!isSourceContainsAnAnchor) {
     return false;
   }
   const isTargetContainsAnAnchor = targetElements.some((target) => {
-    return target?.id ? (0, import_editor_elements18.isElementAnchored)(target.id) || !!(0, import_editor_elements18.getAnchoredAncestorId)(target.id) : false;
+    return target?.id ? (0, import_editor_elements19.isElementAnchored)(target.id) || !!(0, import_editor_elements19.getAnchoredAncestorId)(target.id) : false;
   });
   return isTargetContainsAnAnchor;
 }
 
 // src/style-commands/paste-style.ts
-var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_elements22 = require("@elementor/editor-elements");
 var import_editor_props11 = require("@elementor/editor-props");
-var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
-var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
 function hasAtomicWidgets(args) {
@@ -5668,7 +5671,7 @@ function getClassesProp(container) {
 }
 function getContainerSchema(container) {
   const type = container?.model.get("widgetType") || container?.model.get("elType");
-  const widgetsCache = (0, import_editor_elements19.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements20.getWidgetsCache)();
   const elementType = widgetsCache?.[type];
   return elementType?.atomic_props_schema ?? null;
 }
@@ -5681,15 +5684,15 @@ function getClipboardElements(storageKey = "clipboard") {
   }
 }
 function getTitleForContainers(containers) {
-  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements19.getElementLabel)(containers[0].id);
+  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements20.getElementLabel)(containers[0].id);
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
-var import_editor_elements20 = require("@elementor/editor-elements");
+var import_editor_elements21 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
 var import_i18n6 = require("@wordpress/i18n");
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters22.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -5698,7 +5701,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
         if (!classesProp) {
           return null;
         }
-        const originalStyles = (0, import_editor_elements20.getElementStyles)(container.id);
+        const originalStyles = (0, import_editor_elements21.getElementStyles)(container.id);
         const [styleId, styleDef] = Object.entries(originalStyles ?? {})[0] ?? [];
         const originalStyle = Object.keys(styleDef ?? {}).length ? styleDef : null;
         const revertData = {
@@ -5707,7 +5710,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
         };
         if (styleId) {
           newStyle.variants.forEach(({ meta, props, custom_css: customCss }) => {
-            (0, import_editor_elements20.updateElementStyle)({
+            (0, import_editor_elements21.updateElementStyle)({
               elementId,
               styleId,
               meta,
@@ -5718,7 +5721,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
         } else {
           const [firstVariant] = newStyle.variants;
           const additionalVariants = newStyle.variants.slice(1);
-          revertData.styleId = (0, import_editor_elements20.createElementStyle)({
+          revertData.styleId = (0, import_editor_elements21.createElementStyle)({
             elementId,
             classesProp,
             label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -5736,7 +5739,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
           return;
         }
         if (!revertData.originalStyle) {
-          (0, import_editor_elements20.deleteElementStyle)(container.id, revertData.styleId);
+          (0, import_editor_elements21.deleteElementStyle)(container.id, revertData.styleId);
           return;
         }
         const classesProp = getClassesProp(container);
@@ -5745,7 +5748,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
         }
         const [firstVariant] = revertData.originalStyle.variants;
         const additionalVariants = revertData.originalStyle.variants.slice(1);
-        (0, import_editor_elements20.createElementStyle)({
+        (0, import_editor_elements21.createElementStyle)({
           elementId: container.id,
           classesProp,
           label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -5765,12 +5768,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters21.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters22.blockCommand)({
+  (0, import_editor_v1_adapters23.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters22.__privateListenTo)(
-    (0, import_editor_v1_adapters22.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters23.__privateListenTo)(
+    (0, import_editor_v1_adapters23.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -5782,7 +5785,7 @@ function pasteStyles(args, pasteLocalStyle) {
   }
   const clipboardElements = getClipboardElements(storageKey);
   const [clipboardElement] = clipboardElements ?? [];
-  const clipboardContainer = (0, import_editor_elements21.getContainer)(clipboardElement.id);
+  const clipboardContainer = (0, import_editor_elements22.getContainer)(clipboardElement.id);
   if (!clipboardElement || !clipboardContainer || !isAtomicWidget(clipboardContainer)) {
     return;
   }
@@ -5801,7 +5804,7 @@ function getClassesWithoutLocalStyle(clipboardContainer, style) {
   if (!classesProp) {
     return [];
   }
-  const classesSetting = (0, import_editor_elements21.getElementSetting)(clipboardContainer.id, classesProp);
+  const classesSetting = (0, import_editor_elements22.getElementSetting)(clipboardContainer.id, classesProp);
   return classesSetting?.value.filter((styleId) => styleId !== style?.id) ?? [];
 }
 function pasteClasses(containers, classes) {
@@ -5810,10 +5813,10 @@ function pasteClasses(containers, classes) {
     if (!classesProp) {
       return;
     }
-    const classesSetting = (0, import_editor_elements21.getElementSetting)(container.id, classesProp);
+    const classesSetting = (0, import_editor_elements22.getElementSetting)(container.id, classesProp);
     const currentClasses = import_editor_props11.classesPropTypeUtil.extract(classesSetting) ?? [];
     const newClasses = import_editor_props11.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
-    (0, import_editor_elements21.updateElementSettings)({
+    (0, import_editor_elements22.updateElementSettings)({
       id: container.id,
       props: { [classesProp]: newClasses }
     });
@@ -5821,21 +5824,21 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
-var import_editor_elements22 = require("@elementor/editor-elements");
+var import_editor_elements23 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters24.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
         const elementId = container.model.get("id");
-        const containerStyles = (0, import_editor_elements22.getElementStyles)(elementId);
+        const containerStyles = (0, import_editor_elements23.getElementStyles)(elementId);
         Object.keys(containerStyles ?? {}).forEach(
-          (styleId) => (0, import_editor_elements22.deleteElementStyle)(elementId, styleId)
+          (styleId) => (0, import_editor_elements23.deleteElementStyle)(elementId, styleId)
         );
         return containerStyles;
       });
@@ -5851,7 +5854,7 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
         Object.entries(containerStyles ?? {}).forEach(([styleId, style]) => {
           const [firstVariant] = style.variants;
           const additionalVariants = style.variants.slice(1);
-          (0, import_editor_elements22.createElementStyle)({
+          (0, import_editor_elements23.createElementStyle)({
             elementId,
             classesProp,
             styleId,
@@ -5872,12 +5875,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters24.blockCommand)({
+  (0, import_editor_v1_adapters25.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters24.__privateListenTo)(
-    (0, import_editor_v1_adapters24.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters25.__privateListenTo)(
+    (0, import_editor_v1_adapters25.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }
@@ -6026,9 +6029,9 @@ function getRectClipPath(rect, viewport) {
 }
 
 // src/hooks/use-canvas-document.ts
-var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters26 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters25.__privateUseListenTo)((0, import_editor_v1_adapters25.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters25.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters26.__privateUseListenTo)((0, import_editor_v1_adapters26.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters26.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-escape-on-canvas.ts
@@ -6051,10 +6054,10 @@ function useEscapeOnCanvas(canvasDocument, onEscape) {
 }
 
 // src/utils/after-render.ts
-var import_editor_elements23 = require("@elementor/editor-elements");
+var import_editor_elements24 = require("@elementor/editor-elements");
 function doAfterRender(elementIds, callback) {
   const pending = elementIds.map((elementId) => {
-    const view = (0, import_editor_elements23.getContainer)(elementId)?.view;
+    const view = (0, import_editor_elements24.getContainer)(elementId)?.view;
     if (!view || !hasDoAfterRender(view)) {
       return void 0;
     }