@elementor/editor-canvas 4.1.0-736 → 4.1.0-737

package/dist/index.js

@@ -586,7 +586,7 @@ function usePortalContainer() {
 
 // src/components/style-renderer.tsx
 var React4 = __toESM(require("react"));
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_ui3 = require("@elementor/ui");
 
 // src/hooks/use-documents-css-links.ts
@@ -641,7 +641,7 @@ var import_react10 = require("react");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles4 = require("@elementor/editor-styles");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 
 // src/utils/abort-previous-runs.ts
 function abortPreviousRuns(cb) {
@@ -655,6 +655,30 @@ function abortPreviousRuns(cb) {
   };
 }
 
+// src/utils/pregenerated-links-removal.ts
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var removedProviderKeys = /* @__PURE__ */ new Set();
+function removeProviderPregeneratedLinks(providerKey, removePregeneratedLink) {
+  if (removedProviderKeys.has(providerKey)) {
+    return;
+  }
+  const iframeDocument = (0, import_editor_v1_adapters6.getCanvasIframeDocument)();
+  if (!iframeDocument) {
+    return;
+  }
+  const links = iframeDocument.head.querySelectorAll('link[rel="stylesheet"]');
+  links.forEach((link) => {
+    const { id, href, media } = link;
+    if (removePregeneratedLink({ id, href, media })) {
+      link.remove();
+    }
+  });
+  removedProviderKeys.add(providerKey);
+}
+function resetRemovedProviders() {
+  removedProviderKeys.clear();
+}
+
 // src/utils/signalized-process.ts
 function signalizedProcess(signal, steps = []) {
   return {
@@ -677,7 +701,7 @@ function signalizedProcess(signal, steps = []) {
 // src/hooks/use-style-prop-resolver.ts
 var import_react8 = require("react");
 var import_editor_styles2 = require("@elementor/editor-styles");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-props-resolver.ts
 var import_editor_props2 = require("@elementor/editor-props");
@@ -811,7 +835,7 @@ function useStylePropResolver() {
         if (key !== "font-family" || typeof value !== "string") {
           return;
         }
-        (0, import_editor_v1_adapters6.enqueueFont)(value);
+        (0, import_editor_v1_adapters7.enqueueFont)(value);
       }
     });
   }, []);
