@vectoriox/iox-builder 1.5.7 → 1.5.8

package/fesm2022/vectoriox-iox-builder.mjs

@@ -1407,9 +1407,14 @@ class InteractionEngineService {
     }
     // ── Private ──────────────────────────────────────────────
     attachInteraction(node, ix, element) {
-        // In builder mode, automatic triggers don't auto-fire — use the play button instead.
+        // In builder mode, scroll-based and time-based triggers don't auto-fire — use the
+        // play button instead. viewportEnter is skipped because the IntersectionObserver
+        // fires immediately (element is visible in the canvas) and its WAAPI animation +
+        // the overlay ResizeObserver feedback loop triggers NG0103 during synchronize().
         // Click/hover remain active so users can test those interactions on the canvas.
-        if (this.isBuilderMode() && (ix.trigger === 'pageLoad' || ix.trigger === 'scrollProgress')) {
+        if (this.isBuilderMode() && (ix.trigger === 'pageLoad' ||
+            ix.trigger === 'scrollProgress' ||
+            ix.trigger === 'viewportEnter')) {
             return () => { };
         }
         switch (ix.trigger) {
@@ -5554,6 +5559,7 @@ class SliderContainerComponent {
         this._orgId = 'default';
         this.instanceRegistry = inject(ComponentInstanceRegistryService);
         this.interactionEngine = inject(InteractionEngineService);
+        this.ngZone = inject(NgZone);
         this.isPreview = !!isPreview;
     }
     ngOnInit() {
@@ -5572,7 +5578,11 @@ class SliderContainerComponent {
         }
     }
     ngAfterViewInit() {
-        this._initRafId = requestAnimationFrame(() => this._initSwiper());
+        // Run outside Angular's zone so Swiper's internal ResizeObserver, MutationObserver,
+        // and RAF-based animation loops don't trigger unnecessary CD ticks.
+        this.ngZone.runOutsideAngular(() => {
+            this._initRafId = requestAnimationFrame(() => this._initSwiper());
+        });
     }
     ngOnChanges(changes) {
         if (!this._swiper)
@@ -5600,7 +5610,9 @@ class SliderContainerComponent {
         const hasConfigChange = Object.keys(changes).some(k => relevantKeys.has(k));
         if (hasConfigChange) {
             this._destroySwiper();
-            this._initRafId = requestAnimationFrame(() => this._initSwiper());
+            this.ngZone.runOutsideAngular(() => {
+                this._initRafId = requestAnimationFrame(() => this._initSwiper());
+            });
         }
     }
     ngOnDestroy() {
@@ -5615,9 +5627,10 @@ class SliderContainerComponent {
         if (this._source)
             return; // repeat mode: drops disabled, slides come from data source
         this.dragEngine.handleDrop(this.children, event, this.dropListId, this.cdr);
-        // Sync Swiper's internal slide list after drag-drop reorder
         if (this._swiper) {
-            requestAnimationFrame(() => this._swiper?.update());
+            this.ngZone.runOutsideAngular(() => {
+                requestAnimationFrame(() => this._swiper?.update());
+            });
         }
     }
     // ── Data fetching ───────────────────────────────────────────────────────────
@@ -5692,7 +5705,9 @@ class SliderContainerComponent {
     }
     _scheduleReinit() {
         this._destroySwiper();
-        this._initRafId = requestAnimationFrame(() => this._initSwiper());
+        this.ngZone.runOutsideAngular(() => {
+            this._initRafId = requestAnimationFrame(() => this._initSwiper());
+        });
     }
     // ── Swiper lifecycle ────────────────────────────────────────────────────────
     async _initSwiper() {