@vectoriox/iox-builder 10.1.1 → 11.0.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -1100,6 +1100,21 @@ function regenerateNodeIds(root, opts = {}) {
     };
     assign(root);
     remapNodeReferences(root, idMap);
+    remapItemKeyTraits(root, keyMap);
+}
+/**
+ * Traits whose value NAMES an item by its key (CC4b: a Segmented control's On by default). The keys are reissued per
+ * copy above, so the value follows them — else a pasted or inserted control defaults to a key none of its options holds.
+ */
+const ITEM_KEY_TRAITS = new Set(['defaultOn']);
+function remapItemKeyTraits(node, keyMap) {
+    if (!keyMap.size)
+        return;
+    for (const trait of (node.traits ?? [])) {
+        if (trait?.name && ITEM_KEY_TRAITS.has(trait.name) && keyMap.has(trait.default))
+            trait.default = keyMap.get(trait.default);
+    }
+    (node.children || []).forEach(child => remapItemKeyTraits(child, keyMap));
 }
 /** Remap absolute node-id references inside a subtree to their new ids (per `idMap`). Ids not in
  *  the map (references to nodes outside the cloned subtree) are preserved. */
@@ -2706,14 +2721,6 @@ function defaultPageSettings() {
             textColor: '#000000',
             maxWidth: '1440px',
         },
-        scroll: {
-            enabled: true,
-            lerp: 0.1,
-            wheelMultiplier: 1,
-            touchMultiplier: 1,
-            direction: 'vertical',
-            infinite: false,
-        },
         routeAnimation: {
             enter: 'fade',
             leave: 'fade',
@@ -8848,6 +8855,12 @@ function pickInherited(css) {
             out[prop] = css[prop];
     return out;
 }
+/**
+ * The editor canvas's own scroller — an editing surface, not the site: it never follows the look's
+ * Scrolling choice (that plays on the live site and in Preview, `planScroll`). These were the
+ * Page ▸ Smooth Scroll defaults the canvas read before that panel was deleted (MO-D2).
+ */
+const EDITOR_CANVAS_SCROLL = { lerp: 0.1, wheelMultiplier: 1, touchMultiplier: 1, orientation: 'vertical', infinite: false };
 class BuilderComponent {
     /** The overlay's BEFORE wrapper comes and goes with its globals; its block size is the page's top reserve. */
     set globalsBeforeRef(ref) {
@@ -9395,9 +9408,6 @@ class BuilderComponent {
     }
     ngOnChanges(changes) {
         if (changes['pageSettings']) {
-            // Reinit Lenis with updated scroll options (lerp, wheelMultiplier, etc.)
-            // so the builder preview reflects the live-page scroll feel in real time.
-            this.initLenis();
             // Background / typography: until this existed the Page panel wrote a background
             // that only appeared once the site was published.
             this.pageStyleCss = compilePageStyle(this.pageSettings?.style, { designSystem: this.pageSettings?.designSystem === true });
@@ -9589,16 +9599,11 @@ class BuilderComponent {
         this.destroyLenis();
         if (!this.previewScrollRef?.nativeElement || !this.lenisContentRef?.nativeElement)
             return;
-        const s = this.pageSettings?.scroll;
         this.lenis = new Lenis({
+            ...EDITOR_CANVAS_SCROLL,
             wrapper: this.previewScrollRef.nativeElement,
             content: this.lenisContentRef.nativeElement,
             eventsTarget: this.previewScrollRef.nativeElement,
-            lerp: s?.lerp ?? 0.1,
-            wheelMultiplier: s?.wheelMultiplier ?? 1,
-            touchMultiplier: s?.touchMultiplier ?? 1,
-            orientation: s?.direction ?? 'vertical',
-            infinite: s?.infinite ?? false,
             autoResize: false, // we drive resize() manually via canvasRo + viewportSub
         });
         this.lenis.on('scroll', (instance) => {