@elementor/editor-canvas 3.35.0-472 → 3.35.0-474

package/dist/index.js

@@ -3442,6 +3442,8 @@ function shouldBlock(sourceElements, targetElements) {
 }
 
 // src/style-commands/paste-style.ts
+var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_props9 = require("@elementor/editor-props");
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/paste-element-style.ts
@@ -3578,30 +3580,57 @@ function initPasteStyleCommand() {
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
-function pasteStyles(args, pasteCallback) {
+function pasteStyles(args, pasteLocalStyle) {
   const { containers = [args.container], storageKey } = args;
+  const atomicContainers = containers.filter(isAtomicWidget);
+  if (!atomicContainers.length) {
+    return;
+  }
   const clipboardElements = getClipboardElements(storageKey);
   const [clipboardElement] = clipboardElements ?? [];
-  if (!clipboardElement) {
+  const clipboardContainer = (0, import_editor_elements13.getContainer)(clipboardElement.id);
+  if (!clipboardElement || !clipboardContainer || !isAtomicWidget(clipboardContainer)) {
     return;
   }
   const elementStyles = clipboardElement.styles;
   const elementStyle = Object.values(elementStyles ?? {})[0];
-  if (!elementStyle) {
-    return;
+  const classesSetting = getClassesWithoutLocalStyle(clipboardContainer, elementStyle);
+  if (classesSetting.length) {
+    pasteClasses(atomicContainers, classesSetting);
   }
-  const atomicContainers = containers.filter(isAtomicWidget);
-  if (!atomicContainers.length) {
-    return;
+  if (elementStyle) {
+    pasteLocalStyle({ containers: atomicContainers, newStyle: elementStyle });
   }
-  pasteCallback({ containers: atomicContainers, newStyle: elementStyle });
+}
+function getClassesWithoutLocalStyle(clipboardContainer, style) {
+  const classesProp = getClassesProp(clipboardContainer);
+  if (!classesProp) {
+    return [];
+  }
+  const classesSetting = (0, import_editor_elements13.getElementSetting)(clipboardContainer.id, classesProp);
+  return classesSetting?.value.filter((styleId) => styleId !== style?.id) ?? [];
+}
+function pasteClasses(containers, classes) {
+  containers.forEach((container) => {
+    const classesProp = getClassesProp(container);
+    if (!classesProp) {
+      return;
+    }
+    const classesSetting = (0, import_editor_elements13.getElementSetting)(container.id, classesProp);
+    const currentClasses = import_editor_props9.classesPropTypeUtil.extract(classesSetting) ?? [];
+    const newClasses = import_editor_props9.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
+    (0, import_editor_elements13.updateElementSettings)({
+      id: container.id,
+      props: { [classesProp]: newClasses }
+    });
+  });
 }
 
 // src/style-commands/reset-style.ts
 var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_i18n5 = require("@wordpress/i18n");
@@ -3610,9 +3639,9 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters14.undoable)(
     do: ({ containers }) => {
       return containers.map((container) => {
         const elementId = container.model.get("id");
-        const containerStyles = (0, import_editor_elements13.getElementStyles)(elementId);
+        const containerStyles = (0, import_editor_elements14.getElementStyles)(elementId);
         Object.keys(containerStyles ?? {}).forEach(
-          (styleId) => (0, import_editor_elements13.deleteElementStyle)(elementId, styleId)
+          (styleId) => (0, import_editor_elements14.deleteElementStyle)(elementId, styleId)
         );
         return containerStyles;
       });
@@ -3628,7 +3657,7 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters14.undoable)(
         Object.entries(containerStyles ?? {}).forEach(([styleId, style]) => {
           const [firstVariant] = style.variants;
           const additionalVariants = style.variants.slice(1);
-          (0, import_editor_elements13.createElementStyle)({
+          (0, import_editor_elements14.createElementStyle)({
             elementId,
             classesProp,
             styleId,

package/dist/index.mjs

@@ -3433,6 +3433,8 @@ function shouldBlock(sourceElements, targetElements) {
 }
 
 // src/style-commands/paste-style.ts
+import { getContainer as getContainer5, getElementSetting, updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
+import { classesPropTypeUtil } from "@elementor/editor-props";
 import {
   __privateListenTo as listenTo2,
   blockCommand as blockCommand2,
@@ -3578,23 +3580,50 @@ function initPasteStyleCommand() {
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
-function pasteStyles(args, pasteCallback) {
+function pasteStyles(args, pasteLocalStyle) {
   const { containers = [args.container], storageKey } = args;
+  const atomicContainers = containers.filter(isAtomicWidget);
+  if (!atomicContainers.length) {
+    return;
+  }
   const clipboardElements = getClipboardElements(storageKey);
   const [clipboardElement] = clipboardElements ?? [];
-  if (!clipboardElement) {
+  const clipboardContainer = getContainer5(clipboardElement.id);
+  if (!clipboardElement || !clipboardContainer || !isAtomicWidget(clipboardContainer)) {
     return;
   }
   const elementStyles = clipboardElement.styles;
   const elementStyle = Object.values(elementStyles ?? {})[0];
-  if (!elementStyle) {
-    return;
+  const classesSetting = getClassesWithoutLocalStyle(clipboardContainer, elementStyle);
+  if (classesSetting.length) {
+    pasteClasses(atomicContainers, classesSetting);
   }
-  const atomicContainers = containers.filter(isAtomicWidget);
-  if (!atomicContainers.length) {
-    return;
+  if (elementStyle) {
+    pasteLocalStyle({ containers: atomicContainers, newStyle: elementStyle });
   }
-  pasteCallback({ containers: atomicContainers, newStyle: elementStyle });
+}
+function getClassesWithoutLocalStyle(clipboardContainer, style) {
+  const classesProp = getClassesProp(clipboardContainer);
+  if (!classesProp) {
+    return [];
+  }
+  const classesSetting = getElementSetting(clipboardContainer.id, classesProp);
+  return classesSetting?.value.filter((styleId) => styleId !== style?.id) ?? [];
+}
+function pasteClasses(containers, classes) {
+  containers.forEach((container) => {
+    const classesProp = getClassesProp(container);
+    if (!classesProp) {
+      return;
+    }
+    const classesSetting = getElementSetting(container.id, classesProp);
+    const currentClasses = classesPropTypeUtil.extract(classesSetting) ?? [];
+    const newClasses = classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
+    updateElementSettings2({
+      id: container.id,
+      props: { [classesProp]: newClasses }
+    });
+  });
 }
 
 // src/style-commands/reset-style.ts

package/package.json

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