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

package/dist/index.js

@@ -207,9 +207,14 @@ var slice = (0, import_store.__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 {
@@ -494,14 +499,15 @@ var globalClassesStylesProvider = (0, import_editor_styles_repository.createStyl
     resolveCssName: (id2) => {
       return selectClass((0, import_store4.__getState)(), id2)?.label ?? id2;
     },
-    create: (label, variants = []) => {
+    create: (label, variants = [], id2) => {
       const classes = selectGlobalClasses((0, import_store4.__getState)());
       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 = (0, import_editor_styles2.generateId)("g-", existingIds);
+      if (!id2) {
+        id2 = (0, import_editor_styles2.generateId)("g-", Object.keys(classes));
+      }
       (0, import_store4.__dispatch)(
         slice.actions.add({
           id: id2,
@@ -527,7 +533,8 @@ var globalClassesStylesProvider = (0, import_editor_styles_repository.createStyl
         slice.actions.updateProps({
           id: args.id,
           meta: args.meta,
-          props: args.props
+          props: args.props,
+          mode: args.mode
         })
       );
     },