@vectoriox/iox-builder 7.0.2 → 8.0.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -16,7 +16,7 @@ import { SelectModule } from 'primeng/select';
 import { TooltipModule } from 'primeng/tooltip';
 import { DialogModule } from 'primeng/dialog';
 import * as i1 from '@vectoriox/iox-ui';
-import { VALIDATION_STATES as VALIDATION_STATES$1, VALIDATION_STATE_CLASS as VALIDATION_STATE_CLASS$1, DEFAULT_WIDTH_BY_TYPE, COLOR_SCHEME_TRAIT, COLOR_SCHEMES, ColorScheme, Breakpoint, BREAKPOINTS, countOverrides, setOverride, defaultElementStyleFor, applyElementStyle, stripSuppressedProps, DeclarationContext, buildPartSelector, planResponsiveRules, resolveStyleProps, buildTargetedStateSelector, statePseudoClass, compileTokenCssBlocks, catalogFontId, fontsForTokens, GOOGLE_FONTS_FILE_ORIGIN, googleFontHref, compileDeclarations, wrapInBreakpointQuery, BreakpointQueryKind, breakpointDef, breakpointForWidth, FormRenderState, safeSetInput, ContextStore, ComponentInstanceRegistryService, isActionEnabled, isContextAction, contextActionEffect, resolveContextValue, declaredInputNames, emptyImagePlaceholder, syncNodeDesignClasses, composeVirtualTraits, withDefaultHoverTransition, stateNamesIn, partClassName, resolveInputs, setInputOverride, collectContextSlotKeys, withContextSlots, compilePageStyle, nodeUsesContext, resolveBoundValue, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule, PALETTE_PRESETS, elementStyleById, PART_CLASS_NAMES } from '@vectoriox/iox-ui';
+import { VALIDATION_STATES as VALIDATION_STATES$1, VALIDATION_STATE_CLASS as VALIDATION_STATE_CLASS$1, DEFAULT_WIDTH_BY_TYPE, COLOR_SCHEME_TRAIT, COLOR_SCHEMES, ColorScheme, Breakpoint, BREAKPOINTS, countOverrides, setOverride, NEW_NODE_STYLE_DEFAULTS, defaultElementStyleFor, applyElementStyle, stripSuppressedProps, DeclarationContext, buildPartSelector, planResponsiveRules, resolveStyleProps, buildTargetedStateSelector, statePseudoClass, compileTokenCssBlocks, catalogFontId, fontsForTokens, GOOGLE_FONTS_FILE_ORIGIN, googleFontHref, compileDeclarations, wrapInBreakpointQuery, BreakpointQueryKind, breakpointDef, breakpointForWidth, FormRenderState, safeSetInput, ContextStore, ComponentInstanceRegistryService, isActionEnabled, isContextAction, contextActionEffect, resolveContextValue, declaredInputNames, emptyImagePlaceholder, syncNodeDesignClasses, composeVirtualTraits, withDefaultHoverTransition, stateNamesIn, partClassName, resolveInputs, setInputOverride, collectContextSlotKeys, withContextSlots, compilePageStyle, nodeUsesContext, resolveBoundValue, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule, PALETTE_PRESETS, elementStyleById, PART_CLASS_NAMES } from '@vectoriox/iox-ui';
 export { ComponentInstanceRegistryService, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import Lenis from 'lenis';
 import { Subject, BehaviorSubject, of, forkJoin } from 'rxjs';
@@ -1664,16 +1664,33 @@ class ComponentRegistryService {
     }
     /** The unstyled base style map of a NEW node of the type — `switchElementStyle`'s baseline. */
     baselineStyleProps(type) {
+        const out = this.adoptionBaseline(type);
+        for (const [name, value] of Object.entries(NEW_NODE_STYLE_DEFAULTS))
+            if (name in out)
+                out[name] = value;
+        return out;
+    }
+    /** What an untouched SAVED node of the type holds — its constructor defaults, nothing on top.
+     *  Adopt (DS7) rewrites an owned trait only while it still holds this. */
+    adoptionBaseline(type) {
         const out = {};
         for (const group of this.createBaseConfig(type)?.styleTraits ?? []) {
             for (const trait of group.traits ?? [])
                 out[trait.name] = trait.default;
         }
-        for (const [name, value] of Object.entries(NEW_NODE_STYLE_DEFAULTS))
-            if (name in out)
-                out[name] = value;
         return out;
     }
+    /** The context `adoptElementStyles` (design-core) reads baselines from. */
+    adoptionContext() {
+        const cache = new Map();
+        return {
+            baseline: type => {
+                if (!cache.has(type))
+                    cache.set(type, this.adoptionBaseline(type));
+                return cache.get(type);
+            },
+        };
+    }
     register(type, component, config) {
         this.components[type] = { type, component, config };
     }
@@ -1686,13 +1703,6 @@ class ComponentRegistryService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: ComponentRegistryService, decorators: [{
             type: Injectable
         }] });
-/**
- * What a new node holds before its element style is written. `color: inherit` because a new node
- * belongs to the section it is dropped into: running text inherits (contract `body`/`lead`), so a
- * literal on any ancestor — a Form, a slide, a field group — would override the section's text.
- * A style that owns a colour (headings, buttons, notices) writes its own over this.
- */
-const NEW_NODE_STYLE_DEFAULTS = { color: 'inherit' };
 /** A new node AND the default children its config builds (a palette Form's fields, submit and
  *  notices) are all new elements: each wears its type's default style. */
 function wearDefaultStyles(node) {
@@ -9896,10 +9906,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
             }] } });
 
 const MAX_HISTORY = 50;
+const clone = (value) => (value === undefined ? value : JSON.parse(JSON.stringify(value)));
 /**
  * BuilderHistoryService — snapshot-based undo/redo for the page builder.
  *
- * Snapshots are JSON deep-clones of the full layout array.
+ * Snapshots are JSON deep-clones of the full layout array; a step that also changed state outside
+ * the layout records that change, so one undo reverts both.
  * Session-only — not persisted to the backend.
  * Scoped to PageUiComponent.providers[] — one history stack per builder instance.
  */
@@ -9910,8 +9922,8 @@ class BuilderHistoryService {
     }
     get canUndo() { return this._past.length > 1; }
     get canRedo() { return this._future.length > 0; }
-    push(layout) {
-        this._past.push({ layout: JSON.parse(JSON.stringify(layout)), timestamp: Date.now() });
+    push(layout, change) {
+        this._past.push({ layout: clone(layout), timestamp: Date.now(), ...(change ? { change: clone(change) } : {}) });
         if (this._past.length > MAX_HISTORY) {
             this._past.shift();
         }
@@ -9922,19 +9934,22 @@ class BuilderHistoryService {
             return null;
         const current = this._past.pop();
         this._future.unshift(current);
-        return JSON.parse(JSON.stringify(this._past[this._past.length - 1].layout));
+        return this.step(this._past[this._past.length - 1].layout, current.change?.before, !!current.change);
     }
     redo() {
         if (!this.canRedo)
             return null;
         const next = this._future.shift();
         this._past.push(next);
-        return JSON.parse(JSON.stringify(next.layout));
+        return this.step(next.layout, next.change?.after, !!next.change);
     }
     clear() {
         this._past = [];
         this._future = [];
     }
+    step(layout, restore, changed) {
+        return changed ? { layout: clone(layout), restore: clone(restore) } : { layout: clone(layout) };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderHistoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderHistoryService }); }
 }