@elementor/editor-canvas 4.2.0-938 → 4.2.0-940

package/dist/index.js

@@ -1443,7 +1443,7 @@ function createPropsResolver({ transformers, schema: initialSchema, onPropResolv
       Object.entries(schema2).map(async ([key, type]) => {
         const value = props[key] ?? type.default;
         const transformed = await transform({ value, key, type, signal, renderContext });
-        onPropResolve?.({ key, value: transformed });
+        onPropResolve?.({ key, value: transformed, propValue: value, propType: type });
         if (isMultiProps(transformed)) {
           return getMultiPropsValue(transformed);
         }
@@ -1513,6 +1513,27 @@ function createPropsResolver({ transformers, schema: initialSchema, onPropResolv
   return resolve;
 }
 
+// src/renderers/enqueue-font-from-style-prop.ts
+var import_editor_props4 = require("@elementor/editor-props");
+var maybeEnqueueFontFromStyleProp = (propType, propValue, enqueue) => {
+  if (!(0, import_editor_props4.isTransformable)(propValue) || propValue.disabled) {
+    return;
+  }
+  const typeKey = propType.kind === "union" ? propValue.$$type : propType.key;
+  const propTypeUtil = (0, import_editor_props4.getPropSchemaFromCache)(typeKey);
+  if (!propTypeUtil || !("getEnqueueFontFamily" in propTypeUtil) || typeof propTypeUtil.getEnqueueFontFamily !== "function") {
+    return;
+  }
+  const stored = propValue.value;
+  if (typeof stored !== "string") {
+    return;
+  }
+  const font = propTypeUtil.getEnqueueFontFamily(stored);
+  if (font) {
+    enqueue(font);
+  }
+};
+
 // src/transformers/create-transformers-registry.ts
 function createTransformersRegistry() {
   const transformers = {};
@@ -1545,11 +1566,8 @@ function useStylePropResolver() {
     return createPropsResolver({
       transformers: styleTransformersRegistry,
       schema: (0, import_editor_styles.getStylesSchema)(),
-      onPropResolve: ({ key, value }) => {
-        if (key !== "font-family" || typeof value !== "string") {
-          return;
-        }
-        (0, import_editor_v1_adapters8.enqueueFont)(value);
+      onPropResolve: ({ propValue, propType }) => {
+        maybeEnqueueFontFromStyleProp(propType, propValue, import_editor_v1_adapters8.enqueueFont);
       }
     });
   }, []);
@@ -2477,6 +2495,18 @@ var flexTransformer = createTransformer((value) => {
   return null;
 });
 
+// src/transformers/styles/font-family-transformer.ts
+var fontFamilyTransformer = createTransformer((value) => {
+  if (typeof value !== "string" || !value.trim()) {
+    return null;
+  }
+  const trimmed = value.trim();
+  if (trimmed.startsWith('"') && trimmed.endsWith('"') || trimmed.startsWith("'") && trimmed.endsWith("'")) {
+    return trimmed;
+  }
+  return `"${trimmed}"`;
+});
+
 // src/transformers/styles/grid-track-renderer.ts
 var GRID_TRACK_PROPERTIES = /* @__PURE__ */ new Set(["grid-template-columns", "grid-template-rows"]);
 var isGridTrackProperty = (cssProperty) => GRID_TRACK_PROPERTIES.has(cssProperty);
@@ -2628,7 +2658,7 @@ var mapToTransitionString = (value, allowedProperties) => {
 
 // src/init-style-transformers.ts
 function initStyleTransformers() {
-  styleTransformersRegistry.register("size", sizeTransformer).register("grid-track-size", gridTrackSizeTransformer).register("shadow", shadowTransformer).register("stroke", strokeTransformer).register(
+  styleTransformersRegistry.register("font-family", fontFamilyTransformer).register("size", sizeTransformer).register("grid-track-size", gridTrackSizeTransformer).register("shadow", shadowTransformer).register("stroke", strokeTransformer).register(
     "dimensions",
     createMultiPropsTransformer(
       ["block-start", "block-end", "inline-start", "inline-end"],
@@ -3346,7 +3376,7 @@ var import_client = require("react-dom/client");
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
 var React11 = __toESM(require("react"));
 var import_editor_elements9 = require("@elementor/editor-elements");
-var import_editor_props5 = require("@elementor/editor-props");
+var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
 
@@ -3623,11 +3653,11 @@ var InlineEditingToolbar = ({ anchor, editor, id }) => {
 };
 
 // src/legacy/replacements/inline-editing/inline-editing-eligibility.ts
-var import_editor_props4 = require("@elementor/editor-props");
+var import_editor_props5 = require("@elementor/editor-props");
 var hasKey = (propType) => {
   return "key" in propType;
 };
-var TEXT_PROP_TYPE_KEYS = /* @__PURE__ */ new Set([import_editor_props4.htmlV3PropTypeUtil.key, import_editor_props4.stringPropTypeUtil.key]);
+var TEXT_PROP_TYPE_KEYS = /* @__PURE__ */ new Set([import_editor_props5.htmlV3PropTypeUtil.key, import_editor_props5.stringPropTypeUtil.key]);
 var isCoreTextPropTypeKey = (key) => {
   return TEXT_PROP_TYPE_KEYS.has(key);
 };
@@ -3647,7 +3677,7 @@ var isInlineEditingAllowed = ({ rawValue, propTypeFromSchema }) => {
   if (rawValue === null || rawValue === void 0) {
     return isAllowedBySchema(propTypeFromSchema);
   }
-  return import_editor_props4.htmlV3PropTypeUtil.isValid(rawValue) || import_editor_props4.stringPropTypeUtil.isValid(rawValue);
+  return import_editor_props5.htmlV3PropTypeUtil.isValid(rawValue) || import_editor_props5.stringPropTypeUtil.isValid(rawValue);
 };
 
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
@@ -3732,15 +3762,15 @@ var InlineEditingReplacement = class extends ReplacementBase {
   }
   getExtractedContentValue() {
     const propValue = this.getInlineEditablePropValue();
-    const extracted = import_editor_props5.htmlV3PropTypeUtil.extract(propValue);
-    return import_editor_props5.stringPropTypeUtil.extract(extracted?.content ?? null) ?? "";
+    const extracted = import_editor_props6.htmlV3PropTypeUtil.extract(propValue);
+    return import_editor_props6.stringPropTypeUtil.extract(extracted?.content ?? null) ?? "";
   }
   setContentValue(value) {
     const settingKey = this.getInlineEditablePropertyName();
     const html = value || "";
-    const parsed = (0, import_editor_props5.parseHtmlChildren)(html);
-    const valueToSave = import_editor_props5.htmlV3PropTypeUtil.create({
-      content: parsed.content ? import_editor_props5.stringPropTypeUtil.create(parsed.content) : null,
+    const parsed = (0, import_editor_props6.parseHtmlChildren)(html);
+    const valueToSave = import_editor_props6.htmlV3PropTypeUtil.create({
+      content: parsed.content ? import_editor_props6.stringPropTypeUtil.create(parsed.content) : null,
       children: parsed.children
     });
     (0, import_editor_v1_adapters13.undoable)(
@@ -3771,7 +3801,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
       return null;
     }
     if (propType.kind === "union") {
-      const textKeys = [import_editor_props5.htmlV3PropTypeUtil.key, import_editor_props5.stringPropTypeUtil.key];
+      const textKeys = [import_editor_props6.htmlV3PropTypeUtil.key, import_editor_props6.stringPropTypeUtil.key];
       for (const key of textKeys) {
         if (propType.prop_types[key]) {
           return key;
@@ -3800,7 +3830,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
   getExpectedTag() {
     const tagPropType = this.getTagPropType();
     const tagSettingKey = "tag";
-    return import_editor_props5.stringPropTypeUtil.extract(this.getSetting(tagSettingKey) ?? null) ?? import_editor_props5.stringPropTypeUtil.extract(tagPropType?.default ?? null) ?? null;
+    return import_editor_props6.stringPropTypeUtil.extract(this.getSetting(tagSettingKey) ?? null) ?? import_editor_props6.stringPropTypeUtil.extract(tagPropType?.default ?? null) ?? null;
   }
   getTagPropType() {
     const propsSchema = (0, import_editor_elements9.getElementType)(this.type)?.propsSchema;
@@ -4027,7 +4057,7 @@ function createNestedTemplatedType(type, renderer, element) {
 }
 
 // src/legacy/tabs-model-extensions.ts
-var import_editor_props6 = require("@elementor/editor-props");
+var import_editor_props7 = require("@elementor/editor-props");
 var tabModelExtensions = {
   modifyDefaultChildren(elements) {
     if (!Array.isArray(elements) || elements.length === 0) {
@@ -4043,8 +4073,8 @@ var tabModelExtensions = {
       ...paragraphElement,
       settings: {
         ...paragraphElement.settings,
-        paragraph: import_editor_props6.htmlV3PropTypeUtil.create({
-          content: import_editor_props6.stringPropTypeUtil.create(`Tab ${position}`),
+        paragraph: import_editor_props7.htmlV3PropTypeUtil.create({
+          content: import_editor_props7.stringPropTypeUtil.create(`Tab ${position}`),
           children: []
         })
       }
@@ -4057,7 +4087,7 @@ function initTabsModelExtensions() {
 }
 
 // src/mcp/canvas-mcp.ts
-var import_editor_props11 = require("@elementor/editor-props");
+var import_editor_props12 = require("@elementor/editor-props");
 
 // src/mcp/resources/available-widgets-resource.ts
 var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
@@ -4198,7 +4228,7 @@ function extractElementData(element) {
     widgetType: model.widgetType || void 0,
     version: resolveElementVersion(element)
   };
-  const title = model.title || element.model?.editor_settings?.title;
+  const title = model.title || element.model?.editor_settings?.title || element.model.getTitle?.();
   if (title) {
     result.title = title;
   }
@@ -4209,7 +4239,7 @@ function extractElementData(element) {
 }
 
 // src/mcp/resources/dynamic-tags-resource.ts
-var import_editor_props7 = require("@elementor/editor-props");
+var import_editor_props8 = require("@elementor/editor-props");
 
 // src/mcp/utils/resolve-dynamic-tag.ts
 var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
@@ -4277,7 +4307,7 @@ var defaultSettingValue = (propType) => {
 var DYNAMIC_TAGS_URI = "elementor://dynamic-tags";
 var settingsSchema = (propsSchema) => {
   return Object.fromEntries(
-    Object.entries(propsSchema ?? {}).filter(([key]) => !OMITTED_DYNAMIC_SETTING_KEYS.includes(key)).map(([key, propType]) => [key, import_editor_props7.Schema.propTypeToJsonSchema(propType)])
+    Object.entries(propsSchema ?? {}).filter(([key]) => !OMITTED_DYNAMIC_SETTING_KEYS.includes(key)).map(([key, propType]) => [key, import_editor_props8.Schema.propTypeToJsonSchema(propType)])
   );
 };
 var buildDynamicTagsList = () => {
@@ -4626,14 +4656,14 @@ function getElementDisplayName(container) {
 
 // src/mcp/tools/build-composition/tool.ts
 var import_editor_documents3 = require("@elementor/editor-documents");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 
 // src/composition-builder/composition-builder.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 
 // src/mcp/utils/do-update-element-property.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
-var import_editor_props8 = require("@elementor/editor-props");
+var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_props9 = require("@elementor/editor-props");
 var import_editor_styles4 = require("@elementor/editor-styles");
 var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 
@@ -4651,6 +4681,58 @@ var readStoredCustomCssText = (raw) => {
   }
 };
 
+// src/mcp/utils/resolve-canonical-prop-name.ts
+var import_editor_elements13 = require("@elementor/editor-elements");
+function buildAliasToCanonicalMap(schema2) {
+  const aliasToCanonical = {};
+  for (const [canonical, propType] of Object.entries(schema2)) {
+    const aliases = propType.meta?.aliases;
+    if (!Array.isArray(aliases)) {
+      continue;
+    }
+    for (const alias of aliases) {
+      if (typeof alias === "string" && alias) {
+        aliasToCanonical[alias] = canonical;
+      }
+    }
+  }
+  return aliasToCanonical;
+}
+function resolveCanonicalPropName(elementType, propertyName) {
+  const schema2 = (0, import_editor_elements13.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+  if (!schema2 || schema2[propertyName]) {
+    return propertyName;
+  }
+  return buildAliasToCanonicalMap(schema2)[propertyName] ?? propertyName;
+}
+function resolveCanonicalPropKeys(elementType, props) {
+  const schema2 = (0, import_editor_elements13.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+  if (!schema2) {
+    return { ...props };
+  }
+  const aliasToCanonical = buildAliasToCanonicalMap(schema2);
+  const resolved = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (schema2[key]) {
+      resolved[key] = value;
+    }
+  }
+  for (const [key, value] of Object.entries(props)) {
+    if (schema2[key]) {
+      continue;
+    }
+    const canonical = aliasToCanonical[key];
+    if (!canonical) {
+      resolved[key] = value;
+      continue;
+    }
+    if (!Object.prototype.hasOwnProperty.call(resolved, canonical)) {
+      resolved[canonical] = value;
+    }
+  }
+  return resolved;
+}
+
 // src/mcp/utils/do-update-element-property.ts
 var LOCAL_STYLE_META = {
   breakpoint: "desktop",
@@ -4658,7 +4740,7 @@ var LOCAL_STYLE_META = {
 };
 function resolvePropValue(value, forceKey) {
   const Utils = window.elementorV2.editorVariables.Utils;
-  return import_editor_props8.Schema.adjustLlmPropValueSchema(value, {
+  return import_editor_props9.Schema.adjustLlmPropValueSchema(value, {
     forceKey,
     transformers: {
       ...Utils.globalVariablesLLMResolvers,
@@ -4667,9 +4749,10 @@ function resolvePropValue(value, forceKey) {
   });
 }
 var doUpdateElementProperty = (params) => {
-  const { elementId, propertyName, propertyValue, elementType, customCssWriteMode = "replace" } = params;
+  const { elementId, propertyValue, elementType, customCssWriteMode = "replace" } = params;
+  const propertyName = params.propertyName === "_styles" ? params.propertyName : resolveCanonicalPropName(elementType, params.propertyName);
   if (propertyName === "_styles") {
-    const elementStyles = (0, import_editor_elements13.getElementStyles)(elementId) || {};
+    const elementStyles = (0, import_editor_elements14.getElementStyles)(elementId) || {};
     const propertyMapValue = propertyValue;
     const styleSchema = (0, import_editor_styles4.getStylesSchema)();
     const transformedStyleValues = Object.fromEntries(
@@ -4716,7 +4799,7 @@ var doUpdateElementProperty = (params) => {
       }
       if (propertyRawSchema.kind === "plain") {
         if (typeof propertyMapValue[stylePropName] !== "object") {
-          const propUtil = (0, import_editor_props8.getPropSchemaFromCache)(propertyRawSchema.key);
+          const propUtil = (0, import_editor_props9.getPropSchemaFromCache)(propertyRawSchema.key);
           if (propUtil) {
             const plainValue = propUtil.create(propertyMapValue[stylePropName]);
             propertyMapValue[stylePropName] = plainValue;
@@ -4726,7 +4809,7 @@ var doUpdateElementProperty = (params) => {
     });
     delete transformedStyleValues.custom_css;
     if (!localStyle) {
-      (0, import_editor_elements13.createElementStyle)({
+      (0, import_editor_elements14.createElementStyle)({
         elementId,
         ...typeof customCss !== "undefined" ? { custom_css: customCss } : {},
         classesProp: "classes",
@@ -4740,7 +4823,7 @@ var doUpdateElementProperty = (params) => {
         }
       });
     } else {
-      (0, import_editor_elements13.updateElementStyle)({
+      (0, import_editor_elements14.updateElementStyle)({
         elementId,
         styleId: localStyle.id,
         meta: {
@@ -4755,7 +4838,7 @@ var doUpdateElementProperty = (params) => {
     }
     return;
   }
-  const elementPropSchema = (0, import_editor_elements13.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+  const elementPropSchema = (0, import_editor_elements14.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
   if (!elementPropSchema) {
     throw new Error(`No prop schema found for element type: ${elementType}`);
   }
@@ -4769,7 +4852,7 @@ var doUpdateElementProperty = (params) => {
   }
   const propKey = elementPropSchema[propertyName].key;
   const value = resolvePropValue(propertyValue, propKey);
-  const { valid, jsonSchema } = import_editor_props8.Schema.validatePropValue(elementPropSchema[propertyName], propertyValue);
+  const { valid, jsonSchema } = import_editor_props9.Schema.validatePropValue(elementPropSchema[propertyName], propertyValue);
   if (!valid) {
     throw new Error(
       `Invalid PropValue for elementId: ${elementId}. PropKey: ${propKey}, PropValue: ${JSON.stringify(
@@ -4778,7 +4861,7 @@ var doUpdateElementProperty = (params) => {
 Expected Schema: ${jsonSchema}`
     );
   }
-  (0, import_editor_elements13.updateElementSettings)({
+  (0, import_editor_elements14.updateElementSettings)({
     id: elementId,
     props: {
       [propertyName]: value
@@ -4836,11 +4919,11 @@ var CompositionBuilder = class _CompositionBuilder {
   elementCustomCSS = {};
   rootContainers = [];
   api = {
-    createElement: import_editor_elements14.createElement,
-    deleteElement: import_editor_elements14.deleteElement,
-    getWidgetsCache: import_editor_elements14.getWidgetsCache,
-    generateElementId: import_editor_elements14.generateElementId,
-    getContainer: import_editor_elements14.getContainer,
+    createElement: import_editor_elements15.createElement,
+    deleteElement: import_editor_elements15.deleteElement,
+    getWidgetsCache: import_editor_elements15.getWidgetsCache,
+    generateElementId: import_editor_elements15.generateElementId,
+    getContainer: import_editor_elements15.getContainer,
     doUpdateElementProperty
   };
   xml;
@@ -5360,19 +5443,19 @@ var initBuildCompositionsTool = (reg) => {
       const { xmlStructure, elementConfig, stylesConfig } = adaptLeafRootParams({
         ...rawParams,
         stylesConfig: convertedStyles,
-        widgetsCache: (0, import_editor_elements15.getWidgetsCache)() ?? {}
+        widgetsCache: (0, import_editor_elements16.getWidgetsCache)() ?? {}
       });
       let generatedXML = "";
       const errors = [];
       const rootContainers = [];
-      const documentContainer = (0, import_editor_elements15.getContainer)("document");
+      const documentContainer = (0, import_editor_elements16.getContainer)("document");
       const currentDocument = (0, import_editor_documents3.getCurrentDocument)();
       const targetContainer = getCompositionTargetContainer(documentContainer, currentDocument?.type.value);
       try {
         const compositionBuilder = CompositionBuilder.fromXMLString(xmlStructure, {
-          createElement: import_editor_elements15.createElement,
-          deleteElement: import_editor_elements15.deleteElement,
-          getWidgetsCache: import_editor_elements15.getWidgetsCache
+          createElement: import_editor_elements16.createElement,
+          deleteElement: import_editor_elements16.deleteElement,
+          getWidgetsCache: import_editor_elements16.getWidgetsCache
         });
         compositionBuilder.setElementConfig(elementConfig);
         compositionBuilder.setStylesConfig(stylesConfig);
@@ -5388,7 +5471,7 @@ var initBuildCompositionsTool = (reg) => {
       }
       if (errors.length) {
         rootContainers.forEach((rootContainer) => {
-          (0, import_editor_elements15.deleteElement)({
+          (0, import_editor_elements16.deleteElement)({
             container: rootContainer,
             options: { useHistory: false }
           });
@@ -5457,7 +5540,7 @@ function assertCompositionXmlUsesV4WidgetsOnly(xmlStructure) {
   if (doc.querySelector("parsererror")) {
     throw new Error("Failed to parse XML string: " + doc);
   }
-  const widgetsCache = (0, import_editor_elements15.getWidgetsCache)() ?? {};
+  const widgetsCache = (0, import_editor_elements16.getWidgetsCache)() ?? {};
   for (const node of doc.querySelectorAll("*")) {
     const type = node.tagName;
     const widgetData = widgetsCache[type];
@@ -5474,18 +5557,18 @@ function assertCompositionXmlUsesV4WidgetsOnly(xmlStructure) {
 }
 
 // src/mcp/tools/configure-element/tool.ts
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 
 // src/mcp/utils/validate-input.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
-var import_editor_props9 = require("@elementor/editor-props");
+var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_props10 = require("@elementor/editor-props");
 var import_editor_styles5 = require("@elementor/editor-styles");
 var _widgetsSchema = null;
 var validateInput = {
   get widgetsSchema() {
     if (!_widgetsSchema) {
       const schema2 = {};
-      const cache = (0, import_editor_elements16.getWidgetsCache)();
+      const cache = (0, import_editor_elements17.getWidgetsCache)();
       if (!cache) {
         return {};
       }
@@ -5512,10 +5595,10 @@ var validateInput = {
       if (!propSchema) {
         errors.push(`Property "${propName}" is not defined in the schema.`);
         hasInvalidKey = true;
-      } else if (!import_editor_props9.Schema.isPropKeyConfigurable(propName, propSchema)) {
+      } else if (!import_editor_props10.Schema.isPropKeyConfigurable(propName, propSchema)) {
         errors.push(`Property "${propName}" is not configurable.`);
       } else {
-        const { valid } = import_editor_props9.Schema.validatePropValue(propSchema, propValue);
+        const { valid } = import_editor_props10.Schema.validatePropValue(propSchema, propValue);
         if (!valid) {
           errors.push(
             `Invalid property "${propName}". Validate input with resource [${STYLE_SCHEMA_URI.replace(
@@ -5726,19 +5809,28 @@ var initConfigureElementTool = (reg) => {
       { description: "Dynamic tags catalog", uri: DYNAMIC_TAGS_URI }
     ],
     handler: async ({ elementId, propertiesToChange, elementType, style }) => {
-      const widgetData = (0, import_editor_elements17.getWidgetsCache)()?.[elementType];
+      const widgetData = (0, import_editor_elements18.getWidgetsCache)()?.[elementType];
       if (!widgetData) {
         throw new Error(
           `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
         );
       }
+      const container = (0, import_editor_elements18.getContainer)(elementId);
+      if (!container) {
+        throw new Error(`Element with id ${elementId} not found`);
+      }
+      const isElementTypeMatchingId = container.settings.get("widgetType") === elementType || container.type === elementType;
+      if (!isElementTypeMatchingId) {
+        throw new Error(`Element with ID ${elementId} is not of type ${elementType}`);
+      }
       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 propertiesToUpdate = resolveCanonicalPropKeys(elementType, propertiesToChange);
+      const toUpdate = Object.entries(propertiesToUpdate);
+      const { valid, errors } = validateInput.validatePropSchema(elementType, propertiesToUpdate);
       if (!valid) {
         const errorMessage = `Failed to configure element "${elementId}" due to invalid properties: ${errors?.join(
           "\n- "
@@ -5818,8 +5910,8 @@ Provide styling as raw CSS via the "style" parameter (a flat map of CSS property
 }
 
 // src/mcp/tools/get-element-config/tool.ts
-var import_editor_elements18 = require("@elementor/editor-elements");
-var import_editor_props10 = require("@elementor/editor-props");
+var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_props11 = require("@elementor/editor-props");
 var import_schema5 = require("@elementor/schema");
 var schema = {
   elementId: import_schema5.z.string()
@@ -5853,12 +5945,12 @@ var initGetElementConfigTool = (reg) => {
     schema,
     outputSchema: outputSchema3,
     handler: async ({ elementId }) => {
-      const element = (0, import_editor_elements18.getContainer)(elementId);
+      const element = (0, import_editor_elements19.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_elements18.getWidgetsCache)()?.[elementType];
+      const widgetData = (0, import_editor_elements19.getWidgetsCache)()?.[elementType];
       if (!widgetData) {
         throw new Error(
           `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
@@ -5870,16 +5962,16 @@ var initGetElementConfigTool = (reg) => {
         );
       }
       const elementRawSettings = element.settings;
-      const propSchema = (0, import_editor_elements18.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+      const propSchema = (0, import_editor_elements19.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
       if (!elementRawSettings || !propSchema) {
         throw new Error(`No settings or prop schema found for element ID: ${elementId}`);
       }
       const propValues = {};
       const stylePropValues = {};
-      import_editor_props10.Schema.configurableKeys(propSchema).forEach((key) => {
+      import_editor_props11.Schema.configurableKeys(propSchema).forEach((key) => {
         propValues[key] = structuredClone(elementRawSettings.get(key));
       });
-      const elementStyles = (0, import_editor_elements18.getElementStyles)(elementId) || {};
+      const elementStyles = (0, import_editor_elements19.getElementStyles)(elementId) || {};
       const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
       if (localStyle) {
         const defaultVariant = localStyle.variants.find(
@@ -5912,7 +6004,7 @@ var initGetElementConfigTool = (reg) => {
 
 // src/mcp/canvas-mcp.ts
 var initCanvasMcp = (reg) => {
-  import_editor_props11.Schema.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
+  import_editor_props12.Schema.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
   initWidgetsSchemaResource(reg);
   initAvailableWidgetsResource(reg);
   initDocumentStructureResource(reg);
@@ -6035,7 +6127,7 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 `;
 
 // src/prevent-link-in-link-commands.ts
-var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
@@ -6106,25 +6198,25 @@ function shouldBlock(sourceElements, targetElements) {
     return false;
   }
   const isSourceContainsAnAnchor = sourceElements.some((src) => {
-    return src?.id ? (0, import_editor_elements19.isElementAnchored)(src.id) || !!(0, import_editor_elements19.getAnchoredDescendantId)(src.id) : false;
+    return src?.id ? (0, import_editor_elements20.isElementAnchored)(src.id) || !!(0, import_editor_elements20.getAnchoredDescendantId)(src.id) : false;
   });
   if (!isSourceContainsAnAnchor) {
     return false;
   }
   const isTargetContainsAnAnchor = targetElements.some((target) => {
-    return target?.id ? (0, import_editor_elements19.isElementAnchored)(target.id) || !!(0, import_editor_elements19.getAnchoredAncestorId)(target.id) : false;
+    return target?.id ? (0, import_editor_elements20.isElementAnchored)(target.id) || !!(0, import_editor_elements20.getAnchoredAncestorId)(target.id) : false;
   });
   return isTargetContainsAnAnchor;
 }
 
 // src/style-commands/paste-style.ts
-var import_editor_elements22 = require("@elementor/editor-elements");
-var import_editor_props13 = require("@elementor/editor-props");
+var import_editor_elements23 = require("@elementor/editor-elements");
+var import_editor_props14 = require("@elementor/editor-props");
 var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
-var import_editor_elements20 = require("@elementor/editor-elements");
-var import_editor_props12 = require("@elementor/editor-props");
+var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_props13 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
 function hasAtomicWidgets(args) {
   const { containers = [args.container] } = args;
@@ -6142,13 +6234,13 @@ function getClassesProp(container) {
     return null;
   }
   const [propKey] = Object.entries(propsSchema).find(
-    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props12.CLASSES_PROP_KEY
+    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props13.CLASSES_PROP_KEY
   ) ?? [];
   return propKey ?? null;
 }
 function getContainerSchema(container) {
   const type = container?.model.get("widgetType") || container?.model.get("elType");
-  const widgetsCache = (0, import_editor_elements20.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements21.getWidgetsCache)();
   const elementType = widgetsCache?.[type];
   return elementType?.atomic_props_schema ?? null;
 }
@@ -6161,11 +6253,11 @@ function getClipboardElements(storageKey = "clipboard") {
   }
 }
 function getTitleForContainers(containers) {
-  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements20.getElementLabel)(containers[0].id);
+  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements21.getElementLabel)(containers[0].id);
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
-var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_elements22 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
 var import_i18n6 = require("@wordpress/i18n");
@@ -6178,7 +6270,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
         if (!classesProp) {
           return null;
         }
-        const originalStyles = (0, import_editor_elements21.getElementStyles)(container.id);
+        const originalStyles = (0, import_editor_elements22.getElementStyles)(container.id);
         const [styleId, styleDef] = Object.entries(originalStyles ?? {})[0] ?? [];
         const originalStyle = Object.keys(styleDef ?? {}).length ? styleDef : null;
         const revertData = {
@@ -6187,7 +6279,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
         };
         if (styleId) {
           newStyle.variants.forEach(({ meta, props, custom_css: customCss }) => {
-            (0, import_editor_elements21.updateElementStyle)({
+            (0, import_editor_elements22.updateElementStyle)({
               elementId,
               styleId,
               meta,
@@ -6198,7 +6290,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
         } else {
           const [firstVariant] = newStyle.variants;
           const additionalVariants = newStyle.variants.slice(1);
-          revertData.styleId = (0, import_editor_elements21.createElementStyle)({
+          revertData.styleId = (0, import_editor_elements22.createElementStyle)({
             elementId,
             classesProp,
             label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -6216,7 +6308,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
           return;
         }
         if (!revertData.originalStyle) {
-          (0, import_editor_elements21.deleteElementStyle)(container.id, revertData.styleId);
+          (0, import_editor_elements22.deleteElementStyle)(container.id, revertData.styleId);
           return;
         }
         const classesProp = getClassesProp(container);
@@ -6225,7 +6317,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters23.undoable)(
         }
         const [firstVariant] = revertData.originalStyle.variants;
         const additionalVariants = revertData.originalStyle.variants.slice(1);
-        (0, import_editor_elements21.createElementStyle)({
+        (0, import_editor_elements22.createElementStyle)({
           elementId: container.id,
           classesProp,
           label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -6262,7 +6354,7 @@ function pasteStyles(args, pasteLocalStyle) {
   }
   const clipboardElements = getClipboardElements(storageKey);
   const [clipboardElement] = clipboardElements ?? [];
-  const clipboardContainer = (0, import_editor_elements22.getContainer)(clipboardElement.id);
+  const clipboardContainer = (0, import_editor_elements23.getContainer)(clipboardElement.id);
   if (!clipboardElement || !clipboardContainer || !isAtomicWidget(clipboardContainer)) {
     return;
   }
@@ -6281,7 +6373,7 @@ function getClassesWithoutLocalStyle(clipboardContainer, style) {
   if (!classesProp) {
     return [];
   }
-  const classesSetting = (0, import_editor_elements22.getElementSetting)(clipboardContainer.id, classesProp);
+  const classesSetting = (0, import_editor_elements23.getElementSetting)(clipboardContainer.id, classesProp);
   return classesSetting?.value.filter((styleId) => styleId !== style?.id) ?? [];
 }
 function pasteClasses(containers, classes) {
@@ -6290,10 +6382,10 @@ function pasteClasses(containers, classes) {
     if (!classesProp) {
       return;
     }
-    const classesSetting = (0, import_editor_elements22.getElementSetting)(container.id, classesProp);
-    const currentClasses = import_editor_props13.classesPropTypeUtil.extract(classesSetting) ?? [];
-    const newClasses = import_editor_props13.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
-    (0, import_editor_elements22.updateElementSettings)({
+    const classesSetting = (0, import_editor_elements23.getElementSetting)(container.id, classesProp);
+    const currentClasses = import_editor_props14.classesPropTypeUtil.extract(classesSetting) ?? [];
+    const newClasses = import_editor_props14.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
+    (0, import_editor_elements23.updateElementSettings)({
       id: container.id,
       props: { [classesProp]: newClasses }
     });
@@ -6304,7 +6396,7 @@ function pasteClasses(containers, classes) {
 var import_editor_v1_adapters26 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
-var import_editor_elements23 = require("@elementor/editor-elements");
+var import_editor_elements24 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
@@ -6313,9 +6405,9 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters25.undoable)(
     do: ({ containers }) => {
       return containers.map((container) => {
         const elementId = container.model.get("id");
-        const containerStyles = (0, import_editor_elements23.getElementStyles)(elementId);
+        const containerStyles = (0, import_editor_elements24.getElementStyles)(elementId);
         Object.keys(containerStyles ?? {}).forEach(
-          (styleId) => (0, import_editor_elements23.deleteElementStyle)(elementId, styleId)
+          (styleId) => (0, import_editor_elements24.deleteElementStyle)(elementId, styleId)
         );
         return containerStyles;
       });
@@ -6331,7 +6423,7 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters25.undoable)(
         Object.entries(containerStyles ?? {}).forEach(([styleId, style]) => {
           const [firstVariant] = style.variants;
           const additionalVariants = style.variants.slice(1);
-          (0, import_editor_elements23.createElementStyle)({
+          (0, import_editor_elements24.createElementStyle)({
             elementId,
             classesProp,
             styleId,
@@ -6531,10 +6623,10 @@ function useEscapeOnCanvas(canvasDocument, onEscape) {
 }
 
 // src/utils/after-render.ts
-var import_editor_elements24 = require("@elementor/editor-elements");
+var import_editor_elements25 = require("@elementor/editor-elements");
 function doAfterRender(elementIds, callback) {
   const pending = elementIds.map((elementId) => {
-    const view = (0, import_editor_elements24.getContainer)(elementId)?.view;
+    const view = (0, import_editor_elements25.getContainer)(elementId)?.view;
     if (!view || !hasDoAfterRender(view)) {
       return void 0;
     }