@vectoriox/iox-ui 4.0.8 → 4.0.9

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1,503 +1,28 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, forwardRef, Inject, PLATFORM_ID, InjectionToken, ChangeDetectionStrategy, ViewContainerRef } from '@angular/core';
-import * as i2 from '@angular/animations';
-import { style, animate } from '@angular/animations';
-import { Subject, of } from 'rxjs';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Masonry } from '@fristys/masonry';
-import { BrowserModule } from '@angular/platform-browser';
-import * as i1$2 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { Component, Injectable, EventEmitter, Output, ViewChild, Input, NgModule, InjectionToken } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { fromEvent } from 'rxjs';
 import Lenis from 'lenis';
-import * as i1 from 'ngx-cookie-service';
-import { CookieService } from 'ngx-cookie-service';
-import * as i1$1 from '@angular/common/http';
-import { map } from 'rxjs/operators';
 
-class ViewPositionDirective {
-    constructor(_elr) {
-        this._elr = _elr;
-        this._scrollDirection = "Down";
-        this._scrollPos = 0;
-        this.isOnScreen = false;
-        this.isHalfScreen = false;
-        this.onEnter = new EventEmitter();
-        this.onLeave = new EventEmitter();
-        this.onHalf = new EventEmitter();
-        this._initScreenDeminitions();
-        console.log(`screent highet: ${this._viewPortHighet}`);
-    }
-    ngAfterViewInit() {
-        this._elementOffseTop = this._elr.nativeElement.offsetTop;
-        this._elementHeight = this._elr.nativeElement.offsetHeight;
-        console.log(`element offset Y = ${this._elementOffseTop}`);
-    }
-    onScroll(e) {
-        if ((document.body.getBoundingClientRect()).top > this._scrollPos) {
-            if (this._scrollDirection != "Up") {
-                this.isHalfScreen = false;
-                this._scrollDirection = "Up";
-            }
-        }
-        else {
-            if (this._scrollDirection != "Down") {
-                this.isHalfScreen = false;
-                this._scrollDirection = "Down";
-            }
-        }
-        this._scrollPos = (document.body.getBoundingClientRect()).top;
-        let currentClientHight = this._elr.nativeElement.getBoundingClientRect().top;
-        if (currentClientHight >= this._viewPortHighet || currentClientHight < -this._elementHeight) {
-            if (this.isOnScreen) {
-                this.isOnScreen = false;
-                this.onLeave.emit("OUT");
-            }
-        }
-        else {
-            if (!this.isOnScreen) {
-                this.isOnScreen = true;
-                this.onEnter.emit("IN");
-            }
-        }
-        if (currentClientHight < this._halfSscreen && currentClientHight > 0 && this._scrollDirection == "Down") {
-            if (!this.isHalfScreen) {
-                this.isHalfScreen = true;
-                console.log("half");
-                this.onHalf.emit(this.data);
-            }
-        }
-        if (currentClientHight + this._elementHeight > this._halfSscreen && currentClientHight + this._elementHeight < this._viewPortHighet && this._scrollDirection == "Up") {
-            if (!this.isHalfScreen) {
-                this.isHalfScreen = true;
-                console.log("I am  half");
-                this.onHalf.emit(this.data);
-            }
-        }
-    }
-    onResize(e) {
-        this._viewPortHighet = window.innerHeight;
-        this._initScreenDeminitions();
-    }
-    _initScreenDeminitions() {
-        this._viewPortHighet = window.innerHeight;
-        this._curterScreen = Math.trunc(this._viewPortHighet * 0.25);
-        this._halfSscreen = Math.trunc(this._viewPortHighet * 0.5);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewPositionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ViewPositionDirective, isStandalone: false, selector: "[view-position]", inputs: { data: "data" }, outputs: { onEnter: "onEnter", onLeave: "onLeave", onHalf: "onHalf" }, host: { listeners: { "window:scroll": "onScroll($event)", "window:resize": "onResize($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewPositionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[view-position]',
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
-                type: Input
-            }], onEnter: [{
-                type: Output
-            }], onLeave: [{
-                type: Output
-            }], onHalf: [{
-                type: Output
-            }], onScroll: [{
-                type: HostListener,
-                args: ['window:scroll', ['$event']]
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }] } });
-
-class ViewPositionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewPositionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ViewPositionModule, declarations: [ViewPositionDirective], exports: [ViewPositionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewPositionModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewPositionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ViewPositionDirective
-                    ],
-                    imports: [],
-                    exports: [
-                        ViewPositionDirective
-                    ]
-                }]
-        }] });
-
-/**********  Entries Animations ********************/
-const IoxAnimationStyles = {};
-IoxAnimationStyles["fade-up"] = (delay, duration) => {
-    return [style({ opacity: 0, transform: "translate3d(0,100px,0)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: "translateZ(0)" }))];
-};
-IoxAnimationStyles["fade-right"] = (delay, duration) => {
-    return [style({ opacity: 0, transform: "translateX(150px)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: "translateZ(0)" }))];
-};
-IoxAnimationStyles["fade-out-right"] = (delay, duration) => {
-    return [style({ opacity: 1, transform: "translateX(0px)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 0, transform: "translateX(150px)" }))];
-};
-IoxAnimationStyles["fade-left"] = (delay, duration) => {
-    return [style({ opacity: 0, transform: "translateX(-150px)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: "translateZ(0)" }))];
-};
-IoxAnimationStyles["fade-out-up"] = (delay, duration) => {
-    return [style({ opacity: 1, transform: "translateZ(0)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 0, transform: "translate3d(0,-100px,0)" }))];
-};
-IoxAnimationStyles["flip-left"] = (delay, duration) => {
-    return [style({ opacity: 0, transform: "perspective(2500px) rotateY(-100deg)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: "perspective(2500px) rotateY(0)" }))];
-};
-IoxAnimationStyles["flip-up"] = (delay, duration) => {
-    return [style({ opacity: 0, transform: "perspective(2500px) rotateX(-100deg)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: "perspective(2500px) rotateY(0)" }))];
-};
-IoxAnimationStyles["zoom-in-up"] = (delay, duration) => {
-    return [style({ opacity: 0, transform: "translate3d(0,100px,0) scale(.6)" }),
-        animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: "translateZ(0) scale(1)" }))];
-};
-
-class AOSService {
-    constructor() {
-        this._scrollOffset = new Subject();
-        this.scrollOffset = this._scrollOffset.asObservable();
-    }
-    updateScrollOffset(offset) {
-        this._scrollOffset.next(offset);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AOSService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AOSService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AOSService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-class IoxAnimateContainer {
-    constructor(_element, _aOSService) {
-        this._element = _element;
-        this._aOSService = _aOSService;
-        this.kickIn = true;
-        this._scrollOffset = new Subject();
-        this.scrollOffset = this._scrollOffset.asObservable();
-    }
-    ngAfterViewInit() {
-        this.updateOffset();
-    }
-    onScroll($event) {
-        this.updateOffset();
-    }
-    ngOnChanges(changes) {
-        console.log(changes);
-        if (changes['kickIn'] && changes['kickIn'].currentValue) {
-            this.updateOffset();
-        }
-    }
-    updateOffset() {
-        let elClientRect = this.animateRooteElement.nativeElement.getBoundingClientRect();
-        this._scrollOffset.next(elClientRect);
-        this._aOSService.updateScrollOffset(elClientRect);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAnimateContainer, deps: [{ token: i0.ElementRef }, { token: AOSService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IoxAnimateContainer, isStandalone: false, selector: "[ioxAnimateContainer], ioxAnimateContainer", inputs: { kickIn: "kickIn" }, host: { listeners: { "scroll": "onScroll($event)" } }, viewQueries: [{ propertyName: "animateRooteElement", first: true, predicate: ["animateRooteElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div class='animate_root_element' #animateRooteElement>
-        <ng-content></ng-content>
-        </div>`, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAnimateContainer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "[ioxAnimateContainer], ioxAnimateContainer",
-                    template: `<div class='animate_root_element' #animateRooteElement>
-        <ng-content></ng-content>
-        </div>`,
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: AOSService }], propDecorators: { kickIn: [{
-                type: Input,
-                args: ['kickIn']
-            }], animateRooteElement: [{
-                type: ViewChild,
-                args: ['animateRooteElement']
-            }], onScroll: [{
-                type: HostListener,
-                args: ['scroll', ['$event']]
-            }] } });
-
-class IoxAosDirective {
-    constructor(_animateContainer, _element, _animationBuilder, _renderer) {
-        this._animateContainer = _animateContainer;
-        this._element = _element;
-        this._animationBuilder = _animationBuilder;
-        this._renderer = _renderer;
-        this.animationDelay = "";
-        this.animationIn = "";
-        this.animationOut = "";
-        this.animationDuration = "0.5s";
-        this.isAnimationPlayed = false;
-        this._elTop = 0;
-        this._renderer.setStyle(_element.nativeElement, 'opacity', '0');
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            this._elTop = this._cumulativeOffset(this._element.nativeElement).top;
-            if (this._animateContainer) {
-                if (this._animateContainer.kickIn) {
-                    this.runIfVisiable();
-                }
-                else {
-                    return;
-                }
-            }
-            else {
-                this.runIfVisiable();
-            }
-        }, 150);
-        const resizeObserver = new ResizeObserver((entries) => this._elTop = this._cumulativeOffset(this._element.nativeElement).top);
-        resizeObserver.observe(document.body);
-        if (this._animateContainer) {
-            this._animateContainer?.scrollOffset.subscribe((offset) => {
-                if (this._animateContainer.kickIn) {
-                    this.scrollEventHandler(-1 * offset.top);
-                }
-            });
-        }
-    }
-    makeAnimationIn(animationStyle) {
-        let animation = IoxAnimationStyles[animationStyle](this.animationDelay, this.animationDuration);
-        const myAnimation = this._animationBuilder.build(animation);
-        return myAnimation.create(this._element.nativeElement);
-    }
-    _cumulativeOffset(element) {
-        var top = 0, left = 0;
-        do {
-            top += element.offsetTop || 0;
-            left += element.offsetLeft || 0;
-            element = element.offsetParent;
-        } while (element);
-        return {
-            top: top,
-            left: left
-        };
-    }
-    ;
-    onScrollEvent($event) {
-        this.scrollEventHandler(window.pageYOffset);
-    }
-    isVisable(offset) {
-        //console.log(this._elTop >= window.pageYOffset && this._elTop <= window.pageYOffset + window.innerHeight);
-        //return this._elTop >= window.pageYOffset && this._elTop <= window.pageYOffset + window.innerHeight;
-        return this._elTop >= offset && this._elTop <= offset + window.innerHeight;
-    }
-    scrollEventHandler(offset) {
-        if (this._animateContainer && this._animateContainer.kickIn == false) {
-            return;
-        }
-        if (this.isVisable(offset) && !this.isAnimationPlayed) {
-            let animationStyle = this.animationIn || "fade-up";
-            this.makeAnimationIn(animationStyle).play();
-            this.isAnimationPlayed = true;
-        }
-        else if (!this.isVisable(offset) && this.isAnimationPlayed && this.animationOut) {
-            this.makeAnimationIn(this.animationOut).play();
-            this.isAnimationPlayed = false;
-        }
-    }
-    runIfVisiable() {
-        if (this.isVisable(window.pageYOffset)) {
-            let animationStyle = this.animationIn || "fade-up";
-            this.makeAnimationIn(animationStyle).play();
-            this.isAnimationPlayed = true;
-        }
-    }
-    ngOnDestroy() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAosDirective, deps: [{ token: IoxAnimateContainer, host: true, optional: true }, { token: i0.ElementRef }, { token: i2.AnimationBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: IoxAosDirective, isStandalone: false, selector: "[ioxAnimate], ioxAnimate", inputs: { animationDelay: "animationDelay", animationIn: "animationIn", animationOut: "animationOut", animationDuration: "animationDuration" }, host: { listeners: { "document:scroll": "onScrollEvent($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAosDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[ioxAnimate], ioxAnimate",
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: IoxAnimateContainer, decorators: [{
-                    type: Host
-                }, {
-                    type: Optional
-                }] }, { type: i0.ElementRef }, { type: i2.AnimationBuilder }, { type: i0.Renderer2 }], propDecorators: { animationDelay: [{
-                type: Input,
-                args: ["animationDelay"]
-            }], animationIn: [{
-                type: Input,
-                args: ["animationIn"]
-            }], animationOut: [{
-                type: Input,
-                args: ["animationOut"]
-            }], animationDuration: [{
-                type: Input,
-                args: ["animationDuration"]
-            }], onScrollEvent: [{
-                type: HostListener,
-                args: ['document:scroll', ['$event']]
-            }] } });
-function ViewParent() {
-    throw new Error("Function not implemented.");
-}
-
-class IoxAosModule {
-    static forRoot() {
-        return {
-            ngModule: IoxAosModule,
-            providers: [AOSService]
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAosModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IoxAosModule, declarations: [IoxAosDirective,
-            IoxAnimateContainer], imports: [BrowserAnimationsModule], exports: [IoxAosDirective,
-            IoxAnimateContainer] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAosModule, providers: [
-            AOSService
-        ], imports: [BrowserAnimationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxAosModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IoxAosDirective,
-                        IoxAnimateContainer
-                    ],
-                    imports: [
-                        BrowserAnimationsModule
-                    ],
-                    providers: [
-                        AOSService
-                    ],
-                    exports: [
-                        IoxAosDirective,
-                        IoxAnimateContainer
-                    ]
-                }]
-        }] });
-
-class IoxMasonryService {
-    constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-class IoxMasonryComponent {
-    constructor(_element) {
-        this._element = _element;
-        // Inputs
-        this.options = {};
-        this.useImagesLoaded = false;
-        this.updateLayout = false;
-        this.layoutComplete = new EventEmitter();
-        this.isAppendAllowed = true;
-        this.add = (element) => {
-            setTimeout(() => {
-                this._msnry.init();
-            }, 200);
-        };
-    }
-    ngAfterViewInit() {
-        console.log("test");
-    }
-    ngOnInit() {
-        this._msnry = new Masonry(document.getElementById('masonry'), this.options);
-        this.layout();
-    }
-    ngOnChanges(changes) {
-        console.log(changes);
-    }
-    remove(element) {
-        this._msnry.remove(element);
-    }
-    layout() {
-        setTimeout(() => {
-            this._msnry.init();
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IoxMasonryComponent, isStandalone: false, selector: "[iox-masonry], iox-masonry", inputs: { options: "options", useImagesLoaded: "useImagesLoaded", updateLayout: "updateLayout" }, outputs: { layoutComplete: "layoutComplete" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "[iox-masonry], iox-masonry", template: `<ng-content></ng-content>`, standalone: false }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
-                type: Input
-            }], useImagesLoaded: [{
-                type: Input
-            }], updateLayout: [{
-                type: Input
-            }], layoutComplete: [{
-                type: Output
-            }] } });
-
-class IoxMasonryItemDirective {
-    constructor(_element, _parent, _renderer) {
-        this._element = _element;
-        this._parent = _parent;
-        this._renderer = _renderer;
-        //this._renderer.setStyle(_element.nativeElement,'opacity', '0');
-    }
-    ngAfterViewInit() {
-        console.log(this._element.nativeElement);
-        this._parent.add(this._element.nativeElement);
-    }
-    ngOnDestroy() {
-        this._parent.remove(this._element.nativeElement);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryItemDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => IoxMasonryComponent) }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: IoxMasonryItemDirective, isStandalone: false, selector: "[ioxMasonryItem], ioxMasonryItem", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[ioxMasonryItem], ioxMasonryItem",
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: IoxMasonryComponent, decorators: [{
-                    type: Inject,
-                    args: [forwardRef(() => IoxMasonryComponent)]
-                }] }, { type: i0.Renderer2 }] });
-
-class IoxMasonryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryModule, declarations: [IoxMasonryComponent, IoxMasonryItemDirective], imports: [BrowserModule], exports: [IoxMasonryComponent, IoxMasonryItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryModule, imports: [BrowserModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxMasonryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IoxMasonryComponent, IoxMasonryItemDirective],
-                    imports: [
-                        BrowserModule
-                    ],
-                    exports: [IoxMasonryComponent, IoxMasonryItemDirective]
-                }]
+class IoxUi {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxUi, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: IoxUi, isStandalone: true, selector: "lib-iox-ui", ngImport: i0, template: `
+    <p>
+      iox-ui works!
+    </p>
+  `, isInline: true, styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxUi, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-iox-ui', imports: [], template: `
+    <p>
+      iox-ui works!
+    </p>
+  ` }]
         }] });
 
 class PageScrollProvider {
-    constructor(zone, platformId) {
-        this.zone = zone;
-        this.platformId = platformId;
-    }
     init(options) {
-        if (!isPlatformBrowser(this.platformId))
-            return;
         if (this.lenis) {
             this.lenis.destroy();
         }
@@ -519,92 +44,65 @@ class PageScrollProvider {
         }
         return this.lenis;
     }
-    destroy() {
-        if (this.lenis) {
-            this.lenis.destroy();
-            this.lenis = undefined;
-        }
-        if (this.rafId != null) {
-            cancelAnimationFrame(this.rafId);
-            this.rafId = undefined;
-        }
-    }
     startLoop() {
-        if (!this.lenis)
+        if (!this.lenis) {
             return;
-        this.zone.runOutsideAngular(() => {
-            const loop = (time) => {
-                this.lenis.raf(time);
-                this.rafId = requestAnimationFrame(loop);
-            };
+        }
+        const loop = (time) => {
+            this.lenis.raf(time);
             this.rafId = requestAnimationFrame(loop);
-        });
+        };
+        this.rafId = requestAnimationFrame(loop);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider, deps: [{ token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PageScrollProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PageScrollProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PageScrollProvider, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
+        }] });
 
 class IoxPageComponent {
-    constructor(pageScrollProvider, platformId) {
+    constructor(pageScrollProvider) {
         this.pageScrollProvider = pageScrollProvider;
-        this.platformId = platformId;
         this.class = '';
-        this.scrollEnabled = true;
-        this.scrollOptions = {};
         this.scrollEvent = new EventEmitter();
     }
     ngAfterViewInit() {
-        if (!isPlatformBrowser(this.platformId) || !this.page || !this.scrollEnabled)
-            return;
-        this.pageScrollProvider.init({
-            wrapper: this.page.nativeElement,
-            content: this.page.nativeElement.querySelector('.page-mask'),
-            ...this.scrollOptions,
-        });
-        let _dispatching = false;
-        this.pageScrollProvider.instance.on('scroll', ({ scroll, progress }) => {
-            const el = this.page.nativeElement;
-            this.scrollEvent.emit({
-                scrollTop: scroll,
-                scrollLeft: 0,
-                scrollHeight: el.scrollHeight,
-                scrollWidth: el.scrollWidth,
-                clientHeight: el.clientHeight,
-                clientWidth: el.clientWidth,
-                scrollPercentage: progress * 100,
+        if (this.page) {
+            this.scrollSubscription = fromEvent(this.page.nativeElement, 'scroll').subscribe((event) => {
+                this.onScroll(event);
             });
-            // Guard against re-entry: dispatching 'scroll' on the Lenis wrapper
-            // triggers onNativeScroll → re-emits the Lenis scroll event → infinite loop.
-            if (_dispatching)
-                return;
-            _dispatching = true;
-            el.dispatchEvent(new Event('scroll'));
-            _dispatching = false;
-        });
+            this.pageScrollProvider.init({
+                wrapper: this.page.nativeElement,
+                content: this.page.nativeElement.querySelector('.page-mask'),
+                duration: 1.2,
+                easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+            });
+        }
+    }
+    onScroll(event) {
+        const target = event.target;
+        const scrollTop = target.scrollTop;
+        const scrollLeft = target.scrollLeft;
+        const scrollHeight = target.scrollHeight;
+        const scrollWidth = target.scrollWidth;
+        const clientHeight = target.clientHeight;
+        const clientWidth = target.clientWidth;
+        const scrollPercentage = (scrollTop / (scrollHeight - clientHeight)) * 100;
+        this.scrollEvent.emit({ scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth, scrollPercentage });
     }
     ngOnDestroy() {
-        this.pageScrollProvider.destroy();
+        if (this.scrollSubscription) {
+            this.scrollSubscription.unsubscribe();
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageComponent, deps: [{ token: PageScrollProvider }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IoxPageComponent, isStandalone: false, selector: "iox-page-component", inputs: { class: "class", scrollEnabled: "scrollEnabled", scrollOptions: "scrollOptions" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "page", first: true, predicate: ["page"], descendants: true }], ngImport: i0, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxPageComponent, deps: [{ token: PageScrollProvider }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: IoxPageComponent, isStandalone: false, selector: "iox-page-component", inputs: { class: "class" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "page", first: true, predicate: ["page"], descendants: true }], ngImport: i0, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'iox-page-component', standalone: false, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: PageScrollProvider }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }], propDecorators: { class: [{
-                type: Input
-            }], scrollEnabled: [{
-                type: Input
-            }], scrollOptions: [{
+        }], ctorParameters: () => [{ type: PageScrollProvider }], propDecorators: { class: [{
                 type: Input
             }], page: [{
                 type: ViewChild,
@@ -614,11 +112,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 
 class IoxPageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IoxPageModule, declarations: [IoxPageComponent], imports: [CommonModule], exports: [IoxPageComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageModule, providers: [PageScrollProvider], imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: IoxPageModule, declarations: [IoxPageComponent], imports: [CommonModule], exports: [IoxPageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxPageModule, providers: [PageScrollProvider], imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: IoxPageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -628,1102 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }]
         }] });
 
-class IoxUiModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IoxUiModule, imports: [IoxAosModule, IoxPageModule], exports: [IoxAosModule, IoxPageModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxUiModule, imports: [IoxAosModule, IoxPageModule, IoxAosModule, IoxPageModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxUiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [IoxAosModule, IoxPageModule],
-                    exports: [IoxAosModule, IoxPageModule]
-                }]
-        }] });
-
-var PrivacyModelEvent;
-(function (PrivacyModelEvent) {
-    PrivacyModelEvent[PrivacyModelEvent["OPEN"] = 1] = "OPEN";
-    PrivacyModelEvent[PrivacyModelEvent["CLOSE"] = 2] = "CLOSE";
-})(PrivacyModelEvent || (PrivacyModelEvent = {}));
-class PrivacyModalService {
-    constructor() {
-        this.modalEvent = new Subject();
-        this.decisionSubject = null;
-    }
-    registerModalEvent(func) {
-        this.modalEvent.subscribe({
-            next: (val) => {
-                func(val);
-            }
-        });
-    }
-    openModal() {
-        this.modalEvent.next(PrivacyModelEvent.OPEN);
-        this.decisionSubject = new Subject();
-        return this.decisionSubject;
-    }
-    closeModal() {
-        this.modalEvent.next(PrivacyModelEvent.CLOSE);
-    }
-    notifyDecision(accepted) {
-        if (this.decisionSubject) {
-            this.decisionSubject.next(accepted);
-            this.decisionSubject.complete();
-            this.decisionSubject = null;
-        }
-        this.closeModal();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class ConsentService {
-    constructor(cookieService, httpClient, _privacyModalService, environment) {
-        this.cookieService = cookieService;
-        this.httpClient = httpClient;
-        this._privacyModalService = _privacyModalService;
-        this.environment = environment;
-        this.WEB_USER = "webUser";
-    }
-    hasAnalyticsConsent() {
-        const cookieValue = this.cookieService.get(this.WEB_USER);
-        if (!cookieValue) {
-            return false;
-        }
-        try {
-            const parsedCookieValue = JSON.parse(cookieValue);
-            return parsedCookieValue.user?.consent?.analyticsConsent === true;
-        }
-        catch {
-            // Invalid JSON or unexpected structure: treat as no consent
-            return false;
-        }
-    }
-    checkAnalyticsConsent() {
-        if (this.hasAnalyticsConsent()) {
-            // Consent already given, return true immediately as Observable
-            return of(true);
-        }
-        // No consent yet (or invalid/missing cookie) -> show modal
-        return this._privacyModalService.openModal();
-    }
-    checkMarketingConsent() {
-        let cookieValue = this.cookieService.get(this.WEB_USER);
-        if (!cookieValue) {
-            return false;
-        }
-        let parsedCookieValue = JSON.parse(cookieValue);
-        return parsedCookieValue.user?.consent?.marketingConsent;
-    }
-    setConsent(analytics, marketing) {
-        let cookieValue = this.cookieService.get(this.WEB_USER);
-        let parsedCookieValue = cookieValue ? JSON.parse(cookieValue) : { user: { consent: {
-                    anonymousId: this.generateAnonymousId()
-                } } };
-        parsedCookieValue.user.consent.analyticsConsent = analytics;
-        parsedCookieValue.user.consent.marketingConsent = marketing;
-        this.cookieService.set(this.WEB_USER, JSON.stringify(parsedCookieValue));
-        this.httpClient.post(`${this.environment.HOST}consent`, parsedCookieValue.user.consent)
-            .subscribe({
-            next: (response) => {
-                console.log('Consent updated successfully:', response);
-            },
-            error: (error) => {
-                console.error('Error updating consent:', error);
-            }
-        });
-    }
-    generateAnonymousId() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsentService, deps: [{ token: i1.CookieService }, { token: i1$1.HttpClient }, { token: PrivacyModalService }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsentService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsentService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.CookieService }, { type: i1$1.HttpClient }, { type: PrivacyModalService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ENVIRONMENT]
-                }] }] });
-
-class PrivacyModalComponent {
-    constructor(_privacyModalService, _consentService) {
-        this._privacyModalService = _privacyModalService;
-        this._consentService = _consentService;
-        this.isOpen = false;
-        this._privacyModalService.registerModalEvent((event) => {
-            if (event == PrivacyModelEvent.CLOSE) {
-                this.isOpen = false;
-            }
-            else {
-                this.isOpen = true;
-            }
-        });
-    }
-    onAccept() {
-        this._consentService.setConsent(true, true);
-        this._privacyModalService.notifyDecision(true);
-        this.isOpen = false;
-    }
-    onDecline() {
-        this._privacyModalService.notifyDecision(false);
-        this.isOpen = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalComponent, deps: [{ token: PrivacyModalService }, { token: ConsentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PrivacyModalComponent, isStandalone: false, selector: "privacy-modal", ngImport: i0, template: "<div class=\"privacy-modal\" [ngClass]=\"{'open': isOpen, 'closed': !isOpen}\">\n    <div class=\"modal-content\">\n      <h2>\u05D0\u05E0\u05D7\u05E0\u05D5 \u05E9\u05D5\u05DE\u05E8\u05D9\u05DD \u05E2\u05DC \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA \u05E9\u05DC\u05DA</h2>\n      <p dir=\"rtl\">\n        <span>\n            \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05DE\u05E9\u05D9\u05DD \u05D1\u05E7\u05D1\u05E6\u05D9 \n        </span>\n        <span>Cookies </span>\n        <span>\u05DB\u05D3\u05D9 \u05DC\u05E9\u05E4\u05E8 \u05D0\u05EA \u05D7\u05D5\u05D5\u05D9\u05EA \u05D4\u05D2\u05DC\u05D9\u05E9\u05D4 \u05E9\u05DC\u05DA, \u05DC\u05E0\u05EA\u05D7 \u05E9\u05D9\u05DE\u05D5\u05E9 \u05D1\u05D0\u05EA\u05E8 \u05D5\u05DC\u05D4\u05E6\u05D9\u05E2 \u05EA\u05D5\u05DB\u05DF \u05DE\u05D5\u05EA\u05D0\u05DD \u05D0\u05D9\u05E9\u05D9\u05EA.</span>\n        <span> \u05DC\u05DE\u05D9\u05D3\u05E2 \u05E0\u05D5\u05E1\u05E3 \u05E2\u05DC \u05D0\u05D9\u05DA \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05EA\u05DE\u05E9\u05D9\u05DD \u05D1\u05DE\u05D9\u05D3\u05E2 \u05E9\u05DC\u05DA, \u05E8\u05D0\u05D4 \u05D0\u05EA <a target=\"_blank\" href=\"/privacy\">\u05DE\u05D3\u05D9\u05E0\u05D9\u05D5\u05EA \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA </a> \u05E9\u05DC\u05E0\u05D5</span>\n      </p>\n\n      <div class=\"button-container\">\n        <button class=\"accept-button\" (click)=\"onAccept()\">\u05D0\u05E0\u05D9 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n        <button class=\"decline-button\" (click)=\"onDecline()\">\u05D0\u05E0\u05D9 \u05DC\u05D0 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n      </div>\n    </div>\n</div>\n", styles: [".privacy-modal{padding:2em;background:#fff;border-radius:8px;position:fixed;z-index:10000000000000;bottom:0;left:0;right:0;height:25vh;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .3s ease-in-out}.privacy-modal.open{transform:translateY(0);transition:transform .3s ease-in-out}.modal-content{width:40vw;text-align:right}.privacy-modal h2{margin-top:0;text-align:right;font-size:2.1vw;color:#6b4f3b}.privacy-modal p{font-size:1.3vw;color:#6b4f3b}.button-container{display:flex;justify-content:flex-end;margin-top:20px}.button-container button{border:0;margin-inline-start:15px;font-size:1vw}.button-container .accept-button{background:#6b4f3b;color:#fff;padding:.5em 1em;border-radius:4px;cursor:pointer}.button-container .accept-button:hover{background:#5b4332}.button-container .decline-button{background:transparent;color:#6b4f3b;padding:0;cursor:pointer;border-bottom:1px solid #fff}.button-container .decline-button:hover{border-bottom:1px solid #6b4f3b}@media (max-width: 768px){.privacy-modal h2{font-size:8.2vw}.privacy-modal p{font-size:4.2vw}.privacy-modal .modal-content{width:80vw}.privacy-modal .button-container button{font-size:3.2vw}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'privacy-modal', standalone: false, template: "<div class=\"privacy-modal\" [ngClass]=\"{'open': isOpen, 'closed': !isOpen}\">\n    <div class=\"modal-content\">\n      <h2>\u05D0\u05E0\u05D7\u05E0\u05D5 \u05E9\u05D5\u05DE\u05E8\u05D9\u05DD \u05E2\u05DC \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA \u05E9\u05DC\u05DA</h2>\n      <p dir=\"rtl\">\n        <span>\n            \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05DE\u05E9\u05D9\u05DD \u05D1\u05E7\u05D1\u05E6\u05D9 \n        </span>\n        <span>Cookies </span>\n        <span>\u05DB\u05D3\u05D9 \u05DC\u05E9\u05E4\u05E8 \u05D0\u05EA \u05D7\u05D5\u05D5\u05D9\u05EA \u05D4\u05D2\u05DC\u05D9\u05E9\u05D4 \u05E9\u05DC\u05DA, \u05DC\u05E0\u05EA\u05D7 \u05E9\u05D9\u05DE\u05D5\u05E9 \u05D1\u05D0\u05EA\u05E8 \u05D5\u05DC\u05D4\u05E6\u05D9\u05E2 \u05EA\u05D5\u05DB\u05DF \u05DE\u05D5\u05EA\u05D0\u05DD \u05D0\u05D9\u05E9\u05D9\u05EA.</span>\n        <span> \u05DC\u05DE\u05D9\u05D3\u05E2 \u05E0\u05D5\u05E1\u05E3 \u05E2\u05DC \u05D0\u05D9\u05DA \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05EA\u05DE\u05E9\u05D9\u05DD \u05D1\u05DE\u05D9\u05D3\u05E2 \u05E9\u05DC\u05DA, \u05E8\u05D0\u05D4 \u05D0\u05EA <a target=\"_blank\" href=\"/privacy\">\u05DE\u05D3\u05D9\u05E0\u05D9\u05D5\u05EA \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA </a> \u05E9\u05DC\u05E0\u05D5</span>\n      </p>\n\n      <div class=\"button-container\">\n        <button class=\"accept-button\" (click)=\"onAccept()\">\u05D0\u05E0\u05D9 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n        <button class=\"decline-button\" (click)=\"onDecline()\">\u05D0\u05E0\u05D9 \u05DC\u05D0 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n      </div>\n    </div>\n</div>\n", styles: [".privacy-modal{padding:2em;background:#fff;border-radius:8px;position:fixed;z-index:10000000000000;bottom:0;left:0;right:0;height:25vh;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .3s ease-in-out}.privacy-modal.open{transform:translateY(0);transition:transform .3s ease-in-out}.modal-content{width:40vw;text-align:right}.privacy-modal h2{margin-top:0;text-align:right;font-size:2.1vw;color:#6b4f3b}.privacy-modal p{font-size:1.3vw;color:#6b4f3b}.button-container{display:flex;justify-content:flex-end;margin-top:20px}.button-container button{border:0;margin-inline-start:15px;font-size:1vw}.button-container .accept-button{background:#6b4f3b;color:#fff;padding:.5em 1em;border-radius:4px;cursor:pointer}.button-container .accept-button:hover{background:#5b4332}.button-container .decline-button{background:transparent;color:#6b4f3b;padding:0;cursor:pointer;border-bottom:1px solid #fff}.button-container .decline-button:hover{border-bottom:1px solid #6b4f3b}@media (max-width: 768px){.privacy-modal h2{font-size:8.2vw}.privacy-modal p{font-size:4.2vw}.privacy-modal .modal-content{width:80vw}.privacy-modal .button-container button{font-size:3.2vw}}\n"] }]
-        }], ctorParameters: () => [{ type: PrivacyModalService }, { type: ConsentService }] });
-
-class WebSettingsService {
-    constructor(httpClient, environment) {
-        this.httpClient = httpClient;
-        this.environment = environment;
-    }
-    getSettings() {
-        // If the server injected a runtime config (window.__APP_CONFIG) use that first,
-        // otherwise fall back to the compile-time environment.HOST.
-        const runtimeHost = (typeof window !== 'undefined' && window.__APP_CONFIG && window.__APP_CONFIG.HOST) ? window.__APP_CONFIG.HOST : this.environment.HOST;
-        return this.httpClient.get(`${runtimeHost}web/settings`);
-    }
-    configArrayToObject(arr) {
-        return arr.reduce((acc, item) => {
-            acc[item.key] = item.value;
-            return acc;
-        }, {});
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WebSettingsService, deps: [{ token: i1$1.HttpClient }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WebSettingsService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WebSettingsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ENVIRONMENT]
-                }] }] });
-
-class ContentService {
-    constructor(httpClient, environment) {
-        this.httpClient = httpClient;
-        this.environment = environment;
-        this.appContent = {};
-    }
-    getContent(contentName, id) {
-        if (this.appContent[contentName] && this.appContent[contentName].length) {
-            if (id) {
-                return of(this.findOne(this.appContent[contentName], id));
-            }
-            return of(this.appContent[contentName]);
-        }
-        return this.httpClient.get(`${this.environment.HOST}${contentName}`).pipe(map((content) => {
-            if (contentName == this.environment.contentResource.SERVICES || contentName == this.environment.contentResource.PROJECTS) {
-                content = content.map((item) => {
-                    item.id = item.name.replace(/ /g, "_");
-                    //item._id= item.name.replace(/ /g,"_");
-                    return item;
-                });
-            }
-            this.appContent[contentName] = content;
-            if (id) {
-                return this.findOne(this.appContent[contentName], id);
-            }
-            return content;
-        }));
-    }
-    findOne(arr, id) {
-        for (let i = 0; i < arr.length; i++) {
-            if (arr[i].id == id) {
-                return arr[i];
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentService, deps: [{ token: i1$1.HttpClient }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ENVIRONMENT]
-                }] }] });
-
-const ENVIRONMENT = new InjectionToken('environment');
-class CMSClientInfraModule {
-    static forRoot(environment) {
-        return {
-            ngModule: CMSClientInfraModule,
-            providers: [
-                { provide: ENVIRONMENT, useValue: environment },
-                ConsentService,
-                ContentService,
-                CookieService,
-                WebSettingsService,
-                PrivacyModalService
-            ]
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, declarations: [PrivacyModalComponent], imports: [CommonModule], exports: [PrivacyModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PrivacyModalComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [PrivacyModalComponent]
-                }]
-        }] });
-
-class AnalyticsService {
-    constructor(platformId) {
-        this.platformId = platformId;
-        this.gaScriptId = 'google-analytics-script';
-    }
-    applyGoogleAnalytics(appId) {
-        if (!isPlatformBrowser(this.platformId))
-            return;
-        // 1. Establish the dataLayer and the CORRECT gtag function stub
-        const win = window;
-        win.dataLayer = win.dataLayer || [];
-        // CRITICAL FIX: The Google library requires the special 'arguments' object, 
-        // NOT a standard array spread [...args]. 
-        if (!win.gtag) {
-            win.gtag = function () {
-                win.dataLayer.push(arguments);
-            };
-        }
-        // 2. Queue initial commands immediately (even before script loads)
-        win.gtag('js', new Date());
-        win.gtag('config', appId);
-        // 3. Load the script if not already present
-        if (!document.getElementById(this.gaScriptId)) {
-            const script = document.createElement('script');
-            script.id = this.gaScriptId;
-            script.async = true;
-            script.src = `https://www.googletagmanager.com/gtag/js?id=${appId}`;
-            script.onload = () => {
-                console.log('[Analytics] gtag.js script loaded and ready');
-            };
-            script.onerror = (e) => console.error('[Analytics] gtag.js failed to load', e);
-            document.head.appendChild(script);
-        }
-    }
-    // Helper to send events from your components
-    sendEvent(eventName, params = {}) {
-        if (isPlatformBrowser(this.platformId) && window.gtag) {
-            window.gtag('event', eventName, params);
-        }
-    }
-    // Synchronous page view sender that won't rely on internal ready Promise
-    sendPageView(path) {
-        if (!isPlatformBrowser(this.platformId))
-            return;
-        const win = window;
-        try {
-            if (win && win.gtag) {
-                // Prefer gtag when available
-                win.gtag('event', 'page_view', { page_path: path });
-                return;
-            }
-            // Fallback: ensure dataLayer exists and push a native arguments-like object
-            win.dataLayer = win.dataLayer || [];
-            // Use a plain object that resembles gtag's usage if gtag not present
-            win.dataLayer.push({ event: 'page_view', page_path: path });
-        }
-        catch (err) {
-            console.warn('[Analytics] sendPageView failed', err);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AnalyticsService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AnalyticsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AnalyticsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
-
 const IS_PREVIEW = new InjectionToken('IS_PREVIEW');
-const IOX_BUILDER_EVENTS = new InjectionToken('IOX_BUILDER_EVENTS');
-
-class BuilderImageComponent {
-    constructor() {
-        this.src = 'https://placehold.co/600x400?text=Image';
-        this.alt = 'Image';
-        this.objectFit = 'cover';
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderImageComponent, isStandalone: false, selector: "app-builder-image", inputs: { src: "src", alt: "alt", objectFit: "objectFit", nodeId: "nodeId" }, ngImport: i0, template: `
-        <img [src]="src" [alt]="alt" [ngClass]="'iox-node-' + nodeId" [style.object-fit]="objectFit" />
-    `, isInline: true, styles: ["img{display:block;max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderImageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-image', template: `
-        <img [src]="src" [alt]="alt" [ngClass]="'iox-node-' + nodeId" [style.object-fit]="objectFit" />
-    `, standalone: false, styles: ["img{display:block;max-width:100%}\n"] }]
-        }], propDecorators: { src: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], objectFit: [{
-                type: Input
-            }], nodeId: [{
-                type: Input
-            }] } });
-
-class BuilderSpacerComponent {
-    constructor() {
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderSpacerComponent, isStandalone: false, selector: "app-builder-spacer", inputs: { nodeId: "nodeId" }, ngImport: i0, template: `<div class="iox-spacer" [ngClass]="'iox-node-' + nodeId"></div>`, isInline: true, styles: [".iox-spacer{display:block;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderSpacerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-spacer', template: `<div class="iox-spacer" [ngClass]="'iox-node-' + nodeId"></div>`, standalone: false, styles: [".iox-spacer{display:block;flex-shrink:0}\n"] }]
-        }], propDecorators: { nodeId: [{
-                type: Input
-            }] } });
-
-class CardComponent {
-    constructor() {
-        this.title = '';
-        this.image = '';
-        this.description = '';
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CardComponent, isStandalone: false, selector: "app-card", inputs: { title: "title", image: "image", description: "description", nodeId: "nodeId" }, ngImport: i0, template: `
-        <div class="card" [ngClass]="'iox-node-' + nodeId">
-            <div class="image-wrapper">
-                <img [src]="image" alt="Card image" class="card-img">
-            </div>
-            <h2>{{ title }}</h2>
-            <p>{{ description }}</p>
-        </div>
-    `, isInline: true, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:.75rem}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 .5rem;font-size:1.2rem}\n", "p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-card', template: `
-        <div class="card" [ngClass]="'iox-node-' + nodeId">
-            <div class="image-wrapper">
-                <img [src]="image" alt="Card image" class="card-img">
-            </div>
-            <h2>{{ title }}</h2>
-            <p>{{ description }}</p>
-        </div>
-    `, standalone: false, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:.75rem}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 .5rem;font-size:1.2rem}\n", "p{margin:0}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], image: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], nodeId: [{
-                type: Input
-            }] } });
-
-class BuilderDividerComponent {
-    constructor() {
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderDividerComponent, isStandalone: false, selector: "app-builder-divider", inputs: { nodeId: "nodeId" }, ngImport: i0, template: `<div class="iox-divider" [ngClass]="'iox-node-' + nodeId"></div>`, isInline: true, styles: [".iox-divider{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderDividerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-divider', template: `<div class="iox-divider" [ngClass]="'iox-node-' + nodeId"></div>`, standalone: false, styles: [".iox-divider{box-sizing:border-box}\n"] }]
-        }], propDecorators: { nodeId: [{
-                type: Input
-            }] } });
-
-class BuilderIconComponent {
-    constructor() {
-        /** Full Phosphor icon CSS class string, e.g. "ph-thin ph-star" */
-        this.iconClass = 'ph-thin ph-star';
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderIconComponent, isStandalone: false, selector: "app-builder-icon", inputs: { iconClass: "iconClass", nodeId: "nodeId" }, ngImport: i0, template: `<i [ngClass]="[iconClass, 'iox-node-' + nodeId]"></i>`, isInline: true, styles: ["i{display:inline-block;line-height:1}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-icon', template: `<i [ngClass]="[iconClass, 'iox-node-' + nodeId]"></i>`, standalone: false, styles: ["i{display:inline-block;line-height:1}\n"] }]
-        }], propDecorators: { iconClass: [{
-                type: Input
-            }], nodeId: [{
-                type: Input
-            }] } });
-
-class BuilderLinkComponent {
-    constructor(isPreview) {
-        this.isPreview = isPreview;
-        this.label = 'Click here';
-        this.linkType = 'external';
-        this.url = 'https://';
-        this.pageRoute = '';
-        this.target = '_self';
-        this.style = {};
-    }
-    get resolvedHref() {
-        if (this.linkType !== 'page')
-            return this.url || '#';
-        return this.pageRoute || '#';
-    }
-    onLinkClick(event) {
-        if (!this.isPreview) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderLinkComponent, deps: [{ token: IS_PREVIEW, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderLinkComponent, isStandalone: false, selector: "app-builder-link", inputs: { label: "label", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target", style: "style" }, ngImport: i0, template: `
-        <a [href]="isPreview ? resolvedHref : null"
-           [attr.target]="isPreview ? target : null"
-           [ngStyle]="style"
-           [style.pointerEvents]="isPreview ? '' : 'none'"
-           class="builder-link"
-           (click)="onLinkClick($event)">
-            {{ label }}
-        </a>
-    `, isInline: true, styles: [".builder-link{display:inline;cursor:pointer;color:inherit}\n"], dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-link', template: `
-        <a [href]="isPreview ? resolvedHref : null"
-           [attr.target]="isPreview ? target : null"
-           [ngStyle]="style"
-           [style.pointerEvents]="isPreview ? '' : 'none'"
-           class="builder-link"
-           (click)="onLinkClick($event)">
-            {{ label }}
-        </a>
-    `, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".builder-link{display:inline;cursor:pointer;color:inherit}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IS_PREVIEW]
-                }] }], propDecorators: { label: [{
-                type: Input
-            }], linkType: [{
-                type: Input
-            }], url: [{
-                type: Input
-            }], pageRoute: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }] } });
-
-class BuilderButtonComponent {
-    constructor(events) {
-        this.events = events;
-        this.label = 'Click me';
-        this.link = '#';
-        this.variant = 'primary';
-        this.nodeId = '';
-        this.node = null;
-        this.editing = false;
-    }
-    ngOnInit() { }
-    startEdit(event) {
-        if (this.isBound('label'))
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        this.editing = true;
-        setTimeout(() => event.target.focus());
-    }
-    commitEdit(event) {
-        if (!this.editing)
-            return;
-        this.editing = false;
-        const newValue = event.target.innerText.trim();
-        this.label = newValue;
-        this.syncTraitToPanel('label', newValue);
-    }
-    onKeyDown(event) {
-        if (event.key === 'Enter') {
-            event.preventDefault();
-            event.target.blur();
-        }
-        if (event.key === 'Escape') {
-            this.editing = false;
-            event.target.blur();
-        }
-        event.stopPropagation();
-    }
-    isBound(prop) {
-        return (this.node?.bindings || []).some(b => b.prop === prop);
-    }
-    syncTraitToPanel(prop, value) {
-        if (!this.node || !this.events)
-            return;
-        const trait = (this.node.traits || []).find(t => t.name === prop);
-        if (trait) {
-            trait.default = value;
-        }
-        this.events.emit('elementselect', { node: this.node, componentRef: null });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderButtonComponent, deps: [{ token: IOX_BUILDER_EVENTS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderButtonComponent, isStandalone: false, selector: "app-builder-button", inputs: { label: "label", link: "link", variant: "variant", nodeId: "nodeId", node: "node" }, ngImport: i0, template: `
-        <a [href]="link" class="builder-btn" [ngClass]="['variant-' + variant, 'iox-node-' + nodeId]"
-           [attr.contenteditable]="editing ? 'true' : null"
-           (dblclick)="startEdit($event)"
-           (blur)="commitEdit($event)"
-           (keydown)="onKeyDown($event)">
-            {{ label }}
-        </a>
-    `, isInline: true, styles: [".builder-btn{display:inline-block;padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;text-decoration:none;cursor:pointer;text-align:center;transition:opacity .15s}.variant-primary{background:#cb9090;color:#fff;border:1px solid #cb9090}.variant-outlined{background:transparent;color:#cb9090;border:1px solid #cb9090}.variant-text{background:transparent;color:#cb9090;border:1px solid transparent}[contenteditable]{outline:2px solid #cb9090;cursor:text}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-button', template: `
-        <a [href]="link" class="builder-btn" [ngClass]="['variant-' + variant, 'iox-node-' + nodeId]"
-           [attr.contenteditable]="editing ? 'true' : null"
-           (dblclick)="startEdit($event)"
-           (blur)="commitEdit($event)"
-           (keydown)="onKeyDown($event)">
-            {{ label }}
-        </a>
-    `, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".builder-btn{display:inline-block;padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;text-decoration:none;cursor:pointer;text-align:center;transition:opacity .15s}.variant-primary{background:#cb9090;color:#fff;border:1px solid #cb9090}.variant-outlined{background:transparent;color:#cb9090;border:1px solid #cb9090}.variant-text{background:transparent;color:#cb9090;border:1px solid transparent}[contenteditable]{outline:2px solid #cb9090;cursor:text}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IOX_BUILDER_EVENTS]
-                }] }], propDecorators: { label: [{
-                type: Input
-            }], link: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], nodeId: [{
-                type: Input
-            }], node: [{
-                type: Input
-            }] } });
-
-class BuilderHeadingComponent {
-    constructor(events, cdr) {
-        this.events = events;
-        this.cdr = cdr;
-        this.content = 'Heading';
-        this.level = 'h2';
-        this.nodeId = '';
-        this.node = null;
-        this.editing = false;
-    }
-    ngOnInit() { }
-    onMouseDown(event) {
-        if (this.editing) {
-            event.stopPropagation();
-        }
-    }
-    startEdit(event) {
-        if (this.isBound('content'))
-            return;
-        event.stopPropagation();
-        this.editing = true;
-        this.cdr.detectChanges();
-        this.cdr.detach();
-        const el = event.target;
-        setTimeout(() => { el.focus(); });
-    }
-    commitEdit(event) {
-        if (!this.editing)
-            return;
-        this.editing = false;
-        const newValue = event.target.innerText;
-        this.content = newValue;
-        this.cdr.reattach();
-        this.syncTraitToPanel('content', newValue);
-    }
-    onKeyDown(event) {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            event.target.blur();
-        }
-        if (event.key === 'Escape') {
-            this.editing = false;
-            this.cdr.reattach();
-            event.target.blur();
-        }
-        event.stopPropagation();
-    }
-    isBound(prop) {
-        return (this.node?.bindings || []).some(b => b.prop === prop);
-    }
-    syncTraitToPanel(prop, value) {
-        if (!this.node || !this.events)
-            return;
-        const trait = (this.node.traits || []).find(t => t.name === prop);
-        if (trait) {
-            trait.default = value;
-        }
-        this.events.emit('elementselect', { node: this.node, componentRef: null, isCanvasUpdate: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderHeadingComponent, deps: [{ token: IOX_BUILDER_EVENTS, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BuilderHeadingComponent, isStandalone: false, selector: "app-builder-heading", inputs: { content: "content", level: "level", nodeId: "nodeId", node: "node" }, ngImport: i0, template: `
-        <ng-container [ngSwitch]="level">
-            <h1 *ngSwitchCase="'h1'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h1>
-            <h2 *ngSwitchCase="'h2'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h2>
-            <h3 *ngSwitchCase="'h3'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h3>
-            <h4 *ngSwitchCase="'h4'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h4>
-            <h5 *ngSwitchCase="'h5'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h5>
-            <h6 *ngSwitchDefault   [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h6>
-        </ng-container>
-    `, isInline: true, styles: ["h1,h2,h3,h4,h5,h6{margin:0}[contenteditable]{outline:none;cursor:text}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BuilderHeadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-builder-heading', template: `
-        <ng-container [ngSwitch]="level">
-            <h1 *ngSwitchCase="'h1'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h1>
-            <h2 *ngSwitchCase="'h2'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h2>
-            <h3 *ngSwitchCase="'h3'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h3>
-            <h4 *ngSwitchCase="'h4'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h4>
-            <h5 *ngSwitchCase="'h5'" [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h5>
-            <h6 *ngSwitchDefault   [ngClass]="'iox-node-' + nodeId"
-                [attr.contenteditable]="editing ? 'true' : null"
-                (mousedown)="onMouseDown($event)"
-                (dblclick)="startEdit($event)" (blur)="commitEdit($event)" (keydown)="onKeyDown($event)">{{ content }}</h6>
-        </ng-container>
-    `, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["h1,h2,h3,h4,h5,h6{margin:0}[contenteditable]{outline:none;cursor:text}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IOX_BUILDER_EVENTS]
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { content: [{
-                type: Input
-            }], level: [{
-                type: Input
-            }], nodeId: [{
-                type: Input
-            }], node: [{
-                type: Input
-            }] } });
-
-class TextBlockComponent {
-    constructor(events, cdr) {
-        this.events = events;
-        this.cdr = cdr;
-        this.content = 'Enter text here';
-        this.tag = 'p';
-        this.style = {};
-        this.nodeId = '';
-        this.node = null;
-        this.editing = false;
-    }
-    ngOnInit() { }
-    onMouseDown(event) {
-        if (this.editing) {
-            event.stopPropagation();
-        }
-    }
-    startEdit(event) {
-        if (this.isBound('content'))
-            return;
-        event.stopPropagation();
-        this.editing = true;
-        this.cdr.detectChanges();
-        this.cdr.detach();
-        const el = event.target;
-        setTimeout(() => { el.focus(); });
-    }
-    commitEdit(event) {
-        if (!this.editing)
-            return;
-        this.editing = false;
-        const newValue = event.target.innerText;
-        this.content = newValue;
-        this.cdr.reattach();
-        this.syncTraitToPanel('content', newValue);
-    }
-    onKeyDown(event) {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            event.target.blur();
-        }
-        if (event.key === 'Escape') {
-            this.editing = false;
-            this.cdr.reattach();
-            event.target.blur();
-        }
-        event.stopPropagation();
-    }
-    isBound(prop) {
-        return (this.node?.bindings || []).some(b => b.prop === prop);
-    }
-    syncTraitToPanel(prop, value) {
-        if (!this.node || !this.events)
-            return;
-        const trait = (this.node.traits || []).find(t => t.name === prop);
-        if (trait) {
-            trait.default = value;
-        }
-        this.events.emit('elementselect', { node: this.node, componentRef: null, isCanvasUpdate: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TextBlockComponent, deps: [{ token: IOX_BUILDER_EVENTS, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TextBlockComponent, isStandalone: false, selector: "app-text-block", inputs: { content: "content", tag: "tag", style: "style", nodeId: "nodeId", node: "node" }, ngImport: i0, template: `
-        <ng-container [ngSwitch]="tag">
-            <p *ngSwitchDefault
-               [ngClass]="'iox-node-' + nodeId"
-               [attr.contenteditable]="editing ? 'true' : null"
-               (mousedown)="onMouseDown($event)"
-               (dblclick)="startEdit($event)"
-               (blur)="commitEdit($event)"
-               (keydown)="onKeyDown($event)">{{ content }}</p>
-            <span *ngSwitchCase="'span'"
-               [ngClass]="'iox-node-' + nodeId"
-               [attr.contenteditable]="editing ? 'true' : null"
-               (mousedown)="onMouseDown($event)"
-               (dblclick)="startEdit($event)"
-               (blur)="commitEdit($event)"
-               (keydown)="onKeyDown($event)">{{ content }}</span>
-        </ng-container>
-    `, isInline: true, styles: ["p,span{margin:0}[contenteditable]{outline:none;cursor:text}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TextBlockComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-text-block', template: `
-        <ng-container [ngSwitch]="tag">
-            <p *ngSwitchDefault
-               [ngClass]="'iox-node-' + nodeId"
-               [attr.contenteditable]="editing ? 'true' : null"
-               (mousedown)="onMouseDown($event)"
-               (dblclick)="startEdit($event)"
-               (blur)="commitEdit($event)"
-               (keydown)="onKeyDown($event)">{{ content }}</p>
-            <span *ngSwitchCase="'span'"
-               [ngClass]="'iox-node-' + nodeId"
-               [attr.contenteditable]="editing ? 'true' : null"
-               (mousedown)="onMouseDown($event)"
-               (dblclick)="startEdit($event)"
-               (blur)="commitEdit($event)"
-               (keydown)="onKeyDown($event)">{{ content }}</span>
-        </ng-container>
-    `, standalone: false, styles: ["p,span{margin:0}[contenteditable]{outline:none;cursor:text}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IOX_BUILDER_EVENTS]
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { content: [{
-                type: Input
-            }], tag: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], nodeId: [{
-                type: Input
-            }], node: [{
-                type: Input
-            }] } });
-
-class SectionComponent {
-    constructor() {
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SectionComponent, isStandalone: false, selector: "iox-section", inputs: { nodeId: "nodeId" }, viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-        <div class="section-root" [ngClass]="['iox-node-' + nodeId]">
-            <ng-container #childrenHost></ng-container>
-        </div>
-    `, isInline: true, styles: [".section-root{position:relative;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'iox-section', template: `
-        <div class="section-root" [ngClass]="['iox-node-' + nodeId]">
-            <ng-container #childrenHost></ng-container>
-        </div>
-    `, standalone: false, styles: [".section-root{position:relative;box-sizing:border-box}\n"] }]
-        }], propDecorators: { nodeId: [{
-                type: Input
-            }], childrenHost: [{
-                type: ViewChild,
-                args: ['childrenHost', { read: ViewContainerRef, static: true }]
-            }] } });
-
-class ContainerComponent {
-    constructor() {
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ContainerComponent, isStandalone: false, selector: "iox-container", inputs: { nodeId: "nodeId" }, viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-        <div class="container-root" [ngClass]="['iox-node-' + nodeId]">
-            <ng-container #childrenHost></ng-container>
-        </div>
-    `, isInline: true, styles: [".container-root{position:relative;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'iox-container', template: `
-        <div class="container-root" [ngClass]="['iox-node-' + nodeId]">
-            <ng-container #childrenHost></ng-container>
-        </div>
-    `, standalone: false, styles: [".container-root{position:relative;box-sizing:border-box}\n"] }]
-        }], propDecorators: { nodeId: [{
-                type: Input
-            }], childrenHost: [{
-                type: ViewChild,
-                args: ['childrenHost', { read: ViewContainerRef, static: true }]
-            }] } });
-
-class LinkedContainerComponent {
-    constructor(elRef, isPreview) {
-        this.elRef = elRef;
-        this.isPreview = isPreview;
-        this.nodeId = '';
-        this.linkType = 'external';
-        this.url = 'https://';
-        this.pageRoute = '';
-        this.target = '_self';
-        this.capturePreventDefault = (e) => e.preventDefault();
-    }
-    ngOnInit() {
-        if (!this.isPreview) {
-            this.elRef.nativeElement.addEventListener('click', this.capturePreventDefault, true);
-        }
-    }
-    ngOnDestroy() {
-        if (!this.isPreview) {
-            this.elRef.nativeElement.removeEventListener('click', this.capturePreventDefault, true);
-        }
-    }
-    get resolvedHref() {
-        if (this.linkType !== 'page')
-            return this.url || '#';
-        return this.pageRoute || '#';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LinkedContainerComponent, deps: [{ token: i0.ElementRef }, { token: IS_PREVIEW, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LinkedContainerComponent, isStandalone: false, selector: "iox-linked-container", inputs: { nodeId: "nodeId", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target" }, viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-        <a [href]="resolvedHref"
-           [target]="target"
-           [ngClass]="['iox-node-' + nodeId]"
-           class="linked-container-root">
-            <ng-container #childrenHost></ng-container>
-        </a>
-    `, isInline: true, styles: [".linked-container-root{display:block;position:relative;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LinkedContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'iox-linked-container', template: `
-        <a [href]="resolvedHref"
-           [target]="target"
-           [ngClass]="['iox-node-' + nodeId]"
-           class="linked-container-root">
-            <ng-container #childrenHost></ng-container>
-        </a>
-    `, standalone: false, styles: [".linked-container-root{display:block;position:relative;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IS_PREVIEW]
-                }] }], propDecorators: { nodeId: [{
-                type: Input
-            }], linkType: [{
-                type: Input
-            }], url: [{
-                type: Input
-            }], pageRoute: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], childrenHost: [{
-                type: ViewChild,
-                args: ['childrenHost', { read: ViewContainerRef, static: true }]
-            }] } });
-
-/**
- * Client-engine repeater shell. Data fetching and item expansion are handled
- * by DataSourceResolverService + BindingApplicatorService in the PageResolver
- * before this component is rendered. ClientRenderDirective inserts one child
- * per resolved item into childrenHost.
- */
-class ClientRepeaterComponent {
-    constructor() {
-        this.nodeId = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ClientRepeaterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ClientRepeaterComponent, isStandalone: false, selector: "iox-repeater", inputs: { nodeId: "nodeId" }, viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-        <div class="repeater-root" [ngClass]="['iox-node-' + nodeId]">
-            <ng-container #childrenHost></ng-container>
-        </div>
-    `, isInline: true, styles: [".repeater-root{position:relative;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ClientRepeaterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'iox-repeater', template: `
-        <div class="repeater-root" [ngClass]="['iox-node-' + nodeId]">
-            <ng-container #childrenHost></ng-container>
-        </div>
-    `, standalone: false, styles: [".repeater-root{position:relative;box-sizing:border-box}\n"] }]
-        }], propDecorators: { nodeId: [{
-                type: Input
-            }], childrenHost: [{
-                type: ViewChild,
-                args: ['childrenHost', { read: ViewContainerRef, static: true }]
-            }] } });
-
-const COMPONENTS = [
-    BuilderImageComponent,
-    BuilderSpacerComponent,
-    CardComponent,
-    BuilderDividerComponent,
-    BuilderIconComponent,
-    BuilderLinkComponent,
-    BuilderButtonComponent,
-    BuilderHeadingComponent,
-    TextBlockComponent,
-    SectionComponent,
-    ContainerComponent,
-    LinkedContainerComponent,
-    ClientRepeaterComponent,
-];
-class IoxBuilderComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxBuilderComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IoxBuilderComponentsModule, declarations: [BuilderImageComponent,
-            BuilderSpacerComponent,
-            CardComponent,
-            BuilderDividerComponent,
-            BuilderIconComponent,
-            BuilderLinkComponent,
-            BuilderButtonComponent,
-            BuilderHeadingComponent,
-            TextBlockComponent,
-            SectionComponent,
-            ContainerComponent,
-            LinkedContainerComponent,
-            ClientRepeaterComponent], imports: [CommonModule], exports: [BuilderImageComponent,
-            BuilderSpacerComponent,
-            CardComponent,
-            BuilderDividerComponent,
-            BuilderIconComponent,
-            BuilderLinkComponent,
-            BuilderButtonComponent,
-            BuilderHeadingComponent,
-            TextBlockComponent,
-            SectionComponent,
-            ContainerComponent,
-            LinkedContainerComponent,
-            ClientRepeaterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxBuilderComponentsModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxBuilderComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: COMPONENTS,
-                    imports: [CommonModule],
-                    exports: COMPONENTS,
-                }]
-        }] });
-
-/**
- * Single source of truth for the IOX component type → Angular class mapping.
- * Used by the client engine (iox-client-engine) to resolve component classes
- * from IoxLayoutNode.type strings at render time.
- *
- * All 13 builder components are registered here:
- * - Leaf (Phase 2a): Image, Spacer, Card, Divider, Icon
- * - Inline-editable (Phase 2b): Link, Button, Heading, Text
- * - Layout shells (Phase 2c): Section, Container, LinkedContainer
- * - Repeater (Phase 2d): ClientRepeaterComponent
- *
- * Section/Container/LinkedContainer/Repeater expose childrenHost: ViewContainerRef
- * for ClientRenderDirective to insert child components into.
- */
-class IoxComponentRegistryService {
-    constructor() {
-        this.map = new Map([
-            ['Image', BuilderImageComponent],
-            ['Spacer', BuilderSpacerComponent],
-            ['Card', CardComponent],
-            ['Divider', BuilderDividerComponent],
-            ['Icon', BuilderIconComponent],
-            ['Link', BuilderLinkComponent],
-            ['Button', BuilderButtonComponent],
-            ['Heading', BuilderHeadingComponent],
-            ['Text', TextBlockComponent],
-            ['Section', SectionComponent],
-            ['Container', ContainerComponent],
-            ['LinkedContainer', LinkedContainerComponent],
-            ['Repeater', ClientRepeaterComponent],
-        ]);
-    }
-    getComponent(type) {
-        return this.map.get(type);
-    }
-    hasComponent(type) {
-        return this.map.has(type);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxComponentRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxComponentRegistryService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxComponentRegistryService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
 
 /*
  * Public API Surface of iox-ui
@@ -1733,5 +136,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, CMSClientInfraModule, CardComponent, ClientRepeaterComponent, ConsentService, ContainerComponent, ContentService, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SectionComponent, TextBlockComponent, ViewPositionDirective, ViewPositionModule, WebSettingsService };
+export { IS_PREVIEW, IoxPageComponent, IoxPageModule, IoxUi, PageScrollProvider };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map