@vectoriox/iox-builder 11.13.0 → 11.14.0

package/index.d.ts

@@ -2481,6 +2481,14 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
      * Both fall back to their native unit in production (no variables defined).
      */
     private updatePreviewVh;
+    /** The canvas's hiding headers (premium M4, T2) — the SAME runtime the live site runs, fed the canvas's scroll. */
+    private readonly headerRuntimes;
+    /**
+     * A header that hides on the canvas steps aside as the author scrolls down and comes back on the way up, exactly as
+     * on the live site. The headers live in the global overlay (outside Lenis); Lenis's scroll is visual px, so it is
+     * divided by the zoom. A header that went (a re-render, its behaviour changed) has its runtime dropped.
+     */
+    private syncHeaderRuntimes;
     /** Keep the Scrolled attribute (iox-ui SCROLLED_ATTRIBUTE) on the canvas page and the header overlay — written only
      *  when it changes, so the overlay's mutation observers never wake for a scroll tick. */
     private syncScrolled;
@@ -3405,6 +3413,10 @@ declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChang
     private _previewStyle;
     private _editShellStyle;
     set style(v: Record<string, any>);
+    private _restStyle;
+    /** A slider the scroll plays is a sticky stage (it never engages on the canvas, where the driver pins it, so its top
+     *  never offsets the shell; in Preview it holds the slider mid-screen). */
+    private composeStageStyles;
     get style(): Record<string, any>;
     get previewStyle(): Record<string, any>;
     get editShellStyle(): Record<string, any>;
@@ -3424,6 +3436,10 @@ declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChang
     slideToClickedSlide: boolean;
     effect: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip' | 'cards' | 'creative';
     speed: number;
+    private _scrollPlays;
+    /** Premium M4: the page's scroll plays it (held mid-screen, resting on each picture). */
+    set scrollPlays(value: boolean | string);
+    get scrollPlays(): boolean;
     enableNavigation: boolean;
     navigationColor: string;
     navigationSize: number;
@@ -3457,6 +3473,7 @@ declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChang
     childClick: EventEmitter<any>;
     childMouseEnter: EventEmitter<any>;
     childMouseLeave: EventEmitter<void>;
+    runwayEl?: ElementRef<HTMLElement>;
     swiperEl?: ElementRef<HTMLElement>;
     editSwiperEl?: ElementRef<HTMLElement>;
     _swiper: any;
@@ -3465,11 +3482,16 @@ declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChang
     private instanceRegistry;
     private interactionEngine;
     private ngZone;
