@elementor/editor-canvas 4.4.0-1149 → 4.4.0-beta2

package/dist/index.js

@@ -1179,7 +1179,7 @@ function usePortalContainer() {
 
 // src/components/style-renderer.tsx
 var React9 = __toESM(require("react"));
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_ui4 = require("@elementor/ui");
 
 // src/hooks/use-documents-css-links.ts
@@ -1230,11 +1230,11 @@ function getLinkAttrs(el) {
 }
 
 // src/hooks/use-style-items.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles3 = require("@elementor/editor-styles");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 
 // src/utils/abort-previous-runs.ts
 function abortPreviousRuns(cb) {
@@ -1291,10 +1291,29 @@ function signalizedProcess(signal, steps = []) {
   };
 }
 
-// src/hooks/use-style-prop-resolver.ts
+// src/hooks/use-pregenerated-links-handoff.ts
 var import_react14 = require("react");
-var import_editor_styles = require("@elementor/editor-styles");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+function usePregeneratedLinksHandoff(canvasHead, renderedProviders) {
+  (0, import_react14.useLayoutEffect)(() => {
+    if (!isCurrentCanvasHead(canvasHead)) {
+      return;
+    }
+    Object.entries(renderedProviders).forEach(([providerKey, { provider, items }]) => {
+      if (items.length > 0 && provider.isPregeneratedLink) {
+        removeProviderPregeneratedLinks(providerKey, provider.isPregeneratedLink);
+      }
+    });
+  }, [canvasHead, renderedProviders]);
+}
+function isCurrentCanvasHead(canvasHead) {
+  return !!canvasHead && canvasHead === (0, import_editor_v1_adapters8.getCanvasIframeDocument)()?.head;
+}
+
+// src/hooks/use-style-prop-resolver.ts
+var import_react15 = require("react");
+var import_editor_styles = require("@elementor/editor-styles");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-props-resolver.ts
 var import_editor_props = require("@elementor/editor-props");
@@ -1441,19 +1460,19 @@ var styleTransformersRegistry = createTransformersRegistry();
 
 // src/hooks/use-style-prop-resolver.ts
 function useStylePropResolver() {
-  return (0, import_react14.useMemo)(() => {
+  return (0, import_react15.useMemo)(() => {
     return createPropsResolver({
       transformers: styleTransformersRegistry,
       schema: (0, import_editor_styles.getStylesSchema)(),
       onPropResolve: ({ propValue, propType }) => {
-        maybeEnqueueFontFromStyleProp(propType, propValue, import_editor_v1_adapters8.enqueueFont);
+        maybeEnqueueFontFromStyleProp(propType, propValue, import_editor_v1_adapters9.enqueueFont);
       }
     });
   }, []);
 }
 
 // src/hooks/use-style-renderer.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_editor_responsive = require("@elementor/editor-responsive");
 
 // src/renderers/create-styles-renderer.ts
@@ -1562,7 +1581,7 @@ function customCssToString(customCss) {
 var SELECTOR_PREFIX = ".elementor";
 function useStyleRenderer(resolve) {
   const breakpoints = (0, import_editor_responsive.useBreakpointsMap)();
-  return (0, import_react15.useMemo)(() => {
+  return (0, import_react16.useMemo)(() => {
     return createStylesRenderer({
       selectorPrefix: SELECTOR_PREFIX,
       breakpoints,
@@ -1572,13 +1591,13 @@ function useStyleRenderer(resolve) {
 }
 
 // src/hooks/use-style-items.ts
-function useStyleItems() {
+function useStyleItems(canvasHead) {
   const resolve = useStylePropResolver();
   const renderStyles = useStyleRenderer(resolve);
   const breakpoints = (0, import_editor_responsive2.useBreakpoints)();
-  const [styleItems, setStyleItems] = (0, import_react16.useState)({});
-  const styleItemsCacheRef = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
-  const providerAndSubscribers = (0, import_react16.useMemo)(() => {
+  const [styleItems, setStyleItems] = (0, import_react17.useState)({});
+  const styleItemsCacheRef = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
+  const providerAndSubscribers = (0, import_react17.useMemo)(() => {
     const createEmptyCache = () => {
       return { orderedIds: [], itemsById: /* @__PURE__ */ new Map() };
     };
@@ -1604,7 +1623,7 @@ function useStyleItems() {
       })
     );
   }, [renderStyles]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const unsubscribes = providerAndSubscribers.map(
       ({ provider, subscriber }) => provider.subscribe(subscriber)
     );
@@ -1613,17 +1632,18 @@ function useStyleItems() {
     };
   }, [providerAndSubscribers]);
   useOnMount(() => {
-    (0, import_editor_v1_adapters9.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+    (0, import_editor_v1_adapters10.registerDataHook)("after", "editor/documents/attach-preview", async () => {
       resetRemovedProviders();
       const promises = providerAndSubscribers.map(async ({ subscriber }) => subscriber());
       await Promise.all(promises);
     });
   });
-  const breakpointSorter = (0, import_react16.useMemo)(
+  usePregeneratedLinksHandoff(canvasHead, styleItems);
+  const breakpointSorter = (0, import_react17.useMemo)(
     () => createBreakpointSorter(breakpoints.map((breakpoint) => breakpoint.id)),
     [breakpoints]
   );
-  return (0, import_react16.useMemo)(
+  return (0, import_react17.useMemo)(
     () => Object.values(styleItems).sort(prioritySorter).flatMap(({ items }) => items).sort(stateSorter).sort(breakpointSorter),
     [styleItems, breakpointSorter]
   );
@@ -1656,9 +1676,6 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, getC
       const cache = getCache();
       const hasDiffInfo = current !== void 0 && previous !== void 0;
       const hasCache = cache.orderedIds.length > 0;
-      if (hasCache && provider.isPregeneratedLink) {
-        removeProviderPregeneratedLinks(provider.getKey(), provider.isPregeneratedLink);
-      }
       if (hasDiffInfo && hasCache) {
         return updateItems(cache, previous, current, signal);
       }
@@ -1760,7 +1777,7 @@ function rebuildCache(cache, allStyles, items) {
 // src/components/style-renderer.tsx
 function StyleRenderer() {
   const container = usePortalContainer2();
-  const styleItems = useStyleItems();
+  const styleItems = useStyleItems(container);
   const linksAttrs = useDocumentsCssLinks();
   if (!container) {
     return null;
@@ -1768,7 +1785,7 @@ function StyleRenderer() {
   return /* @__PURE__ */ React9.createElement(import_ui4.Portal, { container }, filterUniqueStyleDefinitions(styleItems).map((item) => /* @__PURE__ */ React9.createElement("style", { key: `${item.id}-${item.breakpoint}-${item.state ?? "normal"}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React9.createElement("link", { ...attrs, key: attrs.id })));
 }
 function usePortalContainer2() {
-  return (0, import_editor_v1_adapters10.__privateUseListenTo)((0, import_editor_v1_adapters10.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters10.getCanvasIframeDocument)()?.head);
+  return (0, import_editor_v1_adapters11.__privateUseListenTo)((0, import_editor_v1_adapters11.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters11.getCanvasIframeDocument)()?.head);
 }
 function filterUniqueStyleDefinitions(styleItems) {
   const seen = /* @__PURE__ */ new Map();
@@ -1791,7 +1808,7 @@ function filterUniqueStyleDefinitions(styleItems) {
 
 // src/form-structure/enforce-form-ancestor-commands.ts
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_i18n = require("@wordpress/i18n");
 
 // src/form-structure/utils.ts
@@ -1893,15 +1910,15 @@ var FORM_FIELDS_OUTSIDE_ALERT = {
   id: "form-fields-outside-form-blocked"
 };
 function initFormAncestorEnforcement() {
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/create",
     condition: blockFormFieldCreate
   });
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/move",
     condition: blockFormFieldMove
   });
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/paste",
     condition: blockFormFieldPaste
   });
@@ -1951,7 +1968,7 @@ function handleBlockedFormField() {
 
 // src/form-structure/form-atom-added-hints.ts
 var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_i18n2 = require("@wordpress/i18n");
 var MOVE_COMMAND = "document/elements/move";
 var FORM_ATOM_HINTS = {
@@ -1966,7 +1983,7 @@ var FORM_ATOM_HINTS = {
 };
 var notificationCounter = 0;
 function initFormAtomAddedHints() {
-  (0, import_editor_v1_adapters12.registerDataHook)("after", "document/elements/create", (args, _result, options) => {
+  (0, import_editor_v1_adapters13.registerDataHook)("after", "document/elements/create", (args, _result, options) => {
     if (options?.commandsCurrentTrace?.includes(MOVE_COMMAND)) {
       return;
     }
@@ -1985,7 +2002,7 @@ function initFormAtomAddedHints() {
 
 // src/form-structure/hidden-field-hint.ts
 var import_editor_notifications3 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
 var MOVE_COMMAND2 = "document/elements/move";
 var notificationCounter2 = 0;
@@ -1997,7 +2014,7 @@ function createHiddenFieldNotification() {
   };
 }
 function initHiddenFieldHint() {
-  (0, import_editor_v1_adapters13.registerDataHook)("after", "document/elements/create", (args, _result, options) => {
+  (0, import_editor_v1_adapters14.registerDataHook)("after", "document/elements/create", (args, _result, options) => {
     if (options?.commandsCurrentTrace?.includes(MOVE_COMMAND2)) {
       return;
     }
@@ -2010,7 +2027,7 @@ function initHiddenFieldHint() {
 // src/form-structure/prevent-duplicate-form-atoms-commands.ts
 var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_notifications4 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
 var MOVE_COMMAND3 = "document/elements/move";
 var SINGLE_INSTANCE_FORM_ATOM_ALERTS = {
@@ -2027,10 +2044,10 @@ var SINGLE_INSTANCE_FORM_ATOM_ALERTS = {
 };
 var SINGLE_INSTANCE_FORM_ATOM_TYPES = Object.keys(SINGLE_INSTANCE_FORM_ATOM_ALERTS);
 function initDuplicateFormAtomsPrevention() {
-  (0, import_editor_v1_adapters14.registerDataHook)("dependency", "document/elements/create", (args, options) => {
+  (0, import_editor_v1_adapters15.registerDataHook)("dependency", "document/elements/create", (args, options) => {
     return !blockDuplicateCreate(args, options);
   });
-  (0, import_editor_v1_adapters14.blockCommand)({
+  (0, import_editor_v1_adapters15.blockCommand)({
     command: "document/elements/move",
     condition: blockDuplicateMove
   });
@@ -2074,7 +2091,7 @@ function formHasElementType(form, type, excluded = /* @__PURE__ */ new Set()) {
 
 // src/form-structure/prevent-form-nesting-commands.ts
 var import_editor_notifications5 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 var import_i18n5 = require("@wordpress/i18n");
 var FORM_NESTING_ALERT = {
   type: "default",
@@ -2082,15 +2099,15 @@ var FORM_NESTING_ALERT = {
   id: "form-nesting-blocked"
 };
 function initFormNestingPrevention() {
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters16.blockCommand)({
     command: "document/elements/create",
     condition: blockFormCreate
   });
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters16.blockCommand)({
     command: "document/elements/move",
     condition: blockFormMove
   });
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters16.blockCommand)({
     command: "document/elements/paste",
     condition: blockFormPaste
   });
@@ -2828,7 +2845,7 @@ function initStyleTransformers() {
 
 // src/legacy/init-legacy-views.ts
 var import_editor_elements9 = require("@elementor/editor-elements");
-var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
 var import_twing = require("@elementor/twing");
@@ -2837,6 +2854,7 @@ function createDomRenderer() {
   const environment = (0, import_twing.createEnvironment)(loader);
   environment.registerEscapingStrategy(escapeHtmlTag, "html_tag");
   environment.registerEscapingStrategy(escapeURL, "full_url");
+  environment.registerEscapingStrategy(escapeJsIdentifier, "js_identifier");
   return {
     register: loader.setTemplate,
     render: environment.render
@@ -2850,6 +2868,12 @@ function escapeHtmlTag(value) {
   const normalizedTag = value?.toLowerCase?.() ?? "";
   return allowedTags.includes(normalizedTag) ? value : "div";
 }
+var JS_IDENTIFIER_PATTERN = /^[A-Za-z0-9_]+$/;
+function escapeJsIdentifier(value) {
+  const id = String(value ?? "");
+  const match = id.match(JS_IDENTIFIER_PATTERN);
+  return match?.[0] === id ? id : "";
+}
 function escapeURL(value) {
   const allowedProtocols = ["http:", "https:", "mailto:", "tel:"];
   try {
@@ -3579,7 +3603,7 @@ var import_client = require("react-dom/client");
 var React11 = __toESM(require("react"));
 var import_editor_elements8 = require("@elementor/editor-elements");
 var import_editor_props4 = require("@elementor/editor-props");
-var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
 var import_i18n6 = require("@wordpress/i18n");
 
 // src/legacy/replacements/base.ts
@@ -3626,14 +3650,14 @@ var ReplacementBase = class {
 
 // src/legacy/replacements/inline-editing/canvas-inline-editor.tsx
 var React10 = __toESM(require("react"));
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_editor_ui = require("@elementor/editor-ui");
 var import_ui5 = require("@elementor/ui");
-var import_react19 = require("@floating-ui/react");
+var import_react20 = require("@floating-ui/react");
 
 // src/legacy/replacements/inline-editing/inline-editing-utils.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var TOP_BAR_SELECTOR = "#elementor-editor-wrapper-v2";
 var NAVIGATOR_SELECTOR = "#elementor-navigator";
 var EDITING_PANEL = "#elementor-panel";
@@ -3664,8 +3688,8 @@ var getInlineEditorElement = (elementWrapper, expectedTag) => {
   return !expectedTag ? null : elementWrapper.querySelector(expectedTag);
 };
 var useOnClickOutsideIframe = (handleUnmount) => {
-  const asyncUnmountInlineEditor = (0, import_react17.useCallback)(() => queueMicrotask(handleUnmount), [handleUnmount]);
-  (0, import_react17.useEffect)(() => {
+  const asyncUnmountInlineEditor = (0, import_react18.useCallback)(() => queueMicrotask(handleUnmount), [handleUnmount]);
+  (0, import_react18.useEffect)(() => {
     EDITOR_ELEMENTS_OUT_OF_IFRAME.forEach(
       (selector) => document?.querySelector(selector)?.addEventListener("mousedown", asyncUnmountInlineEditor)
     );
@@ -3675,8 +3699,8 @@ var useOnClickOutsideIframe = (handleUnmount) => {
   }, []);
 };
 var useRenderToolbar = (ownerDocument, id) => {
-  const [anchor, setAnchor] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const [anchor, setAnchor] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
     if (!anchor) {
       removeToolbarAnchor(ownerDocument, id);
     }
@@ -3690,7 +3714,7 @@ var useRenderToolbar = (ownerDocument, id) => {
       setAnchor(null);
     }
   };
-  const clearAnchor = (0, import_react17.useCallback)(() => {
+  const clearAnchor = (0, import_react18.useCallback)(() => {
     setAnchor(null);
   }, []);
   return { onSelectionEnd, anchor, clearAnchor };
@@ -3770,21 +3794,21 @@ var CanvasInlineEditor = ({
   setValue,
   requestDestroy
 }) => {
-  const [active, setActive] = (0, import_react18.useState)(true);
-  const [editor, setEditor] = (0, import_react18.useState)(null);
+  const [active, setActive] = (0, import_react19.useState)(true);
+  const [editor, setEditor] = (0, import_react19.useState)(null);
   const { onSelectionEnd, anchor: toolbarAnchor, clearAnchor } = useRenderToolbar(rootElement.ownerDocument, id);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!active) {
       clearAnchor();
       requestDestroy();
     }
   }, [active, clearAnchor, requestDestroy]);
-  const dismiss = (0, import_react18.useCallback)(() => {
+  const dismiss = (0, import_react19.useCallback)(() => {
     setEditor(null);
     setActive(false);
   }, []);
   useOnClickOutsideIframe(dismiss);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const ownerDocument = contentElement.ownerDocument;
     const handleClickAway = (event) => {
       if (contentElement.contains(event.target)) {
@@ -3823,25 +3847,25 @@ var InlineEditingOverlay = ({
   id
 }) => {
   const inlineEditedElement = getInlineEditorElement(rootElement, expectedTag);
-  const [overlayRefElement, setOverlayElement] = (0, import_react18.useState)(inlineEditedElement);
-  (0, import_react18.useEffect)(() => {
+  const [overlayRefElement, setOverlayElement] = (0, import_react19.useState)(inlineEditedElement);
+  (0, import_react19.useEffect)(() => {
     setOverlayElement(getInlineEditorElement(rootElement, expectedTag));
   }, [expectedTag, rootElement]);
   return overlayRefElement ? /* @__PURE__ */ React10.createElement(OutlineOverlay, { element: overlayRefElement, id, isSelected: true }) : null;
 };
 var InlineEditingToolbar = ({ anchor, editor, id }) => {
-  const { refs, floatingStyles } = (0, import_react19.useFloating)({
+  const { refs, floatingStyles } = (0, import_react20.useFloating)({
     placement: "top",
     strategy: "fixed",
     transform: false,
-    whileElementsMounted: import_react19.autoUpdate,
-    middleware: [horizontalShifterMiddleware, (0, import_react19.flip)()]
+    whileElementsMounted: import_react20.autoUpdate,
+    middleware: [horizontalShifterMiddleware, (0, import_react20.flip)()]
   });
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react19.useLayoutEffect)(() => {
     refs.setReference(anchor);
     return () => refs.setReference(null);
   }, [anchor, refs]);
-  return /* @__PURE__ */ React10.createElement(import_react19.FloatingPortal, { id: CANVAS_WRAPPER_ID }, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React10.createElement(import_react20.FloatingPortal, { id: CANVAS_WRAPPER_ID }, /* @__PURE__ */ React10.createElement(
     import_ui5.Box,
     {
       ref: refs.setFloating,
@@ -3898,7 +3922,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return this.editing;
   }
   shouldRenderReplacement() {
-    return this.isInlineEditingEligible() && (0, import_editor_v1_adapters16.getCurrentEditMode)() === "edit";
+    return this.isInlineEditingEligible() && (0, import_editor_v1_adapters17.getCurrentEditMode)() === "edit";
   }
   handleRenderInlineEditor = () => {
     if (this.isEditingModeActive() || !this.isInlineEditingEligible()) {
@@ -3985,7 +4009,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
   setContentValue(value) {
     const settingKey = this.getInlineEditablePropertyName();
     const valueToSave = this.createContentPropValue(value);
-    (0, import_editor_v1_adapters16.undoable)(
+    (0, import_editor_v1_adapters17.undoable)(
       {
         do: () => {
           const prevValue = this.getInlineEditablePropValue();
@@ -4027,7 +4051,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return null;
   }
   runCommand(key, value) {
-    (0, import_editor_v1_adapters16.__privateRunCommandSync)(
+    (0, import_editor_v1_adapters17.__privateRunCommandSync)(
       "document/elements/set-settings",
       {
         container: (0, import_editor_elements8.getContainer)(this.id),
@@ -4037,7 +4061,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
       },
       { internal: true }
     );
-    (0, import_editor_v1_adapters16.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+    (0, import_editor_v1_adapters17.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
   }
   getExpectedTag() {
     const tagPropType = this.getTagPropType();
@@ -4202,12 +4226,12 @@ function registerModelExtensions(type, extensions) {
 }
 function registerElementType(type, elementTypeGenerator) {
   elementsLegacyTypes[type] = elementTypeGenerator;
-  if ((0, import_editor_v1_adapters17.__privateIsReady)()) {
+  if ((0, import_editor_v1_adapters18.__privateIsReady)()) {
     registerElementInLegacyManager(type, createDomRenderer());
   }
 }
 function initLegacyViews() {
-  (0, import_editor_v1_adapters17.__privateListenTo)((0, import_editor_v1_adapters17.v1ReadyEvent)(), () => {
+  (0, import_editor_v1_adapters18.__privateListenTo)((0, import_editor_v1_adapters18.v1ReadyEvent)(), () => {
     const widgetsCache = (0, import_editor_elements9.getWidgetsCache)() ?? {};
     const renderer = createDomRenderer();
     registerProPromotionTypes(widgetsCache);
@@ -4342,7 +4366,7 @@ function initTabsModelExtensions() {
 }
 
 // src/mcp/canvas-mcp.ts
-var import_editor_props8 = require("@elementor/editor-props");
+var import_editor_props9 = require("@elementor/editor-props");
 
 // src/mcp/resources/available-widgets-resource.ts
 var import_http_client3 = require("@elementor/http-client");
@@ -4420,7 +4444,7 @@ var initBestPracticesResource = (reg) => {
 
 // src/mcp/resources/document-structure-resource.ts
 var import_editor_elements10 = require("@elementor/editor-elements");
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4433,15 +4457,15 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters18.__privateListenTo)(
+  (0, import_editor_v1_adapters19.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/switch")
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/move"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/copy"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/paste"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/switch")
     ],
     updateDocumentStructure
   );
@@ -4544,7 +4568,7 @@ var initDynamicTagsResource = (reg) => {
 };
 
 // src/mcp/resources/editor-state-resource.ts
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters20 = 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;
@@ -4565,8 +4589,8 @@ var initEditorStateResource = (reg) => {
     lastSerializedState = serialized;
     sendResourceUpdated({ uri: EDITOR_STATE_URI });
   };
-  (0, import_editor_v1_adapters19.__privateListenTo)(
-    [(0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/attach-preview")],
+  (0, import_editor_v1_adapters20.__privateListenTo)(
+    [(0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/attach-preview")],
     notifyIfChanged
   );
   lastSerializedState = JSON.stringify(buildState());
@@ -4640,7 +4664,7 @@ function getPageTitle() {
 }
 
 // src/mcp/resources/general-context-resource.ts
-var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 var GENERAL_CONTEXT_URI = "elementor://context/general";
 var initGeneralContextResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4701,11 +4725,11 @@ var initGeneralContextResource = (reg) => {
       };
     }
   );
-  (0, import_editor_v1_adapters20.__privateListenTo)(
+  (0, import_editor_v1_adapters21.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/switch"),
-      (0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters20.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters21.commandEndEvent)("editor/documents/switch"),
+      (0, import_editor_v1_adapters21.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/settings")
     ],
     pushUpdateIfChanged
   );
@@ -4714,7 +4738,8 @@ var initGeneralContextResource = (reg) => {
 
 // src/mcp/resources/selected-element-resource.ts
 var import_editor_elements11 = require("@elementor/editor-elements");
-var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
+var import_editor_props6 = require("@elementor/editor-props");
+var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
 var SELECTED_ELEMENT_URI = "elementor://context/selected-element";
 var initSelectedElementResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4745,11 +4770,11 @@ var initSelectedElementResource = (reg) => {
     }
     publishIfChanged(readSelectionFromEditor());
   };
-  (0, import_editor_v1_adapters21.__privateListenTo)(
+  (0, import_editor_v1_adapters22.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/select"),
-      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/deselect-all"),
-      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters22.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters22.commandEndEvent)("document/elements/deselect-all"),
+      (0, import_editor_v1_adapters22.commandEndEvent)("document/elements/settings")
     ],
     onCommand
   );
@@ -4821,13 +4846,19 @@ function getElementProperties(container, widgetType) {
   if (!settings || typeof settings !== "object") {
     return null;
   }
-  const widgetConfig = widgetType ? (0, import_editor_elements11.getWidgetsCache)()?.[widgetType] : null;
+  const widgetsCache = (0, import_editor_elements11.getWidgetsCache)();
+  const widgetConfig = widgetType ? widgetsCache?.[widgetType] : null;
   const controls = widgetConfig?.controls;
+  const schemaType = widgetType ?? container.model.get("elType") ?? null;
+  const propsSchema = schemaType ? widgetsCache?.[schemaType]?.atomic_props_schema : void 0;
   const filtered = {};
   for (const [key, value] of Object.entries(settings)) {
     if (value === void 0 || value === null || value === "") {
       continue;
     }
+    if (import_editor_props6.Schema.isPropSensitive(propsSchema?.[key])) {
+      continue;
+    }
     const controlDefault = controls?.[key]?.default;
     if (controlDefault !== void 0 && JSON.stringify(value) === JSON.stringify(controlDefault)) {
       continue;
@@ -4861,13 +4892,13 @@ function getElementDisplayName(container) {
 // src/mcp/tools/configure-element/tool.ts
 var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_mcp3 = require("@elementor/editor-mcp");
-var import_editor_props7 = require("@elementor/editor-props");
+var import_editor_props8 = require("@elementor/editor-props");
 
 // src/mcp/utils/do-update-element-property.ts
 var import_editor_elements13 = require("@elementor/editor-elements");
-var import_editor_props6 = require("@elementor/editor-props");
+var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_styles4 = require("@elementor/editor-styles");
-var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
 
 // src/mcp/utils/merge-custom-css.ts
 var CUSTOM_CSS_SEPARATOR = "\n";
@@ -4936,11 +4967,11 @@ function resolveCanonicalPropKeys(elementType, props) {
 }
 
 // src/mcp/utils/resolve-dynamic-tag.ts
-var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
 var OMITTED_DYNAMIC_SETTING_KEYS = ["fallback"];
 var getAtomicDynamicTags = () => {
-  const config = (0, import_editor_v1_adapters22.getElementorConfig)();
+  const config = (0, import_editor_v1_adapters23.getElementorConfig)();
   return config.atomicDynamicTags?.tags ?? {};
 };
 var getDynamicTagNamesByCategories = (categories) => {
@@ -5018,7 +5049,7 @@ var UnsupportedPropertyError = class extends Error {
 };
 function resolvePropValue(value, forceKey) {
   const Utils = window.elementorV2.editorVariables.Utils;
-  return import_editor_props6.Schema.adjustLlmPropValueSchema(value, {
+  return import_editor_props7.Schema.adjustLlmPropValueSchema(value, {
     forceKey,
     transformers: {
       ...Utils.globalVariablesLLMResolvers,
@@ -5077,7 +5108,7 @@ var doUpdateElementProperty = (params) => {
       }
       if (propertyRawSchema.kind === "plain") {
         if (typeof propertyMapValue[stylePropName] !== "object") {
-          const propUtil = (0, import_editor_props6.getPropSchemaFromCache)(propertyRawSchema.key);
+          const propUtil = (0, import_editor_props7.getPropSchemaFromCache)(propertyRawSchema.key);
           if (propUtil) {
             const plainValue = propUtil.create(propertyMapValue[stylePropName]);
             propertyMapValue[stylePropName] = plainValue;
@@ -5125,7 +5156,7 @@ var doUpdateElementProperty = (params) => {
   }
   const propKey = elementPropSchema[propertyName].key;
   const value = resolvePropValue(propertyValue, propKey);
-  const { valid, jsonSchema } = import_editor_props6.Schema.validatePropValue(elementPropSchema[propertyName], propertyValue);
+  const { valid, jsonSchema } = import_editor_props7.Schema.validatePropValue(elementPropSchema[propertyName], propertyValue);
   if (!valid) {
     throw new Error(
       `Invalid PropValue for elementId: ${elementId}. PropKey: ${propKey}, PropValue: ${JSON.stringify(
@@ -5141,7 +5172,7 @@ Expected Schema: ${jsonSchema}`
     },
     withHistory: false
   });
-  (0, import_editor_v1_adapters23.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+  (0, import_editor_v1_adapters24.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
 };
 
 // src/mcp/tools/configure-element/prompt.ts
@@ -5372,7 +5403,7 @@ var initConfigureElementTool = (reg) => {
       const toUpdate = Object.entries(propertiesToUpdate);
       const skippedProps = [];
       for (const [propertyName, propertyValue] of toUpdate) {
-        if (!import_editor_props7.Schema.isPropKeyConfigurable(propertyName)) {
+        if (!import_editor_props8.Schema.isPropKeyConfigurable(propertyName, widgetData.atomic_props_schema[propertyName])) {
           throw new Error(`Not allowed to update ${propertyName}`);
         }
         try {
@@ -5633,7 +5664,7 @@ var initGetPageStructureTool = (reg) => {
 
 // src/mcp/canvas-mcp.ts
 var initCanvasMcp = (reg) => {
-  import_editor_props8.Schema.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
+  import_editor_props9.Schema.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
   initWidgetsSchemaResource(reg);
   initAvailableWidgetsResource(reg);
   initDocumentStructureResource(reg);
@@ -5747,14 +5778,14 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 // src/prevent-link-in-link-commands.ts
 var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_notifications6 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters24.blockCommand)({
+  (0, import_editor_v1_adapters25.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters24.blockCommand)({
+  (0, import_editor_v1_adapters25.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -5829,12 +5860,12 @@ function shouldBlock(sourceElements, targetElements) {
 
 // src/style-commands/paste-style.ts
 var import_editor_elements18 = require("@elementor/editor-elements");
-var import_editor_props10 = require("@elementor/editor-props");
-var import_editor_v1_adapters26 = require("@elementor/editor-v1-adapters");
+var import_editor_props11 = require("@elementor/editor-props");
+var import_editor_v1_adapters27 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
 var import_editor_elements16 = require("@elementor/editor-elements");
-var import_editor_props9 = require("@elementor/editor-props");
+var import_editor_props10 = require("@elementor/editor-props");
 var import_i18n8 = require("@wordpress/i18n");
 function hasAtomicWidgets(args) {
   const { containers = [args.container] } = args;
@@ -5852,7 +5883,7 @@ function getClassesProp(container) {
     return null;
   }
   const [propKey] = Object.entries(propsSchema).find(
-    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props9.CLASSES_PROP_KEY
+    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props10.CLASSES_PROP_KEY
   ) ?? [];
   return propKey ?? null;
 }
@@ -5877,9 +5908,9 @@ function getTitleForContainers(containers) {
 // src/style-commands/undoable-actions/paste-element-style.ts
 var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters26 = require("@elementor/editor-v1-adapters");
 var import_i18n9 = require("@wordpress/i18n");
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters25.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters26.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -5955,12 +5986,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters25.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters26.blockCommand)({
+  (0, import_editor_v1_adapters27.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters26.__privateListenTo)(
-    (0, import_editor_v1_adapters26.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters27.__privateListenTo)(
+    (0, import_editor_v1_adapters27.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -6001,8 +6032,8 @@ function pasteClasses(containers, classes) {
       return;
     }
     const classesSetting = (0, import_editor_elements18.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])));
+    const currentClasses = import_editor_props11.classesPropTypeUtil.extract(classesSetting) ?? [];
+    const newClasses = import_editor_props11.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
     (0, import_editor_elements18.updateElementSettings)({
       id: container.id,
       props: { [classesProp]: newClasses }
@@ -6011,14 +6042,14 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters28 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters29 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
 var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters27 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters28 = require("@elementor/editor-v1-adapters");
 var import_i18n10 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters27.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters28.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
@@ -6062,12 +6093,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters27.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters28.blockCommand)({
+  (0, import_editor_v1_adapters29.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters28.__privateListenTo)(
-    (0, import_editor_v1_adapters28.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters29.__privateListenTo)(
+    (0, import_editor_v1_adapters29.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }
@@ -6219,15 +6250,15 @@ function getRectClipPath(rect, viewport) {
 }
 
 // src/hooks/use-canvas-document.ts
-var import_editor_v1_adapters29 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters30 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters29.__privateUseListenTo)((0, import_editor_v1_adapters29.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters29.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters30.__privateUseListenTo)((0, import_editor_v1_adapters30.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters30.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-escape-on-canvas.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 function useEscapeOnCanvas(canvasDocument, onEscape) {
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!canvasDocument) {
       return;
     }