@elementor/editor-global-classes 4.1.0-801 → 4.1.0-802

package/dist/index.mjs

@@ -1,5 +1,7 @@
 // src/global-classes-styles-provider.ts
-import { generateId } from "@elementor/editor-styles";
+import {
+  generateId
+} from "@elementor/editor-styles";
 import { createStylesProvider } from "@elementor/editor-styles-repository";
 import {
   __dispatch as dispatch,
@@ -179,9 +181,14 @@ var slice = createSlice({
       let customCss = ("custom_css" in payload ? payload.custom_css : variant?.custom_css) ?? null;
       customCss = customCss?.raw ? customCss : null;
       if (variant) {
-        const variantProps = JSON.parse(JSON.stringify(variant.props));
         const payloadProps = JSON.parse(JSON.stringify(payload.props));
-        variant.props = mergeProps(variantProps, payloadProps);
+        const mode = payload.mode ?? "merge";
+        if (mode === "replace") {
+          variant.props = payloadProps;
+        } else {
+          const variantProps = JSON.parse(JSON.stringify(variant.props));
+          variant.props = mergeProps(variantProps, payloadProps);
+        }
         variant.custom_css = customCss;
         style.variants = getNonEmptyVariants(style);
       } else {
@@ -466,14 +473,15 @@ var globalClassesStylesProvider = createStylesProvider({
     resolveCssName: (id2) => {
       return selectClass(getState2(), id2)?.label ?? id2;
     },
-    create: (label, variants = []) => {
+    create: (label, variants = [], id2) => {
       const classes = selectGlobalClasses(getState2());
       const existingLabels = Object.values(classes).map((style) => style.label);
       if (existingLabels.includes(label)) {
         throw new GlobalClassLabelAlreadyExistsError({ context: { label } });
       }
-      const existingIds = Object.keys(classes);
-      const id2 = generateId("g-", existingIds);
+      if (!id2) {
+        id2 = generateId("g-", Object.keys(classes));
+      }
       dispatch(
         slice.actions.add({
           id: id2,
@@ -499,7 +507,8 @@ var globalClassesStylesProvider = createStylesProvider({
         slice.actions.updateProps({
           id: args.id,
           meta: args.meta,
-          props: args.props
+          props: args.props,
+          mode: args.mode
         })
       );
     },