@elementor/editor-canvas 4.1.0 → 4.2.0-840

package/dist/index.js

@@ -32,6 +32,7 @@ var index_exports = {};
 __export(index_exports, {
   BREAKPOINTS_SCHEMA_URI: () => BREAKPOINTS_SCHEMA_URI,
   DOCUMENT_STRUCTURE_URI: () => DOCUMENT_STRUCTURE_URI,
+  GLOBAL_STYLES_IMPORTED_EVENT: () => GLOBAL_STYLES_IMPORTED_EVENT,
   STYLE_SCHEMA_URI: () => STYLE_SCHEMA_URI,
   UnknownStyleStateError: () => UnknownStyleStateError,
   UnknownStyleTypeError: () => UnknownStyleTypeError,
@@ -43,6 +44,7 @@ __export(index_exports, {
   createTemplatedElementView: () => createTemplatedElementView,
   createTransformer: () => createTransformer,
   createTransformersRegistry: () => createTransformersRegistry,
+  doAfterRender: () => doAfterRender,
   endDragElementFromPanel: () => endDragElementFromPanel,
   init: () => init,
   isAtomicWidget: () => isAtomicWidget,
@@ -102,10 +104,79 @@ var initBreakpointsResource = (reg) => {
 };
 
 // src/mcp/resources/widgets-schema-resource.ts
-var import_editor_elements = require("@elementor/editor-elements");
+var import_editor_elements2 = require("@elementor/editor-elements");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_editor_props = require("@elementor/editor-props");
 var import_editor_styles = require("@elementor/editor-styles");
+
+// src/mcp/utils/element-data-util.ts
+var import_editor_elements = require("@elementor/editor-elements");
+function hasV3Controls(controls) {
+  return typeof controls === "object" && controls !== null && Object.keys(controls).length > 0;
+}
+function isWidgetAvailableForLLM(config) {
+  if (!config) {
+    return false;
+  }
+  if (config.meta?.llm_support === false) {
+    return false;
+  }
+  if (config.atomic_props_schema) {
+    return true;
+  }
+  return hasV3Controls(config.controls);
+}
+function getWidgetVersion(config) {
+  return config?.atomic_props_schema ? "v4" : "v3";
+}
+function getAvailableWidgets() {
+  const cache = (0, import_editor_elements.getWidgetsCache)() ?? {};
+  return Object.keys(cache).filter((widgetType) => isWidgetAvailableForLLM(cache[widgetType])).sort().map((widgetType) => {
+    const config = cache[widgetType];
+    const description = typeof config?.meta?.description === "string" ? config.meta.description : void 0;
+    return {
+      type: widgetType,
+      version: getWidgetVersion(config),
+      ...description && { description }
+    };
+  });
+}
+
+// src/mcp/resources/widgets-schema-resource.ts
+var V3_LAYOUT_CONTROL_TYPES = /* @__PURE__ */ new Set(["section", "tab", "tabs"]);
+function extractV3ControlsMetadata(controls) {
+  if (!hasV3Controls(controls)) {
+    return {};
+  }
+  const result = {};
+  for (const [controlKey, raw] of Object.entries(controls)) {
+    if (!raw || typeof raw !== "object") {
+      continue;
+    }
+    const control = raw;
+    const controlType = typeof control.type === "string" ? control.type : void 0;
+    if (controlType && V3_LAYOUT_CONTROL_TYPES.has(controlType)) {
+      continue;
+    }
+    const entry = {};
+    if (Object.prototype.hasOwnProperty.call(control, "default")) {
+      entry.default = control.default;
+    }
+    if (controlType) {
+      entry.type = controlType;
+    }
+    if (Object.prototype.hasOwnProperty.call(control, "options") && control.options !== void 0) {
+      const options = control.options;
+      if (options && typeof options === "object" && !Array.isArray(options)) {
+        entry.options = Object.keys(options);
+      } else {
+        entry.options = options;
+      }
+    }
+    result[controlKey] = entry;
+  }
+  return result;
+}
 var WIDGET_SCHEMA_URI = "elementor://widgets/schema/{widgetType}";
 var STYLE_SCHEMA_URI = "elementor://styles/schema/{category}";
 var BEST_PRACTICES_URI = "elementor://styles/best-practices";
@@ -153,7 +224,7 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
       }
     }),
     {
-      description: "Common styles schema for the specified category"
+      description: "Common styles schema for the specified category (applicable for V4 elements only)"
     },
     async (uri, variables) => {
       const category = typeof variables.category === "string" ? variables.category : variables.category?.[0];
@@ -179,9 +250,9 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
     "widget-schema-by-type",
     new import_editor_mcp.ResourceTemplate(WIDGET_SCHEMA_URI, {
       list: () => {
-        const cache = (0, import_editor_elements.getWidgetsCache)() || {};
-        const availableWidgets = Object.keys(cache || {}).filter(
-          (widgetType) => cache[widgetType]?.atomic_props_schema && cache[widgetType].meta?.llm_support !== false
+        const cache = (0, import_editor_elements2.getWidgetsCache)() || {};
+        const availableWidgets = Object.keys(cache).filter(
+          (widgetType) => isWidgetAvailableForLLM(cache[widgetType])
         );
         return {
           resources: availableWidgets.map((widgetType) => ({
@@ -196,20 +267,34 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
     },
     async (uri, variables) => {
       const widgetType = typeof variables.widgetType === "string" ? variables.widgetType : variables.widgetType?.[0];
-      const widgetData = (0, import_editor_elements.getWidgetsCache)()?.[widgetType];
-      const propSchema = widgetData?.atomic_props_schema;
-      if (!propSchema || !widgetData) {
+      const widgetData = (0, import_editor_elements2.getWidgetsCache)()?.[widgetType];
+      if (!widgetData) {
         throw new Error(`No prop schema found for element type: ${widgetType}`);
       }
+      const propSchema = widgetData.atomic_props_schema;
+      if (!propSchema) {
+        if (!hasV3Controls(widgetData.controls)) {
+          throw new Error(`No prop schema found for element type: ${widgetType}`);
+        }
+        const controlMetadata = extractV3ControlsMetadata(widgetData.controls);
+        return {
+          contents: [
+            {
+              uri: uri.toString(),
+              mimeType: "application/json",
+              text: JSON.stringify({
+                widget_version: "v3",
+                message: "This widget exists in the editor but has no atomic props schema (V4). Use control_metadata as non-authoritative hints from legacy controls.",
+                fields_note: "All settings are optional; there is no JSON schema for this widget type.",
+                properties: controlMetadata
+              })
+            }
+          ]
+        };
+      }
       const asJson = Object.fromEntries(
-        Object.entries(propSchema).map(([key, propType]) => [
-          key,
-          import_editor_props.Schema.propTypeToJsonSchema(propType)
-        ])
+        Object.entries(propSchema).filter(([key, propType]) => import_editor_props.Schema.isPropKeyConfigurable(key, propType)).map(([key, propType]) => [key, import_editor_props.Schema.propTypeToJsonSchema(propType)])
       );
-      import_editor_props.Schema.nonConfigurablePropKeys.forEach((key) => {
-        delete asJson[key];
-      });
       const description = typeof widgetData?.meta?.description === "string" ? widgetData.meta.description : void 0;
       const defaultStyles = {};
       const baseStyleSchema = widgetData?.base_styles;
@@ -229,7 +314,7 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
         llmGuidance.default_styles = defaultStyles;
       }
       const allowedChildTypes = widgetData.allowed_child_types;
-      const allWidgets = (0, import_editor_elements.getWidgetsCache)() || {};
+      const allWidgets = (0, import_editor_elements2.getWidgetsCache)() || {};
       const allowedParents = Object.entries(allWidgets).filter(([, parentConfig]) => parentConfig.allowed_child_types?.includes(widgetType)).map(([parentType]) => parentType);
       if (allowedChildTypes?.length || allowedParents.length) {
         llmGuidance.nesting = {
@@ -303,7 +388,7 @@ var renameClass = (oldClassName, newClassName) => {
 
 // src/components/elements-overlays.tsx
 var React2 = __toESM(require("react"));
-var import_editor_elements2 = require("@elementor/editor-elements");
+var import_editor_elements3 = require("@elementor/editor-elements");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 
 // src/components/outline-overlay.tsx
@@ -444,7 +529,7 @@ var overlayRegistry = [
   }
 ];
 function ElementsOverlays() {
-  const selected = (0, import_editor_elements2.useSelectedElement)();
+  const selected = (0, import_editor_elements3.useSelectedElement)();
   const elements = useElementsDom();
   const currentEditMode = (0, import_editor_v1_adapters2.useEditMode)();
   const isEditMode = currentEditMode === "edit";
@@ -473,7 +558,7 @@ 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_elements2.getElements)().filter((el) => ELEMENTS_DATA_ATTR in (el.view?.el?.dataset ?? {})).map((element) => ({
+      return (0, import_editor_elements3.getElements)().filter((el) => ELEMENTS_DATA_ATTR in (el.view?.el?.dataset ?? {})).map((element) => ({
         id: element.id,
         domElement: element.view?.getDomElement?.()?.get?.(0),
         isGlobal: element.model.get("isGlobal") ?? false
@@ -1083,8 +1168,9 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, getC
         ...style,
         cssName: provider.actions.resolveCssName(style.id)
       }));
-      return renderStyles({ styles: breakToBreakpoints(changedStyles), signal }).then((rendered) => {
-        updateCacheItems(cache, rendered);
+      const breakpointSplit = breakToBreakpoints(changedStyles);
+      return renderStyles({ styles: breakpointSplit, signal }).then((rendered) => {
+        updateCacheItems(cache, changedIds, rendered);
         return getOrderedItems(cache);
       });
     }
@@ -1141,19 +1227,14 @@ function getChangedStyleIds(previous, current) {
 function getOrderedItems(cache) {
   return cache.orderedIds.map((id) => cache.itemsById.get(id)).filter((items) => items !== void 0).flat();
 }
-function updateCacheItems(cache, changedItems) {
+function updateCacheItems(cache, changedIds, changedItems) {
+  for (const id of changedIds) {
+    cache.itemsById.delete(id);
+  }
   for (const item of changedItems) {
-    const existing = cache.itemsById.get(item.id);
-    if (existing) {
-      const idx = existing.findIndex((e) => e.breakpoint === item.breakpoint && e.state === item.state);
-      if (idx >= 0) {
-        existing[idx] = item;
-      } else {
-        existing.push(item);
-      }
-    } else {
-      cache.itemsById.set(item.id, [item]);
-    }
+    const existing = cache.itemsById.get(item.id) || [];
+    existing.push(item);
+    cache.itemsById.set(item.id, existing);
   }
 }
 function rebuildCache(cache, allStyles, items) {
@@ -1204,7 +1285,7 @@ var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n = require("@wordpress/i18n");
 
 // src/form-structure/utils.ts
-var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var FORM_ELEMENT_TYPE = "e-form";
 var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-input",
@@ -1212,7 +1293,11 @@ var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-label",
   "e-form-checkbox",
   "e-form-submit-button",
-  "e-form-select"
+  "e-form-select",
+  "e-form-radio-button",
+  "e-form-file-upload",
+  "e-form-date-picker",
+  "e-form-time-picker"
 ]);
 function getArgsElementType(args) {
   return args.model?.widgetType || args.model?.elType;
@@ -1230,10 +1315,10 @@ function isWithinForm(element) {
   return isElementWithinFormSelector(element);
 }
 function hasElementType(element, type) {
-  return (0, import_editor_elements3.getAllDescendants)(element).some((item) => getElementType(item) === type);
+  return (0, import_editor_elements4.getAllDescendants)(element).some((item) => getElementType(item) === type);
 }
 function hasElementTypes(element, types) {
-  return (0, import_editor_elements3.getAllDescendants)(element).some((item) => {
+  return (0, import_editor_elements4.getAllDescendants)(element).some((item) => {
     const itemType = getElementType(item);
     return itemType ? types.has(itemType) : false;
   });
@@ -1427,6 +1512,17 @@ function createClassesTransformer() {
   });
 }
 
+// src/transformers/settings/date-range-transformer.ts
+var dateRangeTransformer = createTransformer((value) => {
+  if (!value || Object.keys(value).length === 0) {
+    return null;
+  }
+  return {
+    min: value.min || null,
+    max: value.max || null
+  };
+});
+
 // src/transformers/settings/date-time-transformer.ts
 var dateTimeTransformer = createTransformer((values) => {
   return values.map((value) => {
@@ -1461,10 +1557,22 @@ var queryTransformer = createTransformer(({ id }) => {
   return id ?? null;
 });
 
+// src/transformers/settings/time-range-transformer.ts
+var timeRangeTransformer = createTransformer((value) => {
+  if (!value || Object.keys(value).length === 0) {
+    return null;
+  }
+  return {
+    min: value.min || null,
+    max: value.max || null
+  };
+});
+
 // src/transformers/shared/image-src-transformer.ts
 var imageSrcTransformer = createTransformer((value) => ({
   id: value.id ?? null,
-  url: value.url ?? null
+  url: value.url ?? null,
+  alt: value.alt ?? null
 }));
 
 // src/transformers/shared/image-transformer.ts
@@ -1472,7 +1580,7 @@ var import_wp_media = require("@elementor/wp-media");
 var imageTransformer = createTransformer(async (value) => {
   const { src, size: size2 } = value;
   if (!src?.id) {
-    return src?.url ? { src: src.url } : null;
+    return src?.url ? { src: src.url, alt: src.alt ?? "" } : null;
   }
   const attachment = await (0, import_wp_media.getMediaAttachment)({ id: src.id });
   const sizedAttachment = attachment?.sizes?.[size2 ?? ""];
@@ -1480,14 +1588,16 @@ var imageTransformer = createTransformer(async (value) => {
     return {
       src: sizedAttachment.url,
       height: sizedAttachment.height,
-      width: sizedAttachment.width
+      width: sizedAttachment.width,
+      alt: attachment.alt
     };
   }
   if (attachment) {
     return {
       src: attachment.url,
       height: attachment.height,
-      width: attachment.width
+      width: attachment.width,
+      alt: attachment.alt
     };
   }
   return null;
@@ -1574,7 +1684,7 @@ var videoSrcTransformer = createTransformer(async (value) => {
 
 // src/init-settings-transformers.ts
 function initSettingsTransformers() {
-  settingsTransformersRegistry.register("classes", createClassesTransformer()).register("link", linkTransformer).register("query", queryTransformer).register("image", imageTransformer).register("image-src", imageSrcTransformer).register("svg-src", svgSrcTransformer).register("video-src", videoSrcTransformer).register("attributes", attributesTransformer).register("date-time", dateTimeTransformer).register("html-v2", htmlV2Transformer).register("html-v3", htmlV3Transformer).registerFallback(plainTransformer);
+  settingsTransformersRegistry.register("classes", createClassesTransformer()).register("link", linkTransformer).register("query", queryTransformer).register("image", imageTransformer).register("image-src", imageSrcTransformer).register("svg-src", svgSrcTransformer).register("video-src", videoSrcTransformer).register("attributes", attributesTransformer).register("date-time", dateTimeTransformer).register("html-v2", htmlV2Transformer).register("html-v3", htmlV3Transformer).register("date-range", dateRangeTransformer).register("time-range", timeRangeTransformer).registerFallback(plainTransformer);
 }
 
 // src/transformers/styles/background-color-overlay-transformer.ts
@@ -1779,6 +1889,11 @@ var sizeTransformer = createTransformer((value) => {
   return value.unit === "custom" ? value.size : `${value.size}${value.unit}`;
 });
 
+// src/transformers/styles/span-transformer.ts
+var spanTransformer = createTransformer((value) => {
+  return value || 0 === value ? "span " + value : null;
+});
+
 // src/transformers/styles/stroke-transformer.ts
 var strokeTransformer = createTransformer((value) => {
   const parsed = {
@@ -1885,7 +2000,7 @@ function initStyleTransformers() {
       ["block-start", "block-end", "inline-start", "inline-end"],
       ({ propKey, key }) => `${propKey}-${key}`
     )
-  ).register("filter", filterTransformer).register("backdrop-filter", filterTransformer).register("box-shadow", createCombineArrayTransformer(",")).register("background", backgroundTransformer).register("background-overlay", backgroundOverlayTransformer).register("background-color-overlay", backgroundColorOverlayTransformer).register("background-image-overlay", backgroundImageOverlayTransformer).register("background-gradient-overlay", backgroundGradientOverlayTransformer).register("gradient-color-stop", createCombineArrayTransformer(",")).register("color-stop", colorStopTransformer).register("background-image-position-offset", positionTransformer).register("background-image-size-scale", backgroundImageSizeScaleTransformer).register("image-src", imageSrcTransformer).register("image", imageTransformer).register("object-position", positionTransformer).register("transform-origin", transformOriginTransformer).register("perspective-origin", perspectiveOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform-functions", transformFunctionsTransformer).register(
+  ).register("filter", filterTransformer).register("backdrop-filter", filterTransformer).register("box-shadow", createCombineArrayTransformer(",")).register("background", backgroundTransformer).register("background-overlay", backgroundOverlayTransformer).register("background-color-overlay", backgroundColorOverlayTransformer).register("background-image-overlay", backgroundImageOverlayTransformer).register("background-gradient-overlay", backgroundGradientOverlayTransformer).register("gradient-color-stop", createCombineArrayTransformer(",")).register("color-stop", colorStopTransformer).register("background-image-position-offset", positionTransformer).register("background-image-size-scale", backgroundImageSizeScaleTransformer).register("image-src", imageSrcTransformer).register("image", imageTransformer).register("object-position", positionTransformer).register("span", spanTransformer).register("transform-origin", transformOriginTransformer).register("perspective-origin", perspectiveOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform-functions", transformFunctionsTransformer).register(
     "transform",
     createMultiPropsTransformer(
       ["transform-functions", "transform-origin", "perspective", "perspective-origin"],
@@ -1910,7 +2025,7 @@ function initStyleTransformers() {
 }
 
 // src/legacy/init-legacy-views.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
@@ -2039,7 +2154,56 @@ function createElementViewClassDeclaration() {
 }
 
 // src/legacy/create-nested-templated-element-type.ts
-var import_editor_elements4 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
+
+// src/legacy/create-pending-element.ts
+var import_editor_elements5 = require("@elementor/editor-elements");
+function createPendingElement(wrapperView, data, options = {}) {
+  const parentContainer = wrapperView.getContainer();
+  const model = { ...data };
+  if (!model.id) {
+    model.id = (0, import_editor_elements5.generateElementId)();
+  }
+  if (!model.elements) {
+    model.elements = [];
+  }
+  const added = (0, import_editor_elements5.addModelToParent)(parentContainer.id, model, options);
+  if (!added) {
+    return void 0;
+  }
+  const childId = model.id;
+  const childModel = (0, import_editor_elements5.findModelInDocument)(childId);
+  if (!childModel) {
+    return void 0;
+  }
+  const pendingContainer = {
+    id: childId,
+    settings: { get: () => ({}), set: () => ({}), toJSON: () => ({}) },
+    parent: parentContainer,
+    model: childModel,
+    view: void 0,
+    lookup() {
+      return (0, import_editor_elements5.getContainer)(childId) ?? pendingContainer;
+    }
+  };
+  wrapperView.once("render", () => {
+    wrapperView.model?.trigger?.("navigator:add", childModel, options);
+  });
+  if (options.edit !== false) {
+    selectChildWhenWrapperRenders(wrapperView, childId);
+  }
+  return { getContainer: () => pendingContainer };
+}
+function selectChildWhenWrapperRenders(wrapperView, childId) {
+  wrapperView.once("render", () => {
+    const childContainer = (0, import_editor_elements5.getContainer)(childId);
+    if (childContainer?.model?.trigger) {
+      childContainer.model.trigger("request:edit");
+      return;
+    }
+    wrapperView.model?.trigger?.("request:edit");
+  });
+}
 
 // src/legacy/twig-rendering-utils.ts
 function setupTwigRenderer({ renderer, element }) {
@@ -2258,6 +2422,7 @@ function createNestedTemplatedElementView({
   const AtomicElementBaseView = legacyWindow.elementor.modules.elements.views.createAtomicElementBase(type);
   const parentRenderChildren = AtomicElementBaseView.prototype._renderChildren;
   const parentOpenEditingPanel = AtomicElementBaseView.prototype._openEditingPanel;
+  const parentAddElement = AtomicElementBaseView.prototype.addElement;
   return AtomicElementBaseView.extend({
     _abortController: null,
     _lastResolvedSettingsHash: null,
@@ -2297,7 +2462,7 @@ function createNestedTemplatedElementView({
         this._initAlpine();
       });
       this.model.trigger("render:complete");
-      window.dispatchEvent(new CustomEvent(import_editor_elements4.ELEMENT_STYLE_CHANGE_EVENT));
+      window.dispatchEvent(new CustomEvent(import_editor_elements6.ELEMENT_STYLE_CHANGE_EVENT));
     },
     async _renderTemplate() {
       const model = this.model;
@@ -2365,7 +2530,6 @@ function createNestedTemplatedElementView({
       Array.from(newEl.attributes).forEach((attr) => {
         targetEl.setAttribute(attr.name, attr.value);
       });
-      targetEl.setAttribute("draggable", "true");
       targetEl.innerHTML = overlayHTML + newEl.innerHTML;
       if (needsTagSwap) {
         oldEl.replaceWith(targetEl);
@@ -2457,6 +2621,12 @@ function createNestedTemplatedElementView({
     _openEditingPanel(options) {
       this._doAfterRender(() => parentOpenEditingPanel.call(this, options));
     },
+    addElement(data, options) {
+      if (this.isRendered) {
+        return parentAddElement.call(this, data, options);
+      }
+      return createPendingElement(this, data, options);
+    },
     getInteractionId() {
       const originId = this.model.get("originId");
       const id = this.model.get("id");
@@ -2533,7 +2703,7 @@ var import_client = require("react-dom/client");
 
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
 var React6 = __toESM(require("react"));
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_props4 = require("@elementor/editor-props");
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
@@ -2909,7 +3079,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return INLINE_EDITING_PROPERTY_PER_TYPE[this.type] ?? "";
   }
   getInlineEditablePropType() {
-    const propSchema = (0, import_editor_elements5.getElementType)(this.type)?.propsSchema;
+    const propSchema = (0, import_editor_elements7.getElementType)(this.type)?.propsSchema;
     const propertyName = this.getInlineEditablePropertyName();
     return propSchema?.[propertyName] ?? null;
   }
@@ -2943,7 +3113,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
         }
       },
       {
-        title: (0, import_editor_elements5.getElementLabel)(this.id),
+        title: (0, import_editor_elements7.getElementLabel)(this.id),
         // translators: %s is the name of the property that was edited.
         subtitle: (0, import_i18n3.__)("%s edited", "elementor").replace(
           "%s",
@@ -2976,7 +3146,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     (0, import_editor_v1_adapters12.__privateRunCommandSync)(
       "document/elements/set-settings",
       {
-        container: (0, import_editor_elements5.getContainer)(this.id),
+        container: (0, import_editor_elements7.getContainer)(this.id),
         settings: {
           [key]: value
         }
@@ -2991,7 +3161,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return import_editor_props4.stringPropTypeUtil.extract(this.getSetting(tagSettingKey) ?? null) ?? import_editor_props4.stringPropTypeUtil.extract(tagPropType?.default ?? null) ?? null;
   }
   getTagPropType() {
-    const propsSchema = (0, import_editor_elements5.getElementType)(this.type)?.propsSchema;
+    const propsSchema = (0, import_editor_elements7.getElementType)(this.type)?.propsSchema;
     if (!propsSchema?.tag) {
       return null;
     }
@@ -3151,7 +3321,7 @@ function registerElementType(type, elementTypeGenerator) {
 }
 function initLegacyViews() {
   (0, import_editor_v1_adapters13.__privateListenTo)((0, import_editor_v1_adapters13.v1ReadyEvent)(), () => {
-    const widgetsCache = (0, import_editor_elements6.getWidgetsCache)() ?? {};
+    const widgetsCache = (0, import_editor_elements8.getWidgetsCache)() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
     registerProPromotionTypes(widgetsCache);
@@ -3237,8 +3407,66 @@ function initTabsModelExtensions() {
   registerModelExtensions("e-tab", tabModelExtensions);
 }
 
-// src/mcp/resources/document-structure-resource.ts
+// src/mcp/resources/available-widgets-resource.ts
 var import_editor_v1_adapters14 = 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) => {
+  const { resource, sendResourceUpdated } = reg;
+  const buildContents = (uri, filterFunction = () => true) => {
+    const widgets = getAvailableWidgets().filter(filterFunction);
+    return {
+      contents: [
+        {
+          uri,
+          mimeType: "application/json",
+          text: JSON.stringify(widgets, null, 2)
+        }
+      ]
+    };
+  };
+  const notifyResourcesUpdated = () => {
+    sendResourceUpdated({
+      uri: AVAILABLE_WIDGETS_URI,
+      ...buildContents(AVAILABLE_WIDGETS_URI)
+    });
+    sendResourceUpdated({
+      uri: AVAILABLE_WIDGETS_URI_V4,
+      ...buildContents(AVAILABLE_WIDGETS_URI_V4, (w) => w.version === "v4")
+    });
+  };
+  resource(
+    "available-widgets-v4",
+    AVAILABLE_WIDGETS_URI_V4,
+    {
+      description: "All registered v4 version widgets"
+    },
+    async () => buildContents(AVAILABLE_WIDGETS_URI_V4, (w) => w.version === "v4")
+  );
+  resource(
+    "available-widgets",
+    AVAILABLE_WIDGETS_URI,
+    {
+      description: "All registered widget types with v3/v4 version metadata and description."
+    },
+    async () => buildContents(AVAILABLE_WIDGETS_URI)
+  );
+  const eventName = (0, import_editor_v1_adapters14.v1ReadyEvent)().name;
+  const onV1Ready = () => {
+    const widgets = getAvailableWidgets();
+    if (widgets.length === 0) {
+      return;
+    }
+    window.removeEventListener(eventName, onV1Ready);
+    notifyResourcesUpdated();
+  };
+  window.addEventListener(eventName, onV1Ready);
+  onV1Ready();
+};
+
+// src/mcp/resources/document-structure-resource.ts
+var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -3251,14 +3479,15 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters14.__privateListenTo)(
+  (0, import_editor_v1_adapters15.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("editor/documents/attach-preview")
+      (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")
     ],
     updateDocumentStructure
   );
@@ -3288,9 +3517,7 @@ function getDocumentStructure() {
     return { error: "No active document found" };
   }
   const containers = document2.container?.children || [];
-  const elements = containers.map(
-    (container) => extractElementData(container)
-  );
+  const elements = containers.map((container) => extractElementData(container));
   return {
     documentId: document2.id,
     documentType: document2.config.type,
@@ -3298,6 +3525,16 @@ function getDocumentStructure() {
     elements: elements.filter((el) => el !== null)
   };
 }
+function resolveElementVersion(element) {
+  if (element.model?.config?.atomic) {
+    return "v4";
+  }
+  const widgetType = element.model?.attributes?.widgetType;
+  if (widgetType && (0, import_editor_elements9.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
+    return "v4";
+  }
+  return "v3";
+}
 function extractElementData(element) {
   if (!element || !element.model) {
     return null;
@@ -3306,7 +3543,8 @@ function extractElementData(element) {
   const result = {
     id: model.id,
     elType: model.elType,
-    widgetType: model.widgetType || void 0
+    widgetType: model.widgetType || void 0,
+    version: resolveElementVersion(element)
   };
   const title = model.title || element.model?.editor_settings?.title;
   if (title) {
@@ -3318,15 +3556,330 @@ function extractElementData(element) {
   return result;
 }
 
+// src/mcp/resources/editor-state-resource.ts
+var import_editor_v1_adapters16 = 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;
+var EDITOR_STATE_URI = "elementor://context/editor-state";
+var initEditorStateResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  let lastSerializedState = "";
+  const buildState = () => ({
+    currentlyViewedScreen: CURRENTLY_VIEWED_SCREEN,
+    pageContent: getPageContentFromPreview(),
+    pageTitle: getPageTitle()
+  });
+  const notifyIfChanged = () => {
+    const serialized = JSON.stringify(buildState());
+    if (serialized === lastSerializedState) {
+      return;
+    }
+    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")],
+    notifyIfChanged
+  );
+  lastSerializedState = JSON.stringify(buildState());
+  resource(
+    "editor-state",
+    EDITOR_STATE_URI,
+    {
+      description: "Editor page title, preview text snapshot, and viewed screen label."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: EDITOR_STATE_URI,
+            text: JSON.stringify(buildState(), null, 2)
+          }
+        ]
+      };
+    }
+  );
+};
+function getPageContentFromPreview() {
+  try {
+    const root = window.elementor?.$previewContents?.[0];
+    if (!root) {
+      return null;
+    }
+    const content = [];
+    const clone = root.cloneNode(true);
+    clone.querySelectorAll(".elementor-editor-element-settings, #elementor-add-new-section").forEach((el) => {
+      el.remove();
+    });
+    const walk = (node, insideElementorElement = false) => {
+      const isInside = node.classList?.contains("elementor-element") || insideElementorElement;
+      if (node.nodeType === Node.TEXT_NODE && isInside) {
+        const text2 = node.textContent?.trim().replace(/\s+/g, " ");
+        if (text2 && text2.length > PREVIEW_TEXT_NODE_MIN_LENGTH) {
+          content.push(text2);
+        }
+      } else {
+        node.childNodes.forEach((child) => {
+          walk(child, isInside);
+        });
+      }
+    };
+    walk(clone);
+    const text = content.join(" ");
+    if (text.length > PAGE_CONTENT_CHARACTER_LIMIT) {
+      return text.slice(0, PAGE_CONTENT_CHARACTER_LIMIT) + "...";
+    }
+    return text;
+  } catch {
+    return null;
+  }
+}
+function getPageTitle() {
+  try {
+    const extendedWindow = window;
+    const currentDocument = extendedWindow.elementor?.documents?.getCurrent?.();
+    const postTitle = currentDocument?.config?.settings?.post_title;
+    if (postTitle) {
+      return postTitle;
+    }
+    let title = document.title || "Page";
+    title = title.split(/\s*[‹»|–—-]\s*/)[0];
+    const trimmed = title.trim();
+    return trimmed || "Page";
+  } catch {
+    return "Page";
+  }
+}
+
+// src/mcp/resources/general-context-resource.ts
+var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var GENERAL_CONTEXT_URI = "elementor://context/general";
+var initGeneralContextResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  let lastSerializedPayload = null;
+  const getPageTitle2 = () => {
+    const extendedWindow = window;
+    const title = extendedWindow.elementor?.documents?.getCurrent?.()?.config?.settings?.post_title;
+    if (!title?.trim()) {
+      return null;
+    }
+    return title;
+  };
+  const buildPayload = () => {
+    const extendedWindow = window;
+    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const postParam = new URLSearchParams(location.search).get("post");
+    const parsedPostId = postParam ? Number(postParam) : null;
+    const postId = parsedPostId !== null && Number.isFinite(parsedPostId) ? parsedPostId : null;
+    const pageTitle = getPageTitle2();
+    const urlObject = new URL(window.location.href);
+    const pageUrl = urlObject.pathname + urlObject.search;
+    const pageName = pageTitle || "Elementor Editor";
+    const plugins = extendedWindow.angieConfig?.plugins;
+    return {
+      timezone,
+      postId,
+      currentPage: {
+        pageName,
+        pageTitle,
+        pageUrl
+      },
+      ...plugins && { plugins }
+    };
+  };
+  const pushUpdateIfChanged = () => {
+    const serialized = JSON.stringify(buildPayload());
+    if (serialized === lastSerializedPayload) {
+      return;
+    }
+    lastSerializedPayload = serialized;
+    sendResourceUpdated({ uri: GENERAL_CONTEXT_URI });
+  };
+  resource(
+    "general-context",
+    GENERAL_CONTEXT_URI,
+    {
+      description: "General context: timezone, post id, and current page."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: GENERAL_CONTEXT_URI,
+            mimeType: "application/json",
+            text: JSON.stringify(buildPayload(), null, 2)
+          }
+        ]
+      };
+    }
+  );
+  (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"),
+      (0, import_editor_v1_adapters17.commandEndEvent)("document/elements/settings")
+    ],
+    pushUpdateIfChanged
+  );
+  pushUpdateIfChanged();
+};
+
+// src/mcp/resources/selected-element-resource.ts
+var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var SELECTED_ELEMENT_URI = "elementor://context/selected-element";
+var initSelectedElementResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  let currentPayloadText = null;
+  const publishIfChanged = (payload) => {
+    const nextText = JSON.stringify(payload);
+    if (nextText !== currentPayloadText) {
+      currentPayloadText = nextText;
+      sendResourceUpdated({ uri: SELECTED_ELEMENT_URI });
+    }
+  };
+  const onCommand = (e) => {
+    if (e.type !== "command") {
+      return;
+    }
+    const commandEvent = e;
+    if (commandEvent.command === "document/elements/deselect-all") {
+      publishIfChanged(createEmptySelectedElementPayload());
+      return;
+    }
+    if (commandEvent.command !== "document/elements/select" && commandEvent.command !== "document/elements/settings") {
+      return;
+    }
+    const { container } = commandEvent.args || {};
+    if (container?.id) {
+      publishIfChanged(buildPayloadFromContainer(container));
+      return;
+    }
+    publishIfChanged(readSelectionFromEditor());
+  };
+  (0, import_editor_v1_adapters18.__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")
+    ],
+    onCommand
+  );
+  publishIfChanged(readSelectionFromEditor());
+  resource(
+    "selected-element",
+    SELECTED_ELEMENT_URI,
+    {
+      description: "Currently selected Elementor element context."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: SELECTED_ELEMENT_URI,
+            text: JSON.stringify(readSelectionFromEditor(), null, 2)
+          }
+        ]
+      };
+    }
+  );
+};
+function createEmptySelectedElementPayload() {
+  return {
+    elementDisplayName: null,
+    elementType: null,
+    properties: null,
+    selectedElementId: null,
+    selectedParentId: null,
+    version: null,
+    widgetType: null
+  };
+}
+function readSelectionFromEditor() {
+  const elements = (0, import_editor_elements10.getSelectedElements)();
+  if (elements.length !== 1) {
+    return createEmptySelectedElementPayload();
+  }
+  const container = (0, import_editor_elements10.getContainer)(elements[0].id);
+  return buildPayloadFromContainer(container);
+}
+function buildPayloadFromContainer(container) {
+  if (!container?.id) {
+    return createEmptySelectedElementPayload();
+  }
+  const widgetType = container.model.get("widgetType") ?? null;
+  const elementType = container.type ?? "widget";
+  return {
+    elementDisplayName: getElementDisplayName(container),
+    elementType,
+    properties: getElementProperties(container, widgetType),
+    selectedElementId: container.id,
+    selectedParentId: container.parent?.id ?? null,
+    version: resolveElementVersion2(container, widgetType),
+    widgetType
+  };
+}
+function resolveElementVersion2(container, widgetType) {
+  if (container.model?.config?.atomic) {
+    return "v4";
+  }
+  if (widgetType && (0, import_editor_elements10.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
+    return "v4";
+  }
+  return "v3";
+}
+function getElementProperties(container, widgetType) {
+  const settings = container.settings?.toJSON?.();
+  if (!settings || typeof settings !== "object") {
+    return null;
+  }
+  const widgetConfig = widgetType ? (0, import_editor_elements10.getWidgetsCache)()?.[widgetType] : null;
+  const controls = widgetConfig?.controls;
+  const filtered = {};
+  for (const [key, value] of Object.entries(settings)) {
+    if (value === void 0 || value === null || value === "") {
+      continue;
+    }
+    const controlDefault = controls?.[key]?.default;
+    if (controlDefault !== void 0 && JSON.stringify(value) === JSON.stringify(controlDefault)) {
+      continue;
+    }
+    filtered[key] = value;
+  }
+  return Object.keys(filtered).length > 0 ? filtered : null;
+}
+function getElementDisplayName(container) {
+  try {
+    if (container.label) {
+      return container.label;
+    }
+    const widgetType = container.model?.get?.("widgetType");
+    if (widgetType) {
+      const capitalizedType = widgetType.charAt(0).toUpperCase() + widgetType.slice(1);
+      return capitalizedType.replace(/-/g, " ");
+    }
+    if (container.type === "container") {
+      return "Container";
+    }
+    if (container.type === "section") {
+      return "Section";
+    }
+    return `Element ${container.id}`;
+  } catch {
+    return `Element ${container.id}`;
+  }
+}
+
 // src/mcp/tools/build-composition/tool.ts
 var import_editor_documents3 = require("@elementor/editor-documents");
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 
 // src/composition-builder/composition-builder.ts
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 
 // src/mcp/utils/do-update-element-property.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_styles5 = require("@elementor/editor-styles");
 function resolvePropValue(value, forceKey) {
@@ -3339,7 +3892,7 @@ function resolvePropValue(value, forceKey) {
 var doUpdateElementProperty = (params) => {
   const { elementId, propertyName, propertyValue, elementType } = params;
   if (propertyName === "_styles") {
-    const elementStyles = (0, import_editor_elements7.getElementStyles)(elementId) || {};
+    const elementStyles = (0, import_editor_elements11.getElementStyles)(elementId) || {};
     const propertyMapValue = propertyValue;
     const styleSchema = (0, import_editor_styles5.getStylesSchema)();
     const transformedStyleValues = Object.fromEntries(
@@ -3387,7 +3940,7 @@ var doUpdateElementProperty = (params) => {
     delete transformedStyleValues.custom_css;
     const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
     if (!localStyle) {
-      (0, import_editor_elements7.createElementStyle)({
+      (0, import_editor_elements11.createElementStyle)({
         elementId,
         ...typeof customCss !== "undefined" ? { custom_css: customCss } : {},
         classesProp: "classes",
@@ -3401,7 +3954,7 @@ var doUpdateElementProperty = (params) => {
         }
       });
     } else {
-      (0, import_editor_elements7.updateElementStyle)({
+      (0, import_editor_elements11.updateElementStyle)({
         elementId,
         styleId: localStyle.id,
         meta: {
@@ -3416,7 +3969,7 @@ var doUpdateElementProperty = (params) => {
     }
     return;
   }
-  const elementPropSchema = (0, import_editor_elements7.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+  const elementPropSchema = (0, import_editor_elements11.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
   if (!elementPropSchema) {
     throw new Error(`No prop schema found for element type: ${elementType}`);
   }
@@ -3430,7 +3983,7 @@ var doUpdateElementProperty = (params) => {
   }
   const propKey = elementPropSchema[propertyName].key;
   const value = resolvePropValue(propertyValue, propKey);
-  (0, import_editor_elements7.updateElementSettings)({
+  (0, import_editor_elements11.updateElementSettings)({
     id: elementId,
     props: {
       [propertyName]: value
@@ -3440,7 +3993,7 @@ var doUpdateElementProperty = (params) => {
 };
 
 // src/mcp/utils/validate-input.ts
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_styles6 = require("@elementor/editor-styles");
 var _widgetsSchema = null;
@@ -3448,7 +4001,7 @@ var validateInput = {
   get widgetsSchema() {
     if (!_widgetsSchema) {
       const schema2 = {};
-      const cache = (0, import_editor_elements8.getWidgetsCache)();
+      const cache = (0, import_editor_elements12.getWidgetsCache)();
       if (!cache) {
         return {};
       }
@@ -3475,7 +4028,7 @@ var validateInput = {
       if (!propSchema) {
         errors.push(`Property "${propName}" is not defined in the schema.`);
         hasInvalidKey = true;
-      } else if (!import_editor_props7.Schema.isPropKeyConfigurable(propName)) {
+      } else if (!import_editor_props7.Schema.isPropKeyConfigurable(propName, propSchema)) {
         errors.push(`Property "${propName}" is not configurable.`);
       } else {
         const { valid } = import_editor_props7.Schema.validatePropValue(propSchema, propValue);
@@ -3528,13 +4081,13 @@ var validateInput = {
 var CompositionBuilder = class _CompositionBuilder {
   elementConfig = {};
   elementStylesConfig = {};
-  elementCusomCSS = {};
+  elementCustomCSS = {};
   rootContainers = [];
   api = {
-    createElement: import_editor_elements9.createElement,
-    getWidgetsCache: import_editor_elements9.getWidgetsCache,
-    generateElementId: import_editor_elements9.generateElementId,
-    getContainer: import_editor_elements9.getContainer,
+    createElement: import_editor_elements13.createElement,
+    getWidgetsCache: import_editor_elements13.getWidgetsCache,
+    generateElementId: import_editor_elements13.generateElementId,
+    getContainer: import_editor_elements13.getContainer,
     doUpdateElementProperty
   };
   xml;
@@ -3565,7 +4118,7 @@ var CompositionBuilder = class _CompositionBuilder {
     this.elementStylesConfig = config;
   }
   setCustomCSS(config) {
-    this.elementCusomCSS = config;
+    this.elementCustomCSS = config;
   }
   getXML() {
     return this.xml;
@@ -3645,7 +4198,7 @@ var CompositionBuilder = class _CompositionBuilder {
     const allConfigIds = /* @__PURE__ */ new Set([
       ...Object.keys(this.elementConfig),
       ...Object.keys(this.elementStylesConfig),
-      ...Object.keys(this.elementCusomCSS)
+      ...Object.keys(this.elementCustomCSS)
     ]);
     for (const configId of allConfigIds) {
       let element, node;
@@ -3656,7 +4209,7 @@ var CompositionBuilder = class _CompositionBuilder {
         if (this.elementConfig[configId]) {
           configErrors.push(msg);
         }
-        if (this.elementStylesConfig[configId] || this.elementCusomCSS[configId]) {
+        if (this.elementStylesConfig[configId] || this.elementCustomCSS[configId]) {
           styleErrors.push(msg);
         }
         continue;
@@ -3706,7 +4259,7 @@ var CompositionBuilder = class _CompositionBuilder {
           }
         }
       }
-      const customCSS = this.elementCusomCSS[configId];
+      const customCSS = this.elementCustomCSS[configId];
       if (customCSS) {
         try {
           this.api.doUpdateElementProperty({
@@ -3777,6 +4330,10 @@ var generatePrompt = () => {
 # RESOURCES (Read before use)
 - [elementor://global-classes] - Check FIRST for reusable classes
 - [elementor://global-variables] - ONLY use variables defined here
+- [${AVAILABLE_WIDGETS_URI}/v4]
+
+# TOOL SUPPORT
+This tool support v4 elements only
 
 # WORKFLOW
 1. Check/create global classes via "create-global-class" tool
@@ -3958,24 +4515,26 @@ var initBuildCompositionsTool = (reg) => {
       { description: "Styles schema", uri: STYLE_SCHEMA_URI },
       { description: "Global Classes", uri: "elementor://global-classes" },
       { description: "Global Variables", uri: "elementor://global-variables" },
-      { description: "Styles best practices", uri: BEST_PRACTICES_URI }
+      { description: "Styles best practices", uri: BEST_PRACTICES_URI },
+      { description: "Available widgets for this tool", uri: AVAILABLE_WIDGETS_URI_V4 }
     ],
     outputSchema,
     modelPreferences: {
       hints: [{ name: "claude-sonnet-4-5" }]
     },
     handler: async (params) => {
+      assertCompositionXmlUsesV4WidgetsOnly(params.xmlStructure);
       const { xmlStructure, elementConfig, stylesConfig, customCSS } = params;
       let generatedXML = "";
       const errors = [];
       const rootContainers = [];
-      const documentContainer = (0, import_editor_elements10.getContainer)("document");
+      const documentContainer = (0, import_editor_elements14.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_elements10.createElement,
-          getWidgetsCache: import_editor_elements10.getWidgetsCache
+          createElement: import_editor_elements14.createElement,
+          getWidgetsCache: import_editor_elements14.getWidgetsCache
         });
         compositionBuilder.setElementConfig(elementConfig);
         compositionBuilder.setStylesConfig(stylesConfig);
@@ -4003,7 +4562,7 @@ var initBuildCompositionsTool = (reg) => {
       }
       if (errors.length) {
         rootContainers.forEach((rootContainer) => {
-          (0, import_editor_elements10.deleteElement)({
+          (0, import_editor_elements14.deleteElement)({
             container: rootContainer,
             options: { useHistory: false }
           });
@@ -4052,6 +4611,31 @@ Remember: Global classes ensure design consistency and reusability. Don't skip a
     }
   });
 };
+function assertCompositionXmlUsesV4WidgetsOnly(xmlStructure) {
+  const doc = new DOMParser().parseFromString(xmlStructure, "application/xml");
+  if (doc.querySelector("parsererror")) {
+    throw new Error("Failed to parse XML string: " + doc);
+  }
+  const widgetsCache = (0, import_editor_elements14.getWidgetsCache)() ?? {};
+  for (const node of doc.querySelectorAll("*")) {
+    const type = node.tagName;
+    const widgetData = widgetsCache[type];
+    if (!widgetData) {
+      continue;
+    }
+    if (widgetData.elType !== "widget") {
+      continue;
+    }
+    if (!widgetData.atomic_props_schema) {
+      throw new Error(
+        `This tool does not support V3 elements. Please use the elementor-v3-mcp tools instead for element type: ${type}`
+      );
+    }
+  }
+}
+
+// src/mcp/tools/configure-element/tool.ts
+var import_editor_elements15 = require("@elementor/editor-elements");
 
 // src/mcp/tools/configure-element/prompt.ts
 var configureElementToolPrompt = `Configure an existing element on the page.
@@ -4063,11 +4647,11 @@ var configureElementToolPrompt = `Configure an existing element on the page.
 2. [${STYLE_SCHEMA_URI}]
    Required to understand the styles schema for the widgets. All widgets share the same styles schema, grouped by categories.
    Use this resource to understand which style properties are available for each element, and how to structure the "stylePropertiesToChange" parameter.
-3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retreive the current PropValues configuration of the element.
+3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retrieve the current PropValues configuration of the element.
 
 Before using this tool, check the definitions of the elements PropTypes at the resource "widget-schema-by-type" at editor-canvas__elementor://widgets/schema/{widgetType}
 All widgets share a common _style property for styling, which uses the common styles schema.
-Retreive and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
+Retrieve and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
 
 # Parameters
 - propertiesToChange: An object containing the properties to change, with their new values. MANDATORY. When updating a style only, provide an empty object.
@@ -4096,19 +4680,19 @@ PropValue structure:
 }
 
 <IMPORTANT>
-ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retreive the schema from the resources mentioned above.
+ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retrieve the schema from the resources mentioned above.
 </IMPORTANT>
 
 You can use multiple property changes at once by providing multiple entries in the propertiesToChange object, including _style alongside non-style props.
 Some properties are nested, use the root property name, then objects with nested values inside, as the complete schema suggests.
 
-Make sure you have the "widget-schema-by-type" resource available to retreive the PropType schema for the element type you are configuring.
-Make sure you have to "styles-schema" resources available to retreive the common styles schema.
+Make sure you have the "widget-schema-by-type" resource available to retrieve the PropType schema for the element type you are configuring.
+Make sure you have to "styles-schema" resources available to retrieve the common styles schema.
 
 # How to configure elements
 We use a dedicated PropType Schema for configuring elements, including styles. When you configure an element, you must use the EXACT PropType Value as defined in the schema.
 For styleProperties, use the style schema provided, as it also uses the PropType format.
-For all non-primitive types, provide the key property as defined in the schema as $$type in the generated objecct, as it is MANDATORY for parsing.
+For all non-primitive types, provide the key property as defined in the schema as $$type in the generated object, as it is MANDATORY for parsing.
 
 Use the EXACT "PROP-TYPE" Schema given, and ALWAYS include the "key" property from the original configuration for every property you are changing.
 
@@ -4164,7 +4748,7 @@ var inputSchema2 = {
     import_schema3.z.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
     import_schema3.z.any()
   ).describe("An object record containing style property names and their new values to be set on the element").default({}),
-  elementType: import_schema3.z.string().describe("The type of the element to retreive the schema"),
+  elementType: import_schema3.z.string().describe("The type of the element to retrieve the schema"),
   elementId: import_schema3.z.string().describe("The unique id of the element to configure")
 };
 var outputSchema2 = {
@@ -4191,6 +4775,17 @@ var initConfigureElementTool = (reg) => {
       speedPriority: 0.7
     },
     handler: ({ elementId, propertiesToChange, elementType, stylePropertiesToChange }) => {
+      const widgetData = (0, import_editor_elements15.getWidgetsCache)()?.[elementType];
+      if (!widgetData) {
+        throw new Error(
+          `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
+        );
+      }
+      if (!widgetData.atomic_props_schema) {
+        throw new Error(
+          `This tool does not support V3 elements. Please use the elementor-v3-mcp tools instead for element type: ${elementType}`
+        );
+      }
       const toUpdate = Object.entries(propertiesToChange);
       const { valid, errors } = validateInput.validatePropSchema(elementType, propertiesToChange);
       const { valid: stylesValid, errors: stylesErrors } = validateInput.validateStyles(
@@ -4272,7 +4867,7 @@ Check the styles schema at the resource [${STYLE_SCHEMA_URI.replace(
 }
 
 // src/mcp/tools/get-element-config/tool.ts
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_props8 = require("@elementor/editor-props");
 var import_schema5 = require("@elementor/schema");
 var schema = {
@@ -4311,12 +4906,24 @@ var initGetElementConfigTool = (reg) => {
       speedPriority: 0.9
     },
     handler: async ({ elementId }) => {
-      const element = (0, import_editor_elements11.getContainer)(elementId);
+      const element = (0, import_editor_elements16.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_elements16.getWidgetsCache)()?.[elementType];
+      if (!widgetData) {
+        throw new Error(
+          `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
+        );
+      }
+      if (!widgetData.atomic_props_schema) {
+        throw new Error(
+          `This tool does not support V3 elements. Please use the elementor-v3-mcp tools instead for element type: ${elementType}`
+        );
+      }
       const elementRawSettings = element.settings;
-      const propSchema = (0, import_editor_elements11.getWidgetsCache)()?.[element.model.get("widgetType") || element.model.get("elType") || ""]?.atomic_props_schema;
+      const propSchema = (0, import_editor_elements16.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
       if (!elementRawSettings || !propSchema) {
         throw new Error(`No settings or prop schema found for element ID: ${elementId}`);
       }
@@ -4325,7 +4932,7 @@ var initGetElementConfigTool = (reg) => {
       import_editor_props8.Schema.configurableKeys(propSchema).forEach((key) => {
         propValues[key] = structuredClone(elementRawSettings.get(key));
       });
-      const elementStyles = (0, import_editor_elements11.getElementStyles)(elementId) || {};
+      const elementStyles = (0, import_editor_elements16.getElementStyles)(elementId) || {};
       const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
       if (localStyle) {
         const defaultVariant = localStyle.variants.find(
@@ -4368,7 +4975,11 @@ var initCanvasMcp = (reg) => {
 `
   );
   initWidgetsSchemaResource(reg);
+  initAvailableWidgetsResource(reg);
   initDocumentStructureResource(reg);
+  initSelectedElementResource(reg);
+  initEditorStateResource(reg);
+  initGeneralContextResource(reg);
   initBuildCompositionsTool(reg);
   initGetElementConfigTool(reg);
   initConfigureElementTool(reg);
@@ -4488,16 +5099,16 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 `;
 
 // src/prevent-link-in-link-commands.ts
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters19.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters19.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -4559,24 +5170,24 @@ function shouldBlock(sourceElements, targetElements) {
     return false;
   }
   const isSourceContainsAnAnchor = sourceElements.some((src) => {
-    return src?.id ? (0, import_editor_elements12.isElementAnchored)(src.id) || !!(0, import_editor_elements12.getAnchoredDescendantId)(src.id) : false;
+    return src?.id ? (0, import_editor_elements17.isElementAnchored)(src.id) || !!(0, import_editor_elements17.getAnchoredDescendantId)(src.id) : false;
   });
   if (!isSourceContainsAnAnchor) {
     return false;
   }
   const isTargetContainsAnAnchor = targetElements.some((target) => {
-    return target?.id ? (0, import_editor_elements12.isElementAnchored)(target.id) || !!(0, import_editor_elements12.getAnchoredAncestorId)(target.id) : false;
+    return target?.id ? (0, import_editor_elements17.isElementAnchored)(target.id) || !!(0, import_editor_elements17.getAnchoredAncestorId)(target.id) : false;
   });
   return isTargetContainsAnAnchor;
 }
 
 // src/style-commands/paste-style.ts
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
-var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
 function hasAtomicWidgets(args) {
@@ -4601,7 +5212,7 @@ function getClassesProp(container) {
 }
 function getContainerSchema(container) {
   const type = container?.model.get("widgetType") || container?.model.get("elType");
-  const widgetsCache = (0, import_editor_elements13.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements18.getWidgetsCache)();
   const elementType = widgetsCache?.[type];
   return elementType?.atomic_props_schema ?? null;
 }
@@ -4614,15 +5225,15 @@ function getClipboardElements(storageKey = "clipboard") {
   }
 }
 function getTitleForContainers(containers) {
-  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements13.getElementLabel)(containers[0].id);
+  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements18.getElementLabel)(containers[0].id);
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
 var import_i18n6 = require("@wordpress/i18n");
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters20.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -4631,7 +5242,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         if (!classesProp) {
           return null;
         }
-        const originalStyles = (0, import_editor_elements14.getElementStyles)(container.id);
+        const originalStyles = (0, import_editor_elements19.getElementStyles)(container.id);
         const [styleId, styleDef] = Object.entries(originalStyles ?? {})[0] ?? [];
         const originalStyle = Object.keys(styleDef ?? {}).length ? styleDef : null;
         const revertData = {
@@ -4640,7 +5251,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         };
         if (styleId) {
           newStyle.variants.forEach(({ meta, props, custom_css: customCss }) => {
-            (0, import_editor_elements14.updateElementStyle)({
+            (0, import_editor_elements19.updateElementStyle)({
               elementId,
               styleId,
               meta,
@@ -4651,7 +5262,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         } else {
           const [firstVariant] = newStyle.variants;
           const additionalVariants = newStyle.variants.slice(1);
-          revertData.styleId = (0, import_editor_elements14.createElementStyle)({
+          revertData.styleId = (0, import_editor_elements19.createElementStyle)({
             elementId,
             classesProp,
             label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -4669,7 +5280,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
           return;
         }
         if (!revertData.originalStyle) {
-          (0, import_editor_elements14.deleteElementStyle)(container.id, revertData.styleId);
+          (0, import_editor_elements19.deleteElementStyle)(container.id, revertData.styleId);
           return;
         }
         const classesProp = getClassesProp(container);
@@ -4678,7 +5289,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         }
         const [firstVariant] = revertData.originalStyle.variants;
         const additionalVariants = revertData.originalStyle.variants.slice(1);
-        (0, import_editor_elements14.createElementStyle)({
+        (0, import_editor_elements19.createElementStyle)({
           elementId: container.id,
           classesProp,
           label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -4698,12 +5309,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters17.blockCommand)({
+  (0, import_editor_v1_adapters21.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters17.__privateListenTo)(
-    (0, import_editor_v1_adapters17.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters21.__privateListenTo)(
+    (0, import_editor_v1_adapters21.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -4715,7 +5326,7 @@ function pasteStyles(args, pasteLocalStyle) {
   }
   const clipboardElements = getClipboardElements(storageKey);
   const [clipboardElement] = clipboardElements ?? [];
-  const clipboardContainer = (0, import_editor_elements15.getContainer)(clipboardElement.id);
+  const clipboardContainer = (0, import_editor_elements20.getContainer)(clipboardElement.id);
   if (!clipboardElement || !clipboardContainer || !isAtomicWidget(clipboardContainer)) {
     return;
   }
@@ -4734,7 +5345,7 @@ function getClassesWithoutLocalStyle(clipboardContainer, style) {
   if (!classesProp) {
     return [];
   }
-  const classesSetting = (0, import_editor_elements15.getElementSetting)(clipboardContainer.id, classesProp);
+  const classesSetting = (0, import_editor_elements20.getElementSetting)(clipboardContainer.id, classesProp);
   return classesSetting?.value.filter((styleId) => styleId !== style?.id) ?? [];
 }
 function pasteClasses(containers, classes) {
@@ -4743,10 +5354,10 @@ function pasteClasses(containers, classes) {
     if (!classesProp) {
       return;
     }
-    const classesSetting = (0, import_editor_elements15.getElementSetting)(container.id, classesProp);
+    const classesSetting = (0, import_editor_elements20.getElementSetting)(container.id, classesProp);
     const currentClasses = import_editor_props10.classesPropTypeUtil.extract(classesSetting) ?? [];
     const newClasses = import_editor_props10.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
-    (0, import_editor_elements15.updateElementSettings)({
+    (0, import_editor_elements20.updateElementSettings)({
       id: container.id,
       props: { [classesProp]: newClasses }
     });
@@ -4754,21 +5365,21 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements21 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters22.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
         const elementId = container.model.get("id");
-        const containerStyles = (0, import_editor_elements16.getElementStyles)(elementId);
+        const containerStyles = (0, import_editor_elements21.getElementStyles)(elementId);
         Object.keys(containerStyles ?? {}).forEach(
-          (styleId) => (0, import_editor_elements16.deleteElementStyle)(elementId, styleId)
+          (styleId) => (0, import_editor_elements21.deleteElementStyle)(elementId, styleId)
         );
         return containerStyles;
       });
@@ -4784,7 +5395,7 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
         Object.entries(containerStyles ?? {}).forEach(([styleId, style]) => {
           const [firstVariant] = style.variants;
           const additionalVariants = style.variants.slice(1);
-          (0, import_editor_elements16.createElementStyle)({
+          (0, import_editor_elements21.createElementStyle)({
             elementId,
             classesProp,
             styleId,
@@ -4805,12 +5416,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters19.blockCommand)({
+  (0, import_editor_v1_adapters23.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters19.__privateListenTo)(
-    (0, import_editor_v1_adapters19.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters23.__privateListenTo)(
+    (0, import_editor_v1_adapters23.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }
@@ -4907,10 +5518,34 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   });
   return { model: elementModel };
 };
+
+// src/sync/global-styles-imported-event.ts
+var GLOBAL_STYLES_IMPORTED_EVENT = "elementor/global-styles/imported";
+
+// src/utils/after-render.ts
+var import_editor_elements22 = require("@elementor/editor-elements");
+function doAfterRender(elementIds, callback) {
+  const pending = elementIds.map((elementId) => {
+    const view = (0, import_editor_elements22.getContainer)(elementId)?.view;
+    if (!view || !hasDoAfterRender(view)) {
+      return void 0;
+    }
+    return new Promise((resolve) => view._doAfterRender(resolve));
+  }).filter(Boolean);
+  if (pending.length > 0) {
+    Promise.all(pending).then(() => callback(elementIds));
+  } else {
+    callback(elementIds);
+  }
+}
+function hasDoAfterRender(view) {
+  return typeof view?._doAfterRender === "function";
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BREAKPOINTS_SCHEMA_URI,
   DOCUMENT_STRUCTURE_URI,
+  GLOBAL_STYLES_IMPORTED_EVENT,
   STYLE_SCHEMA_URI,
   UnknownStyleStateError,
   UnknownStyleTypeError,
@@ -4922,6 +5557,7 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   createTemplatedElementView,
   createTransformer,
   createTransformersRegistry,
+  doAfterRender,
   endDragElementFromPanel,
   init,
   isAtomicWidget,