@vectoriox/iox-builder 10.1.2 → 11.0.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -2721,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',
@@ -8863,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) {
@@ -9410,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 });
@@ -9604,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) => {