+    /** The canvas's (and Preview's) ONE scene driver — it plays a slider the scroll plays. */
+    private sceneCanvas;
+    private sceneAttached;
     constructor(dragEngine: DragEngineService, cdr: ChangeDetectorRef, isPreview: boolean, overlayService: OverlayService, dataSourceService: BuilderDataSourceService | null, dsRegistry: DataSourceRegistryService, panelEventService: PanelEventService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    /** Hand the runway to the scene driver while the scroll plays the slider, and take it back when it stops. */
+    private syncSceneDriver;
     trackByNodeId(_index: number, node: ComponentNode): string;
     onDrop(event: IoxDropEvent): void;
     /** Slides come from the SHARED resolver (public controllers + the source's own filters) — the
@@ -3485,7 +3507,7 @@ declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChang
     private _destroySwiper;
     private _onSwiperEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderContainerComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderContainerComponent, "app-slider-container", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "slidesPerView": { "alias": "slidesPerView"; "required": false; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "centeredSlides": { "alias": "centeredSlides"; "required": false; }; "spaceBetween": { "alias": "spaceBetween"; "required": false; }; "initialSlide": { "alias": "initialSlide"; "required": false; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; "grabCursor": { "alias": "grabCursor"; "required": false; }; "slideToClickedSlide": { "alias": "slideToClickedSlide"; "required": false; }; "effect": { "alias": "effect"; "required": false; }; "speed": { "alias": "speed"; "required": false; }; "enableNavigation": { "alias": "enableNavigation"; "required": false; }; "navigationColor": { "alias": "navigationColor"; "required": false; }; "navigationSize": { "alias": "navigationSize"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "paginationColor": { "alias": "paginationColor"; "required": false; }; "paginationType": { "alias": "paginationType"; "required": false; }; "paginationClickable": { "alias": "paginationClickable"; "required": false; }; "paginationDynamicBullets": { "alias": "paginationDynamicBullets"; "required": false; }; "enableAutoplay": { "alias": "enableAutoplay"; "required": false; }; "autoplayDelay": { "alias": "autoplayDelay"; "required": false; }; "autoplayPauseOnMouseEnter": { "alias": "autoplayPauseOnMouseEnter"; "required": false; }; "autoplayDisableOnInteraction": { "alias": "autoplayDisableOnInteraction"; "required": false; }; "enableScrollbar": { "alias": "enableScrollbar"; "required": false; }; "freeMode": { "alias": "freeMode"; "required": false; }; "enableKeyboard": { "alias": "enableKeyboard"; "required": false; }; "enableMousewheel": { "alias": "enableMousewheel"; "required": false; }; "enableZoom": { "alias": "enableZoom"; "required": false; }; "enableParallax": { "alias": "enableParallax"; "required": false; }; "enableGrid": { "alias": "enableGrid"; "required": false; }; "gridRows": { "alias": "gridRows"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "source": { "alias": "source"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderContainerComponent, "app-slider-container", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "slidesPerView": { "alias": "slidesPerView"; "required": false; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "centeredSlides": { "alias": "centeredSlides"; "required": false; }; "spaceBetween": { "alias": "spaceBetween"; "required": false; }; "initialSlide": { "alias": "initialSlide"; "required": false; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; "grabCursor": { "alias": "grabCursor"; "required": false; }; "slideToClickedSlide": { "alias": "slideToClickedSlide"; "required": false; }; "effect": { "alias": "effect"; "required": false; }; "speed": { "alias": "speed"; "required": false; }; "scrollPlays": { "alias": "scrollPlays"; "required": false; }; "enableNavigation": { "alias": "enableNavigation"; "required": false; }; "navigationColor": { "alias": "navigationColor"; "required": false; }; "navigationSize": { "alias": "navigationSize"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "paginationColor": { "alias": "paginationColor"; "required": false; }; "paginationType": { "alias": "paginationType"; "required": false; }; "paginationClickable": { "alias": "paginationClickable"; "required": false; }; "paginationDynamicBullets": { "alias": "paginationDynamicBullets"; "required": false; }; "enableAutoplay": { "alias": "enableAutoplay"; "required": false; }; "autoplayDelay": { "alias": "autoplayDelay"; "required": false; }; "autoplayPauseOnMouseEnter": { "alias": "autoplayPauseOnMouseEnter"; "required": false; }; "autoplayDisableOnInteraction": { "alias": "autoplayDisableOnInteraction"; "required": false; }; "enableScrollbar": { "alias": "enableScrollbar"; "required": false; }; "freeMode": { "alias": "freeMode"; "required": false; }; "enableKeyboard": { "alias": "enableKeyboard"; "required": false; }; "enableMousewheel": { "alias": "enableMousewheel"; "required": false; }; "enableZoom": { "alias": "enableZoom"; "required": false; }; "enableParallax": { "alias": "enableParallax"; "required": false; }; "enableGrid": { "alias": "enableGrid"; "required": false; }; "gridRows": { "alias": "gridRows"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "source": { "alias": "source"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
 declare class SliderSlideComponent implements OnInit, OnDestroy {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "11.13.0",
+  "version": "11.14.0",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/animations": ">=20.0.0",
     "@angular/cdk": ">=20.0.0",
-    "@vectoriox/iox-ui": ">=5.83.0",
+    "@vectoriox/iox-ui": ">=5.85.0",
     "interactjs": "^1.10.27",
     "primeng": ">=20.0.0",
     "swiper": ">=12.0.0",