@elementor/editor-canvas 3.35.0-358 → 3.35.0-360

package/dist/index.mjs

@@ -230,8 +230,8 @@ var subscribeToStylesRepository = () => {
   });
 };
 var renameClass = (oldClassName, newClassName) => {
-  Object.values(getV1DocumentsManager().documents).forEach((document2) => {
-    const container = document2.container;
+  Object.values(getV1DocumentsManager().documents).forEach((document) => {
+    const container = document.container;
     container.view?.el?.querySelectorAll(`.elementor .${oldClassName}`).forEach((element) => {
       element.classList.replace(oldClassName, newClassName);
     });
@@ -567,14 +567,14 @@ function useDocumentsCssLinks() {
     }));
   });
 }
-function getDocumentsIdsInCanvas(document2) {
-  return [...document2.body.querySelectorAll(`[${DOCUMENT_WRAPPER_ATTR}]`) ?? []].map(
+function getDocumentsIdsInCanvas(document) {
+  return [...document.body.querySelectorAll(`[${DOCUMENT_WRAPPER_ATTR}]`) ?? []].map(
     (el) => el.getAttribute(DOCUMENT_WRAPPER_ATTR) || ""
   );
 }
-function getDocumentsCssLinks(document2) {
+function getDocumentsCssLinks(document) {
   return [
-    ...document2.head.querySelectorAll(
+    ...document.head.querySelectorAll(
       `link[rel="stylesheet"][id^=${CSS_LINK_ID_PREFIX}][id$=${CSS_LINK_ID_SUFFIX}]`
     ) ?? []
   ];
@@ -587,7 +587,7 @@ function getLinkAttrs(el) {
 // src/hooks/use-style-items.ts
 import { useEffect as useEffect6, useMemo as useMemo4, useState as useState3 } from "react";
 import { getBreakpoints } from "@elementor/editor-responsive";
-import { isClassState as isClassState2 } from "@elementor/editor-styles";
+import { isClassState } from "@elementor/editor-styles";
 import { stylesRepository as stylesRepository2 } from "@elementor/editor-styles-repository";
 import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adapters";
 
@@ -774,8 +774,7 @@ import { useBreakpointsMap } from "@elementor/editor-responsive";
 
 // src/renderers/create-styles-renderer.ts
 import {
-  isClassState,
-  isPseudoState
+  getSelectorWithState
 } from "@elementor/editor-styles";
 import { decodeString } from "@elementor/utils";
 
@@ -824,16 +823,8 @@ function createStyleWrapper(value = "", wrapper) {
     },
     withPrefix: (prefix) => createStyleWrapper([prefix, value].filter(Boolean).join(" "), wrapper),
     withState: (state) => {
-      if (!state) {
-        return createStyleWrapper(value, wrapper);
-      }
-      if (isClassState(state)) {
-        return createStyleWrapper(`${value}.${state}`, wrapper);
-      }
-      if (isPseudoState(state)) {
-        return createStyleWrapper(`${value}:${state}`, wrapper);
-      }
-      throw new UnknownStyleStateError({ context: { state } });
+      const selector = getSelectorWithState(value, state);
+      return createStyleWrapper(selector, wrapper);
     },
     withMediaQuery: (breakpoint) => {
       if (!breakpoint?.type) {
@@ -927,10 +918,10 @@ function sortByBreakpoint(breakpointsOrder) {
   return ({ breakpoint: breakpointA }, { breakpoint: breakpointB }) => breakpointsOrder.indexOf(breakpointA) - breakpointsOrder.indexOf(breakpointB);
 }
 function sortByStateType({ state: stateA }, { state: stateB }) {
-  if (isClassState2(stateA) && !isClassState2(stateB)) {
+  if (isClassState(stateA) && !isClassState(stateB)) {
     return -1;
   }
-  if (!isClassState2(stateA) && isClassState2(stateB)) {
+  if (!isClassState(stateA) && isClassState(stateB)) {
     return 1;
   }
   return 0;
@@ -1471,98 +1462,6 @@ function escapeURL(value) {
   }
 }
 
-// src/utils/inline-editing-utils.ts
-import { getContainer, getElementType } from "@elementor/editor-elements";
-import { isExperimentActive } from "@elementor/editor-v1-adapters";
-var WIDGET_PROPERTY_MAP = {
-  "e-heading": "title",
-  "e-paragraph": "paragraph"
-};
-var EXPERIMENT_KEY = "v4-inline-text-editing";
-var legacyWindow = window;
-var shouldRenderInlineEditingView = (elementType) => {
-  return elementType in WIDGET_PROPERTY_MAP && isExperimentActive(EXPERIMENT_KEY);
-};
-var getWidgetType = (container) => {
-  return container?.model?.get("widgetType") ?? container?.model?.get("elType") ?? null;
-};
-var getHtmlPropertyName = (container) => {
-  const widgetType = getWidgetType(container);
-  if (!widgetType) {
-    return "";
-  }
-  const propsSchema = getElementType(widgetType)?.propsSchema;
-  if (WIDGET_PROPERTY_MAP[widgetType]) {
-    return WIDGET_PROPERTY_MAP[widgetType];
-  }
-  if (!propsSchema) {
-    return "";
-  }
-  const entry = Object.entries(propsSchema).find(([, propType]) => {
-    switch (propType.kind) {
-      case "union":
-        return propType.prop_types.html;
-      case "object":
-        return propType.shape.html;
-      case "array":
-        return "key" in propType.item_prop_type && propType.item_prop_type.key === "html";
-    }
-    return propType.key === "html";
-  });
-  return entry?.[0] ?? "";
-};
-var getHtmlPropType = (container) => {
-  const widgetType = getWidgetType(container);
-  if (!widgetType) {
-    return null;
-  }
-  const propsSchema = getElementType(widgetType)?.propsSchema;
-  const propertyName = getHtmlPropertyName(container) ?? null;
-  return propsSchema?.[propertyName] ?? null;
-};
-var getInlineEditablePropertyName = (container) => {
-  return getHtmlPropertyName(container) ?? "";
-};
-var getBlockedValue = (value, tag) => {
-  if (!value) {
-    return "";
-  }
-  if (!tag) {
-    return value;
-  }
-  const pseudoElement = document.createElement("div");
-  pseudoElement.innerHTML = value;
-  if (!pseudoElement?.children.length) {
-    return `<${tag}>${value}</${tag}>`;
-  }
-  const firstChild = pseudoElement.children[0];
-  const lastChild = Array.from(pseudoElement.children).slice(-1)[0];
-  if (firstChild === lastChild && pseudoElement.textContent === firstChild.textContent) {
-    return compareTag(firstChild, tag) ? value : `<${tag}>${firstChild.innerHTML}</${tag}>`;
-  }
-  if (!value.startsWith(`<${tag}`) || !value.endsWith(`</${tag}>`)) {
-    return `<${tag}>${value}</${tag}>`;
-  }
-  if (firstChild !== lastChild || !compareTag(firstChild, tag)) {
-    return `<${tag}>${value}</${tag}>`;
-  }
-  return value;
-};
-var compareTag = (el, tag) => {
-  return el.tagName.toUpperCase() === tag.toUpperCase();
-};
-var getInitialPopoverPosition = () => {
-  const positionFallback = { left: 0, top: 0 };
-  const iFrameElement = legacyWindow?.elementor?.$preview?.get(0);
-  const iFramePosition = iFrameElement?.getBoundingClientRect() ?? positionFallback;
-  const previewElement = legacyWindow?.elementor?.$previewWrapper?.get(0);
-  const previewPosition = previewElement ? { left: previewElement.scrollLeft, top: previewElement.scrollTop } : positionFallback;
-  return {
-    left: iFramePosition.left + previewPosition.left,
-    top: iFramePosition.top + previewPosition.top
-  };
-};
-
 // src/legacy/create-element-type.ts
 function createElementType(type) {
   const legacyWindow2 = window;
@@ -1639,37 +1538,7 @@ function createElementViewClassDeclaration() {
   };
 }
 
-// src/legacy/create-inline-editing-element-type.tsx
-import * as React5 from "react";
-import { createRoot } from "react-dom/client";
-import { InlineEditor } from "@elementor/editor-controls";
-import { getElementType as getElementType2 } from "@elementor/editor-elements";
-import {
-  htmlPropTypeUtil,
-  stringPropTypeUtil
-} from "@elementor/editor-props";
-import { ThemeProvider } from "@elementor/editor-ui";
-
 // src/legacy/create-templated-element-type.ts
-function createTemplatedElementType({
-  type,
-  renderer,
-  element
-}) {
-  const legacyWindow2 = window;
-  return class extends legacyWindow2.elementor.modules.elements.types.Widget {
-    getType() {
-      return type;
-    }
-    getView() {
-      return createTemplatedElementView({
-        type,
-        renderer,
-        element
-      });
-    }
-  };
-}
 function canBeTemplated(element) {
   return !!(element.atomic_props_schema && element.twig_templates && element.twig_main_template && element.base_styles_dictionary);
 }
@@ -1701,9 +1570,9 @@ function createTemplatedElementView({
     render() {
       this.#abortController?.abort();
       this.#abortController = new AbortController();
-      const process = signalizedProcess(this.#abortController.signal).then(() => this.#beforeRender()).then(() => this._renderTemplate()).then(() => {
+      const process = signalizedProcess(this.#abortController.signal).then(() => this._beforeRender()).then(() => this._renderTemplate()).then(() => {
         this._renderChildren();
-        this.#afterRender();
+        this._afterRender();
       });
       return process.execute();
     }
@@ -1734,13 +1603,13 @@ function createTemplatedElementView({
     afterSettingsResolve(settings) {
       return settings;
     }
-    #beforeRender() {
+    _beforeRender() {
       this._ensureViewIsIntact();
       this._isRendering = true;
       this.resetChildViewContainer();
       this.triggerMethod("before:render", this);
     }
-    #afterRender() {
+    _afterRender() {
       this._isRendering = false;
       this.isRendered = true;
       this.triggerMethod("render", this);
@@ -1748,141 +1617,265 @@ function createTemplatedElementView({
   };
 }
 
-// src/legacy/create-inline-editing-element-type.tsx
-function createInlineEditingElementType({
-  type,
-  renderer,
-  element
-}) {
-  return class extends legacyWindow.elementor.modules.elements.types.Widget {
-    getType() {
-      return type;
-    }
-    getView() {
-      return createInlineEditingElementView({
-        type,
-        renderer,
-        element
-      });
-    }
+// src/legacy/replacements/inline-editing/inline-editing-elements.tsx
+import * as React5 from "react";
+import { createRoot } from "react-dom/client";
+import { InlineEditor } from "@elementor/editor-controls";
+import { getElementType } from "@elementor/editor-elements";
+import {
+  htmlPropTypeUtil,
+  stringPropTypeUtil
+} from "@elementor/editor-props";
+import { isExperimentActive } from "@elementor/editor-v1-adapters";
+import { ThemeProvider } from "@elementor/ui";
+
+// src/legacy/replacements/base.ts
+var ReplacementBase = class {
+  getSetting;
+  setSetting;
+  element;
+  type;
+  id;
+  refreshView;
+  constructor(settings) {
+    this.getSetting = settings.getSetting;
+    this.setSetting = settings.setSetting;
+    this.element = settings.element;
+    this.type = settings.type;
+    this.id = settings.id;
+    this.refreshView = settings.refreshView;
+  }
+  static getTypes() {
+    return null;
+  }
+  render() {
+  }
+  onDestroy() {
+  }
+  _beforeRender() {
+  }
+  _afterRender() {
+  }
+  shouldRenderReplacement() {
+    return true;
+  }
+};
+
+// src/legacy/replacements/inline-editing/inline-editing-utils.ts
+var INLINE_EDITING_PROPERTY_PER_TYPE = {
+  "e-heading": "title",
+  "e-paragraph": "paragraph"
+};
+var legacyWindow = window;
+var getInitialPopoverPosition = () => {
+  const positionFallback = { left: 0, top: 0 };
+  const iFrameElement = legacyWindow?.elementor?.$preview?.get(0);
+  const iFramePosition = iFrameElement?.getBoundingClientRect() ?? positionFallback;
+  const previewElement = legacyWindow?.elementor?.$previewWrapper?.get(0);
+  const previewPosition = previewElement ? { left: previewElement.scrollLeft, top: previewElement.scrollTop } : positionFallback;
+  return {
+    left: iFramePosition.left + previewPosition.left,
+    top: iFramePosition.top + previewPosition.top
   };
-}
-function createInlineEditingElementView({
-  type,
-  renderer,
-  element
-}) {
-  const TemplatedView = createTemplatedElementView({ type, renderer, element });
-  Object.entries(element.twig_templates).forEach(([key, template]) => {
-    renderer.register(key, template);
-  });
-  return class extends TemplatedView {
-    inlineEditorRoot = null;
-    handlerAttached = false;
-    render() {
-      if (this.inlineEditorRoot) {
-        this.resetInlineEditorRoot();
-      }
-      if (!this.isValueDynamic() && !this.handlerAttached) {
-        this.$el.on("dblclick", "*", this.handleRenderInlineEditor.bind(this));
-        this.handlerAttached = true;
-      }
-      TemplatedView.prototype.render.apply(this);
-    }
-    handleRenderInlineEditor(event) {
-      event.stopPropagation();
-      this.$el.off("dblclick", "*");
-      this.handlerAttached = false;
-      if (!this.isValueDynamic()) {
-        this.renderInlineEditor();
-      }
+};
+
+// src/legacy/replacements/inline-editing/inline-editing-elements.tsx
+var EXPERIMENT_KEY = "v4-inline-text-editing";
+var InlineEditingReplacement = class extends ReplacementBase {
+  inlineEditorRoot = null;
+  handlerAttached = false;
+  getReplacementKey() {
+    return "inline-editing";
+  }
+  static getTypes() {
+    return Object.keys(INLINE_EDITING_PROPERTY_PER_TYPE);
+  }
+  isEditingModeActive() {
+    return !!this.inlineEditorRoot;
+  }
+  shouldRenderReplacement() {
+    return isExperimentActive(EXPERIMENT_KEY) && this.isEditingModeActive() && !this.isValueDynamic();
+  }
+  handleRenderInlineEditor = (event) => {
+    event.stopPropagation();
+    if (!this.isValueDynamic()) {
+      this.renderInlineEditor();
     }
-    handleUnmountInlineEditor(event) {
-      event.stopPropagation();
-      this.unmountInlineEditor();
+  };
+  handleUnmountInlineEditor = (event) => {
+    event.stopPropagation();
+    this.unmountInlineEditor();
+  };
+  onDestroy() {
+    this.resetInlineEditorRoot();
+  }
+  _beforeRender() {
+    this.resetInlineEditorRoot();
+  }
+  _afterRender() {
+    if (!this.isValueDynamic() && !this.handlerAttached) {
+      this.element.addEventListener("dblclick", this.handleRenderInlineEditor);
+      this.handlerAttached = true;
+    }
+  }
+  resetInlineEditorRoot() {
+    this.element.removeEventListener("dblclick", this.handleRenderInlineEditor);
+    this.handlerAttached = false;
+    this.inlineEditorRoot?.unmount?.();
+    this.inlineEditorRoot = null;
+  }
+  unmountInlineEditor() {
+    this.resetInlineEditorRoot();
+    this.refreshView();
+  }
+  isValueDynamic() {
+    const settingKey = this.getInlineEditablePropertyName();
+    const propValue = this.getSetting(settingKey);
+    return propValue?.$$type === "dynamic";
+  }
+  getInlineEditablePropertyName() {
+    return INLINE_EDITING_PROPERTY_PER_TYPE[this.type] ?? "";
+  }
+  getHtmlPropType() {
+    const propSchema = getElementType(this.type)?.propsSchema;
+    const propertyName = this.getInlineEditablePropertyName();
+    return propSchema?.[propertyName] ?? null;
+  }
+  getContentValue() {
+    const prop = this.getHtmlPropType();
+    const defaultValue = prop?.default?.value ?? "";
+    const settingKey = this.getInlineEditablePropertyName();
+    return htmlPropTypeUtil.extract(this.getSetting(settingKey) ?? null) ?? htmlPropTypeUtil.extract(prop?.default ?? null) ?? defaultValue ?? "";
+  }
+  setContentValue(value) {
+    const settingKey = this.getInlineEditablePropertyName();
+    const valueToSave = value ? htmlPropTypeUtil.create(value) : null;
+    this.setSetting(settingKey, valueToSave);
+  }
+  getExpectedTag() {
+    const propsSchema = getElementType(this.type)?.propsSchema;
+    if (!propsSchema?.tag) {
+      return null;
     }
-    onDestroy(...args) {
+    const tagSettingKey = "tag";
+    return stringPropTypeUtil.extract(this.getSetting(tagSettingKey) ?? null) ?? stringPropTypeUtil.extract(propsSchema.tag.default ?? null) ?? null;
+  }
+  renderInlineEditor() {
+    const propValue = this.getContentValue();
+    const classes = (this.element.children?.[0]?.classList.toString() ?? "") + " strip-styles";
+    const expectedTag = this.getExpectedTag();
+    this.element.innerHTML = "";
+    if (this.inlineEditorRoot) {
       this.resetInlineEditorRoot();
-      TemplatedView.prototype.onDestroy.apply(this, args);
     }
-    resetInlineEditorRoot() {
-      this.$el.off("dblclick", "*");
-      this.handlerAttached = false;
-      this.inlineEditorRoot?.unmount?.();
-      this.inlineEditorRoot = null;
+    this.inlineEditorRoot = createRoot(this.element);
+    this.inlineEditorRoot.render(
+      /* @__PURE__ */ React5.createElement(ThemeProvider, null, /* @__PURE__ */ React5.createElement(
+        InlineEditor,
+        {
+          attributes: { class: classes },
+          value: propValue,
+          setValue: this.setContentValue.bind(this),
+          onBlur: this.handleUnmountInlineEditor.bind(this),
+          autofocus: true,
+          showToolbar: true,
+          getInitialPopoverPosition,
+          expectedTag
+        }
+      ))
+    );
+  }
+};
+
+// src/legacy/replacements/manager.ts
+var replacements = /* @__PURE__ */ new Map();
+var initViewReplacements = () => {
+  registerReplacement(InlineEditingReplacement);
+};
+var registerReplacement = (replacement) => {
+  const types = replacement.getTypes();
+  if (!types) {
+    return;
+  }
+  types.forEach((type) => {
+    replacements.set(type, replacement);
+  });
+};
+var getReplacement = (type) => {
+  return replacements.get(type) ?? null;
+};
+var createViewWithReplacements = (options) => {
+  const TemplatedView = createTemplatedElementView(options);
+  return class extends TemplatedView {
+    #replacement = null;
+    #config;
+    constructor(...args) {
+      super(...args);
+      const settings = this.model.get("settings");
+      this.#config = {
+        getSetting: settings.get.bind(settings),
+        setSetting: settings.set.bind(settings),
+        element: this.el,
+        type: this?.model?.get("widgetType") ?? this.container?.model?.get("elType") ?? null,
+        id: this?.model?.get("id") ?? null,
+        refreshView: this.render.bind(this)
+      };
     }
-    unmountInlineEditor() {
-      this.resetInlineEditorRoot();
+    refreshView() {
       this.render();
     }
-    isValueDynamic() {
-      const settingKey = getInlineEditablePropertyName(this.container);
-      const propValue = this.model.get("settings")?.get(settingKey);
-      return propValue?.$$type === "dynamic";
-    }
-    getContentValue() {
-      const prop = getHtmlPropType(this.container);
-      const defaultValue = prop?.default?.value ?? "";
-      const settingKey = getInlineEditablePropertyName(this.container);
-      return htmlPropTypeUtil.extract(this.model.get("settings")?.get(settingKey) ?? null) ?? htmlPropTypeUtil.extract(prop?.default ?? null) ?? defaultValue ?? "";
-    }
-    setContentValue(value) {
-      const settingKey = getInlineEditablePropertyName(this.container);
-      const valueToSave = value ? htmlPropTypeUtil.create(value) : null;
-      this.model.get("settings")?.set(settingKey, valueToSave);
-    }
-    getExpectedTag() {
-      const widgetType = getWidgetType(this.container);
-      if (!widgetType) {
-        return null;
+    render() {
+      const config = this.#config;
+      const widgetType = config.type;
+      const ReplacementClass = widgetType ? getReplacement(widgetType) : null;
+      if (ReplacementClass && !this.#replacement) {
+        this.#replacement = new ReplacementClass(config);
       }
-      const propsSchema = getElementType2(widgetType)?.propsSchema;
-      if (!propsSchema?.tag) {
-        return null;
+      if (!this.#replacement?.shouldRenderReplacement()) {
+        return TemplatedView.prototype.render.apply(this);
       }
-      return stringPropTypeUtil.extract(this.model.get("settings").get("tag") ?? null) ?? stringPropTypeUtil.extract(propsSchema.tag.default ?? null) ?? null;
-    }
-    ensureProperValue() {
-      const actualValue = this.getContentValue();
-      const tagSettings = this.getExpectedTag();
-      const wrappedValue = getBlockedValue(actualValue, tagSettings);
-      if (actualValue !== wrappedValue) {
-        this.setContentValue(wrappedValue);
+      this.#replacement.render();
+    }
+    onDestroy() {
+      if (this.#replacement) {
+        this.#replacement.onDestroy();
+        this.#replacement = null;
       }
+      TemplatedView.prototype.onDestroy.apply(this);
     }
-    renderInlineEditor() {
-      this.ensureProperValue();
-      const propValue = this.getContentValue();
-      const settingKey = getInlineEditablePropertyName(this.container);
-      const classes = (this.el?.children?.[0]?.classList.toString() ?? "") + " strip-styles";
-      const expectedTag = this.getExpectedTag();
-      const setValue = (value) => {
-        const valueToSave = value ? htmlPropTypeUtil.create(value) : null;
-        this.model.get("settings")?.set(settingKey, valueToSave);
-      };
-      this.$el.html("");
-      if (this.inlineEditorRoot) {
-        this.resetInlineEditorRoot();
+    _afterRender() {
+      if (this.#replacement) {
+        this.#replacement._afterRender();
       }
-      this.inlineEditorRoot = createRoot(this.el);
-      this.inlineEditorRoot.render(
-        /* @__PURE__ */ React5.createElement(ThemeProvider, null, /* @__PURE__ */ React5.createElement(
-          InlineEditor,
-          {
-            attributes: { class: classes },
-            value: propValue,
-            setValue,
-            onBlur: this.handleUnmountInlineEditor.bind(this),
-            autofocus: true,
-            showToolbar: true,
-            getInitialPopoverPosition,
-            expectedTag
-          }
-        ))
-      );
+      TemplatedView.prototype._afterRender.apply(this);
+    }
+    _beforeRender() {
+      if (this.#replacement) {
+        this.#replacement._beforeRender();
+      }
+      TemplatedView.prototype._beforeRender.apply(this);
     }
   };
-}
+};
+var createTemplatedElementTypeWithReplacements = ({
+  type,
+  renderer,
+  element
+}) => {
+  const legacyWindow2 = window;
+  return class extends legacyWindow2.elementor.modules.elements.types.Widget {
+    getType() {
+      return type;
+    }
+    getView() {
+      return createViewWithReplacements({
+        type,
+        renderer,
+        element
+      });
+    }
+  };
+};
 
 // src/legacy/init-legacy-views.ts
 var elementsLegacyTypes = {};
@@ -1902,7 +1895,7 @@ function initLegacyViews() {
       if (!!elementsLegacyTypes[type] && canBeTemplated(element)) {
         ElementType = elementsLegacyTypes[type]({ type, renderer, element });
       } else if (canBeTemplated(element)) {
-        ElementType = shouldRenderInlineEditingView(type) ? createInlineEditingElementType({ type, renderer, element }) : createTemplatedElementType({ type, renderer, element });
+        ElementType = createTemplatedElementTypeWithReplacements({ type, renderer, element });
       } else {
         ElementType = createElementType(type);
       }
@@ -1951,18 +1944,18 @@ var initDocumentStructureResource = (reg) => {
 };
 function getDocumentStructure() {
   const extendedWindow = window;
-  const document2 = extendedWindow.elementor?.documents?.getCurrent?.();
-  if (!document2) {
+  const document = extendedWindow.elementor?.documents?.getCurrent?.();
+  if (!document) {
     return { error: "No active document found" };
   }
-  const containers = document2.container?.children || [];
+  const containers = document.container?.children || [];
   const elements = containers.map(
     (container) => extractElementData(container)
   );
   return {
-    documentId: document2.id,
-    documentType: document2.config.type,
-    title: document2.config.settings?.post_title || "Untitled",
+    documentId: document.id,
+    documentType: document.config.type,
+    title: document.config.settings?.post_title || "Untitled",
     elements: elements.filter((el) => el !== null)
   };
 }
@@ -1991,7 +1984,7 @@ import {
   createElement as createElement6,
   deleteElement,
   generateElementId,
-  getContainer as getContainer2,
+  getContainer,
   getWidgetsCache as getWidgetsCache5
 } from "@elementor/editor-elements";
 
@@ -2577,7 +2570,7 @@ var initBuildCompositionsTool = (reg) => {
       const softErrors = [];
       const rootContainers = [];
       const widgetsCache = getWidgetsCache5() || {};
-      const documentContainer = getContainer2("document");
+      const documentContainer = getContainer("document");
       try {
         const parser = new DOMParser();
         xml = parser.parseFromString(xmlStructure, "application/xml");
@@ -2918,7 +2911,7 @@ Check the styles schema at the resource [${STYLE_SCHEMA_URI.replace(
 }
 
 // src/mcp/tools/get-element-config/tool.ts
-import { getContainer as getContainer3, getElementStyles as getElementStyles2, getWidgetsCache as getWidgetsCache6 } from "@elementor/editor-elements";
+import { getContainer as getContainer2, getElementStyles as getElementStyles2, getWidgetsCache as getWidgetsCache6 } from "@elementor/editor-elements";
 import { Schema as Schema4 } from "@elementor/editor-props";
 import { z as z3 } from "@elementor/schema";
 var schema = {
@@ -2953,7 +2946,7 @@ var initGetElementConfigTool = (reg) => {
     schema,
     outputSchema: outputSchema3,
     handler: async ({ elementId }) => {
-      const element = getContainer3(elementId);
+      const element = getContainer2(elementId);
       if (!element) {
         throw new Error(`Element with ID ${elementId} not found.`);
       }
@@ -3475,6 +3468,7 @@ function init() {
   initStyleTransformers();
   initStyleCommands();
   initLinkInLinkPrevention();
+  initViewReplacements();
   initLegacyViews();
   initSettingsTransformers();
   initInteractionsRepository();
@@ -3569,6 +3563,8 @@ export {
   DOCUMENT_STRUCTURE_URI,
   RenderContext,
   STYLE_SCHEMA_URI,
+  UnknownStyleStateError,
+  UnknownStyleTypeError,
   WIDGET_SCHEMA_URI,
   createPropsResolver,
   createTemplatedElementView,