@@ -970,7 +994,8 @@ function useStyleItems() {
     };
   }, [providerAndSubscribers]);
   useOnMount(() => {
-    (0, import_editor_v1_adapters7.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+    (0, import_editor_v1_adapters8.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+      resetRemovedProviders();
       const promises = providerAndSubscribers.map(async ({ subscriber }) => subscriber());
       await Promise.all(promises);
     });
@@ -1004,6 +1029,9 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, cach
     (abortController, previous, current) => signalizedProcess(abortController.signal).then((_, signal) => {
       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(previous, current, signal);
       }
@@ -1117,7 +1145,7 @@ function StyleRenderer() {
   return /* @__PURE__ */ React4.createElement(import_ui3.Portal, { container }, filterUniqueStyleDefinitions(styleItems).map((item) => /* @__PURE__ */ React4.createElement("style", { key: `${item.id}-${item.breakpoint}-${item.state ?? "normal"}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React4.createElement("link", { ...attrs, key: attrs.id })));
 }
 function usePortalContainer2() {
-  return (0, import_editor_v1_adapters8.__privateUseListenTo)((0, import_editor_v1_adapters8.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters8.getCanvasIframeDocument)()?.head);
+  return (0, import_editor_v1_adapters9.__privateUseListenTo)((0, import_editor_v1_adapters9.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters9.getCanvasIframeDocument)()?.head);
 }
 function filterUniqueStyleDefinitions(styleItems) {
   const seen = /* @__PURE__ */ new Map();
@@ -1140,7 +1168,7 @@ function filterUniqueStyleDefinitions(styleItems) {
 
 // src/form-structure/enforce-form-ancestor-commands.ts
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n = require("@wordpress/i18n");
 
 // src/form-structure/utils.ts
@@ -1200,15 +1228,15 @@ var FORM_FIELDS_OUTSIDE_ALERT = {
   id: "form-fields-outside-form-blocked"
 };
 function initFormAncestorEnforcement() {
-  (0, import_editor_v1_adapters9.blockCommand)({
+  (0, import_editor_v1_adapters10.blockCommand)({
     command: "document/elements/create",
     condition: blockFormFieldCreate
   });
-  (0, import_editor_v1_adapters9.blockCommand)({
+  (0, import_editor_v1_adapters10.blockCommand)({
     command: "document/elements/move",
     condition: blockFormFieldMove
   });
-  (0, import_editor_v1_adapters9.blockCommand)({
+  (0, import_editor_v1_adapters10.blockCommand)({
     command: "document/elements/paste",
     condition: blockFormFieldPaste
   });
@@ -1257,7 +1285,7 @@ function handleBlockedFormField() {
 
 // src/form-structure/prevent-form-nesting-commands.ts
 var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_i18n2 = require("@wordpress/i18n");
 var FORM_NESTING_ALERT = {
   type: "default",
@@ -1265,15 +1293,15 @@ var FORM_NESTING_ALERT = {
   id: "form-nesting-blocked"
 };
 function initFormNestingPrevention() {
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/create",
     condition: blockFormCreate
   });
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/move",
     condition: blockFormMove
   });
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/paste",
     condition: blockFormPaste
   });
@@ -1778,7 +1806,7 @@ function initStyleTransformers() {
 
 // src/legacy/init-legacy-views.ts
 var import_editor_elements6 = require("@elementor/editor-elements");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
 var import_twing = require("@elementor/twing");
@@ -2326,7 +2354,7 @@ var React6 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_props4 = require("@elementor/editor-props");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
 
 // src/legacy/replacements/base.ts
@@ -2607,7 +2635,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return !!this.inlineEditorRoot;
   }
   shouldRenderReplacement() {
-    return this.isInlineEditingEligible() && (0, import_editor_v1_adapters11.getCurrentEditMode)() === "edit";
+    return this.isInlineEditingEligible() && (0, import_editor_v1_adapters12.getCurrentEditMode)() === "edit";
   }
   handleRenderInlineEditor = () => {
     if (this.isEditingModeActive() || !this.isInlineEditingEligible()) {
@@ -2685,7 +2713,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
       content: parsed.content ? import_editor_props4.stringPropTypeUtil.create(parsed.content) : null,
       children: parsed.children
     });
-    (0, import_editor_v1_adapters11.undoable)(
+    (0, import_editor_v1_adapters12.undoable)(
       {
         do: () => {
           const prevValue = this.getInlineEditablePropValue();
@@ -2727,7 +2755,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return null;
   }
   runCommand(key, value) {
-    (0, import_editor_v1_adapters11.__privateRunCommandSync)(
+    (0, import_editor_v1_adapters12.__privateRunCommandSync)(
       "document/elements/set-settings",
       {
         container: (0, import_editor_elements5.getContainer)(this.id),
@@ -2737,7 +2765,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
       },
       { internal: true }
     );
-    (0, import_editor_v1_adapters11.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+    (0, import_editor_v1_adapters12.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
   }
   getExpectedTag() {
     const tagPropType = this.getTagPropType();
@@ -2889,7 +2917,7 @@ function registerElementType(type, elementTypeGenerator) {
   elementsLegacyTypes[type] = elementTypeGenerator;
 }
 function initLegacyViews() {
-  (0, import_editor_v1_adapters12.__privateListenTo)((0, import_editor_v1_adapters12.v1ReadyEvent)(), () => {
+  (0, import_editor_v1_adapters13.__privateListenTo)((0, import_editor_v1_adapters13.v1ReadyEvent)(), () => {
     const widgetsCache = (0, import_editor_elements6.getWidgetsCache)() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
@@ -2968,7 +2996,7 @@ function initTabsModelExtensions() {
 }
 
 // src/mcp/resources/document-structure-resource.ts
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -2981,14 +3009,14 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters13.__privateListenTo)(
+  (0, import_editor_v1_adapters14.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters13.commandEndEvent)("editor/documents/attach-preview")
+      (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")
     ],
     updateDocumentStructure
   );
@@ -4197,14 +4225,14 @@ 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_notifications3 = 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");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters14.blockCommand)({
+  (0, import_editor_v1_adapters15.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters14.blockCommand)({
+  (0, import_editor_v1_adapters15.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -4280,7 +4308,7 @@ function shouldBlock(sourceElements, targetElements) {
 // src/style-commands/paste-style.ts
 var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
-var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
 var import_editor_elements13 = require("@elementor/editor-elements");
@@ -4327,9 +4355,9 @@ function getTitleForContainers(containers) {
 // src/style-commands/undoable-actions/paste-element-style.ts
 var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 var import_i18n6 = require("@wordpress/i18n");
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters15.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -4405,12 +4433,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters15.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters16.blockCommand)({
+  (0, import_editor_v1_adapters17.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters16.__privateListenTo)(
-    (0, import_editor_v1_adapters16.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters17.__privateListenTo)(
+    (0, import_editor_v1_adapters17.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -4461,14 +4489,14 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = 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_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters17.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
@@ -4512,12 +4540,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters17.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters18.blockCommand)({
+  (0, import_editor_v1_adapters19.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters18.__privateListenTo)(
-    (0, import_editor_v1_adapters18.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters19.__privateListenTo)(
+    (0, import_editor_v1_adapters19.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }

package/dist/index.mjs

@@ -543,7 +543,7 @@ import * as React4 from "react";
 import {
   __privateUseListenTo as useListenTo4,
   commandEndEvent as commandEndEvent3,
-  getCanvasIframeDocument as getCanvasIframeDocument3
+  getCanvasIframeDocument as getCanvasIframeDocument4
 } from "@elementor/editor-v1-adapters";
 import { Portal as Portal2 } from "@elementor/ui";
 
@@ -617,6 +617,30 @@ function abortPreviousRuns(cb) {
   };
 }
 
+// src/utils/pregenerated-links-removal.ts
+import { getCanvasIframeDocument as getCanvasIframeDocument3 } from "@elementor/editor-v1-adapters";
+var removedProviderKeys = /* @__PURE__ */ new Set();
+function removeProviderPregeneratedLinks(providerKey, removePregeneratedLink) {
+  if (removedProviderKeys.has(providerKey)) {
+    return;
+  }
+  const iframeDocument = getCanvasIframeDocument3();
+  if (!iframeDocument) {
+    return;
+  }
+  const links = iframeDocument.head.querySelectorAll('link[rel="stylesheet"]');
+  links.forEach((link) => {
+    const { id, href, media } = link;
+    if (removePregeneratedLink({ id, href, media })) {
+      link.remove();
+    }
+  });
+  removedProviderKeys.add(providerKey);
+}
+function resetRemovedProviders() {
+  removedProviderKeys.clear();
+}
+
 // src/utils/signalized-process.ts
 function signalizedProcess(signal, steps = []) {
   return {
@@ -937,6 +961,7 @@ function useStyleItems() {
   }, [providerAndSubscribers]);
   useOnMount(() => {
     registerDataHook2("after", "editor/documents/attach-preview", async () => {
+      resetRemovedProviders();
       const promises = providerAndSubscribers.map(async ({ subscriber }) => subscriber());
       await Promise.all(promises);
     });
@@ -970,6 +995,9 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, cach
     (abortController, previous, current) => signalizedProcess(abortController.signal).then((_, signal) => {
       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(previous, current, signal);
       }
@@ -1083,7 +1111,7 @@ function StyleRenderer() {
   return /* @__PURE__ */ React4.createElement(Portal2, { container }, filterUniqueStyleDefinitions(styleItems).map((item) => /* @__PURE__ */ React4.createElement("style", { key: `${item.id}-${item.breakpoint}-${item.state ?? "normal"}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React4.createElement("link", { ...attrs, key: attrs.id })));
 }
 function usePortalContainer2() {
-  return useListenTo4(commandEndEvent3("editor/documents/attach-preview"), () => getCanvasIframeDocument3()?.head);
+  return useListenTo4(commandEndEvent3("editor/documents/attach-preview"), () => getCanvasIframeDocument4()?.head);
 }
 function filterUniqueStyleDefinitions(styleItems) {
   const seen = /* @__PURE__ */ new Map();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.1.0-736",
+  "version": "4.1.0-737",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,24 +37,24 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.1.0-736",
-    "@elementor/editor-controls": "4.1.0-736",
-    "@elementor/editor-documents": "4.1.0-736",
-    "@elementor/editor-elements": "4.1.0-736",
-    "@elementor/editor-interactions": "4.1.0-736",
-    "@elementor/editor-mcp": "4.1.0-736",
-    "@elementor/editor-notifications": "4.1.0-736",
-    "@elementor/editor-props": "4.1.0-736",
-    "@elementor/editor-responsive": "4.1.0-736",
-    "@elementor/editor-styles": "4.1.0-736",
-    "@elementor/editor-styles-repository": "4.1.0-736",
-    "@elementor/editor-ui": "4.1.0-736",
-    "@elementor/editor-v1-adapters": "4.1.0-736",
-    "@elementor/schema": "4.1.0-736",
-    "@elementor/twing": "4.1.0-736",
+    "@elementor/editor": "4.1.0-737",
+    "@elementor/editor-controls": "4.1.0-737",
+    "@elementor/editor-documents": "4.1.0-737",
+    "@elementor/editor-elements": "4.1.0-737",
+    "@elementor/editor-interactions": "4.1.0-737",
+    "@elementor/editor-mcp": "4.1.0-737",
+    "@elementor/editor-notifications": "4.1.0-737",
+    "@elementor/editor-props": "4.1.0-737",
+    "@elementor/editor-responsive": "4.1.0-737",
+    "@elementor/editor-styles": "4.1.0-737",
+    "@elementor/editor-styles-repository": "4.1.0-737",
+    "@elementor/editor-ui": "4.1.0-737",
+    "@elementor/editor-v1-adapters": "4.1.0-737",
+    "@elementor/schema": "4.1.0-737",
+    "@elementor/twing": "4.1.0-737",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.1.0-736",
-    "@elementor/wp-media": "4.1.0-736",
+    "@elementor/utils": "4.1.0-737",
+    "@elementor/wp-media": "4.1.0-737",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/hooks/use-style-items.ts

@@ -6,6 +6,7 @@ import { registerDataHook } from '@elementor/editor-v1-adapters';
 
 import { type RendererStyleDefinition, type StyleItem, type StyleRenderer } from '../renderers/create-styles-renderer';
 import { abortPreviousRuns } from '../utils/abort-previous-runs';
+import { removeProviderPregeneratedLinks, resetRemovedProviders } from '../utils/pregenerated-links-removal';
 import { signalizedProcess } from '../utils/signalized-process';
 import { useOnMount } from './use-on-mount';
 import { useStylePropResolver } from './use-style-prop-resolver';
@@ -69,6 +70,8 @@ export function useStyleItems() {
 
 	useOnMount( () => {
 		registerDataHook( 'after', 'editor/documents/attach-preview', async () => {
+			resetRemovedProviders();
+
 			const promises = providerAndSubscribers.map( async ( { subscriber } ) => subscriber() );
 
 			await Promise.all( promises );
@@ -136,6 +139,11 @@ function createProviderSubscriber( { provider, renderStyles, setStyleItems, cach
 				const hasDiffInfo = current !== undefined && previous !== undefined;
 				const hasCache = cache.orderedIds.length > 0;
 
+				if ( hasCache && provider.isPregeneratedLink ) {
+					// if styles were rendered already (i.e. hasCache = true), we can safely remove the pregenerated css rules imported via <link /> tags
+					removeProviderPregeneratedLinks( provider.getKey(), provider.isPregeneratedLink );
+				}
+
 				if ( hasDiffInfo && hasCache ) {
 					return updateItems( previous, current, signal );
 				}

package/src/utils/__tests__/pregenerated-links-removal.test.ts

@@ -0,0 +1,208 @@
+import { type PregeneratedLinkItem } from '@elementor/editor-styles-repository';
+import { getCanvasIframeDocument } from '@elementor/editor-v1-adapters';
+
+import { removeProviderPregeneratedLinks, resetRemovedProviders } from '../pregenerated-links-removal';
+
+jest.mock( '@elementor/editor-v1-adapters', () => ( {
+	getCanvasIframeDocument: jest.fn(),
+} ) );
+
+function createLink( id: string, href: string, media: string = 'all' ): HTMLLinkElement {
+	const link = document.createElement( 'link' );
+	link.setAttribute( 'rel', 'stylesheet' );
+	link.setAttribute( 'id', id );
+	link.setAttribute( 'href', href );
+	link.setAttribute( 'media', media );
+
+	return link;
+}
+
+describe( 'pregenerated-links-removal', () => {
+	const createHead = () => {
+		const head = document.createElement( 'head' );
+		head.appendChild( createLink( 'base-desktop-css', 'base-desktop.css' ) );
+		head.appendChild( createLink( 'base-tablet-css', 'base-tablet.css' ) );
+		head.appendChild( createLink( 'global-preview-desktop-css', 'global-preview-desktop.css' ) );
+		head.appendChild( createLink( 'global-preview-mobile_extra-css', 'global-preview-mobile_extra.css' ) );
+		head.appendChild( createLink( 'local-123-preview-desktop-css', 'local-123-preview-desktop.css' ) );
+		head.appendChild( createLink( 'local-456-preview-desktop-css', 'local-456-preview-desktop.css' ) );
+		head.appendChild( createLink( 'elementor-post-123-css', 'elementor-post-123.css' ) );
+		head.appendChild( createLink( 'other-plugin-css', 'other-plugin.css' ) );
+		return head;
+	};
+
+	beforeEach( () => {
+		resetRemovedProviders();
+	} );
+
+	describe( 'removeProviderPregeneratedLinks', () => {
+		it( 'should remove links matching global pattern', () => {
+			// Arrange.
+			const head = createHead();
+			const mockDocument = { head } as Document;
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( mockDocument );
+
+			// Act.
+			removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+				/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+
+			// Assert.
+			const remainingLinkIds = Array.from( head.querySelectorAll( 'link' ) ).map( ( link ) =>
+				link.getAttribute( 'id' )
+			);
+
+			expect( remainingLinkIds ).not.toContain( 'global-preview-desktop-css' );
+			expect( remainingLinkIds ).not.toContain( 'global-preview-mobile_extra-css' );
+			expect( remainingLinkIds ).toContain( 'base-desktop-css' );
+			expect( remainingLinkIds ).toContain( 'local-123-preview-desktop-css' );
+			expect( remainingLinkIds ).toContain( 'other-plugin-css' );
+		} );
+
+		it( 'should remove links matching local pattern', () => {
+			// Arrange.
+			const head = createHead();
+			const mockDocument = { head } as Document;
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( mockDocument );
+
+			// Act.
+			removeProviderPregeneratedLinks( 'document-elements-123', ( { id } ) =>
+				/^local-\d+-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+
+			// Assert.
+			const remainingLinkIds = Array.from( head.querySelectorAll( 'link' ) ).map( ( link ) =>
+				link.getAttribute( 'id' )
+			);
+
+			expect( remainingLinkIds ).not.toContain( 'local-123-preview-desktop-css' );
+			expect( remainingLinkIds ).not.toContain( 'local-456-preview-desktop-css' );
+			expect( remainingLinkIds ).toContain( 'global-preview-desktop-css' );
+			expect( remainingLinkIds ).toContain( 'base-desktop-css' );
+		} );
+
+		it( 'should not remove links when provider was already processed', () => {
+			// Arrange.
+			const head = createHead();
+			const mockDocument = { head } as Document;
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( mockDocument );
+
+			const initialLinkCount = head.querySelectorAll( 'link' ).length;
+
+			// Act.
+			removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+				/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+			const afterFirstRemoval = head.querySelectorAll( 'link' ).length;
+
+			removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+				/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+			const afterSecondCall = head.querySelectorAll( 'link' ).length;
+
+			// Assert.
+			expect( afterFirstRemoval ).toBeLessThan( initialLinkCount );
+			expect( afterSecondCall ).toBe( afterFirstRemoval );
+		} );
+
+		it( 'should handle different providers independently', () => {
+			// Arrange.
+			const head = createHead();
+			const mockDocument = { head } as Document;
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( mockDocument );
+
+			// Act.
+			removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+				/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+			removeProviderPregeneratedLinks( 'document-elements-123', ( { id } ) =>
+				/^local-\d+-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+
+			// Assert.
+			const remainingLinkIds = Array.from( head.querySelectorAll( 'link' ) ).map( ( link ) =>
+				link.getAttribute( 'id' )
+			);
+
+			expect( remainingLinkIds ).not.toContain( 'global-preview-desktop-css' );
+			expect( remainingLinkIds ).not.toContain( 'local-123-preview-desktop-css' );
+			expect( remainingLinkIds ).toContain( 'base-desktop-css' );
+			expect( remainingLinkIds ).toContain( 'elementor-post-123-css' );
+			expect( remainingLinkIds ).toContain( 'other-plugin-css' );
+		} );
+
+		it( 'should do nothing when iframe document is not available', () => {
+			// Arrange.
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( null );
+
+			// Act & Assert - should not throw.
+			expect( () => {
+				removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+					/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+				);
+			} ).not.toThrow();
+		} );
+
+		it( 'should pass id, path, and media from each link to the predicate', () => {
+			const head = document.createElement( 'head' );
+
+			const link1Params = {
+				id: 'test-123',
+				href: 'test-123.css',
+				media: 'all',
+			};
+			const link2Params = {
+				id: 'test-456',
+				href: 'alternative-test-456.css',
+				media: 'screen and (max-width: 1024px)',
+			};
+			const link1 = createLink( link1Params.id, link1Params.href, link1Params.media );
+			const link2 = createLink( link2Params.id, link2Params.href, link2Params.media );
+			head.appendChild( link1 );
+			head.appendChild( link2 );
+
+			const mockDocument = { head } as Document;
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( mockDocument );
+
+			const received: PregeneratedLinkItem[] = [];
+			removeProviderPregeneratedLinks( 'pregenerated-link-attrs', ( item ) => {
+				received.push( item );
+				return false;
+			} );
+
+			expect( received ).toMatchObject( [
+				{ ...link1Params, href: link1.href },
+				{ ...link2Params, href: link2.href },
+			] );
+		} );
+	} );
+
+	describe( 'resetRemovedProviders', () => {
+		it( 'should allow re-removal after reset', () => {
+			// Arrange.
+			const head = createHead();
+			const mockDocument = { head } as Document;
+			jest.mocked( getCanvasIframeDocument ).mockReturnValue( mockDocument );
+
+			removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+				/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+			const countAfterFirstRemoval = head.querySelectorAll( 'link' ).length;
+
+			head.appendChild( createLink( 'global-preview-widescreen-css', 'global-preview-widescreen.css' ) );
+
+			const countAfterAddingNewLink = head.querySelectorAll( 'link' ).length;
+
+			// Act.
+			resetRemovedProviders();
+			removeProviderPregeneratedLinks( 'global-classes', ( { id } ) =>
+				/^global-(preview|frontend)-[a-zA-Z_-]+-css$/.test( id )
+			);
+
+			// Assert.
+			const countAfterSecondRemoval = head.querySelectorAll( 'link' ).length;
+			expect( countAfterAddingNewLink ).toBe( countAfterFirstRemoval + 1 );
+			expect( countAfterSecondRemoval ).toBe( countAfterFirstRemoval );
+		} );
+	} );
+} );

package/src/utils/pregenerated-links-removal.ts

@@ -0,0 +1,35 @@
+import { type PregeneratedLinkItem } from '@elementor/editor-styles-repository';
+import { getCanvasIframeDocument } from '@elementor/editor-v1-adapters';
+
+const removedProviderKeys = new Set< string >();
+
+export function removeProviderPregeneratedLinks(
+	providerKey: string,
+	removePregeneratedLink: ( pregeneratedLinkItem: PregeneratedLinkItem ) => boolean
+): void {
+	if ( removedProviderKeys.has( providerKey ) ) {
+		return;
+	}
+
+	const iframeDocument = getCanvasIframeDocument();
+
+	if ( ! iframeDocument ) {
+		return;
+	}
+
+	const links = iframeDocument.head.querySelectorAll< HTMLLinkElement >( 'link[rel="stylesheet"]' );
+
+	links.forEach( ( link ) => {
+		const { id, href, media } = link;
+
+		if ( removePregeneratedLink( { id, href, media } ) ) {
+			link.remove();
+		}
+	} );
+
+	removedProviderKeys.add( providerKey );
+}
+
+export function resetRemovedProviders(): void {
+	removedProviderKeys.clear();
+}