@vectoriox/iox-ui 4.0.2

package/README.md

@@ -0,0 +1,149 @@
+# iox-ui — UI component library
+
+This package contains shared UI components, directives and services used across IOX apps. It is built as an Angular library and exported from the `projects/iox-ui` package.
+
+## Overview
+- Modular components: `IoxUiModule` aggregates smaller modules (AOS, Masonry, Page, ViewPosition).
+- Individual modules are available and can be imported on demand.
+- Includes a `PageScrollProvider` service (module-scoped) that wraps the Lenis smooth-scrolling library.
+
+## Installation
+Install the library in your application or workspace (published package name: `@iox-dev/iox-ui`):
+
+```bash
+npm install @iox-dev/iox-ui
+```
+
+Note: this library depends on `lenis` for the `PageScrollProvider`. The workspace version uses `lenis` as a dependency; consumers installing the published package will get it automatically.
+
+## Public API / Exports
+The library exports (important list):
+
+- `IoxUiModule` — umbrella module that re-exports submodules
+- `IoxPageModule` / `IoxPageComponent` — page wrapper with scroll events
+- `IoxAosModule` / `iox-aos` directive and container component — animation-on-scroll helpers
+- `IoxMasonryModule` — masonry layout helpers
+- `ViewPositionModule` / `ViewPositionDirective` — viewport position utilities
+- `PageScrollProvider` service — Lenis wrapper (module-scoped)
+
+Refer to `projects/iox-ui/src/public-api.ts` for the full list of exported symbols.
+
+## Usage
+
+Import the umbrella module or individual modules in your application module:
+
+```ts
+import { IoxUiModule } from '@iox-dev/iox-ui';
+
+@NgModule({
+  imports: [IoxUiModule]
+})
+export class AppModule {}
+```
+
+Or import only the page module if you only need the page component and scroll provider:
+
+```ts
+import { IoxPageModule } from '@iox-dev/iox-ui';
+
+@NgModule({
+  imports: [IoxPageModule]
+})
+export class SomeModule {}
+```
+
+### IoxPageComponent
+- **Selector:** `iox-page-component`
+- **Inputs:**
+  - `class: string` — CSS classes applied to the outer wrapper.
+- **Outputs:**
+  - `scrollEvent` — emits an object with `scrollTop`, `scrollLeft`, `scrollHeight`, `scrollWidth`, `clientHeight`, `clientWidth`, `scrollPercentage`.
+
+Example:
+
+```html
+<iox-page-component class="my-page">
+  <div>Page content here</div>
+</iox-page-component>
+```
+
+If you need to access the scrolling API programmatically, inject `PageScrollProvider` in a component that belongs to a module that imports `IoxPageModule` (the provider is module-scoped and provided by `IoxPageModule`):
+
+```ts
+constructor(private pageScroll: PageScrollProvider) {}
+
+ngAfterViewInit() {
+  this.pageScroll.init({ wrapper: someEl });
+}
+```
+
+## Services
+
+- `PageScrollProvider` — wraps Lenis. Note: it is provided in `IoxPageModule` providers, so it's available only when the module is imported. This prevents the service from being visible globally unless explicitly included.
+
+## Development
+
+Build the workspace and library:
+
+```bash
+cd /path/to/repo/iox-ui
+npm install
+npm run build
+```
+
+Run the unit tests (if configured):
+
+```bash
+npm test
+```
+
+## Publishing
+The repo includes GitHub Actions workflows to build and publish the library. The publishing workflow will:
+
+- Build the library
+- Bump the patch version automatically
+- Commit the bumped version to `projects/iox-ui/package.json` and push to `main`
+- Publish the package to npm (requires `NPM_TOKEN` secret)
+
+If you prefer manual control of the version, use the manual publish workflow or publish locally (see `CONTRIBUTING` below).
+
+## Contributing
+
+1. Create a feature branch from `main`.
+2. Add tests and ensure `npm run build` and `npm test` pass.
+3. Open a Pull Request — CI will build the library.
+
+If you add services that should be module-scoped, register them in the module `providers` array to keep DI scoping predictable.
+
+## Troubleshooting
+
+- If you see `Cannot find module 'lenis'` at runtime, ensure `lenis` is installed in the consuming project (it should be in the published package dependencies). Locally run `npm install lenis`.
+- Sass `@import` deprecation warnings are present in the workspace styles; consider migrating to `@use`/`@forward`.
+
+---
+
+For more details, inspect `projects/iox-ui/src/public-api.ts` and the module files under `projects/iox-ui/src/lib/`.
+# IoxUi
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project iox-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project iox-ui`.
+> Note: Don't forget to add `--project iox-ui` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build iox-ui` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build iox-ui`, go to the dist folder `cd dist/iox-ui` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test iox-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/fesm2022/vectoriox-iox-ui.mjs

@@ -0,0 +1,616 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, forwardRef, Inject } from '@angular/core';
+import * as i2 from '@angular/animations';
+import { style, animate } from '@angular/animations';
+import { Subject, fromEvent } from 'rxjs';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { Masonry } from '@fristys/masonry';
+import { BrowserModule } from '@angular/platform-browser';
+import { CommonModule } from '@angular/common';
+import Lenis from 'lenis';
+
+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 PageScrollProvider {
+    init(options) {
+        if (this.lenis) {
+            this.lenis.destroy();
+        }
+        if (this.rafId != null) {
+            cancelAnimationFrame(this.rafId);
+        }
+        this.lenis = new Lenis(options || {});
+        this.startLoop();
+    }
+    scrollTo(y, options) {
+        this.instance.scrollTo(y, options);
+    }
+    scrollToTop(options) {
+        this.scrollTo(0, options);
+    }
+    get instance() {
+        if (!this.lenis) {
+            throw new Error('PageScrollProvider: call init() before accessing the instance.');
+        }
+        return this.lenis;
+    }
+    startLoop() {
+        if (!this.lenis) {
+            return;
+        }
+        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: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider, decorators: [{
+            type: Injectable
+        }] });
+
+class IoxPageComponent {
+    constructor(pageScrollProvider) {
+        this.pageScrollProvider = pageScrollProvider;
+        this.class = '';
+        this.scrollEvent = new EventEmitter();
+    }
+    ngAfterViewInit() {
+        if (this.page) {
+            this.scrollSubscription = fromEvent(this.page.nativeElement, 'scroll').subscribe((event) => {
+                this.onScroll(event);
+            });
+            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() {
+        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 }], 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" }, 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: [{
+            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 }], propDecorators: { class: [{
+                type: Input
+            }], page: [{
+                type: ViewChild,
+                args: ['page']
+            }], scrollEvent: [{
+                type: Output
+            }] } });
+
+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] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [IoxPageComponent],
+                    exports: [IoxPageComponent],
+                    providers: [PageScrollProvider]
+                }]
+        }] });
+
+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]
+                }]
+        }] });
+
+/*
+ * Public API Surface of iox-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AOSService, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, PageScrollProvider, ViewPositionDirective, ViewPositionModule };
+//# sourceMappingURL=vectoriox-iox-ui.mjs.map

package/fesm2022/vectoriox-iox-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vectoriox-iox-ui.mjs","sources":["../../../projects/iox-ui/src/lib/view-position/view-position.directive.ts","../../../projects/iox-ui/src/lib/view-position/view-position.module.ts","../../../projects/iox-ui/src/lib/iox-aos/iox-aos-animations.ts","../../../projects/iox-ui/src/lib/iox-aos/iox-aos.service.ts","../../../projects/iox-ui/src/lib/iox-aos/iox-aos-container.component.ts","../../../projects/iox-ui/src/lib/iox-aos/iox-aos.directive.ts","../../../projects/iox-ui/src/lib/iox-aos/iox-aos.module.ts","../../../projects/iox-ui/src/lib/iox-masonry/iox-masonry.service.ts","../../../projects/iox-ui/src/lib/iox-masonry/iox-masonry.component.ts","../../../projects/iox-ui/src/lib/iox-masonry/iox-masonry-item.directive.ts","../../../projects/iox-ui/src/lib/iox-masonry/iox-masonry.module.ts","../../../projects/iox-ui/src/lib/services/page-scroll.provider.ts","../../../projects/iox-ui/src/lib/iox-page/page-component/page-component.component.ts","../../../projects/iox-ui/src/lib/iox-page/page-component/page-component.component.html","../../../projects/iox-ui/src/lib/iox-page/iox-page.module.ts","../../../projects/iox-ui/src/lib/iox-ui.module.ts","../../../projects/iox-ui/src/public-api.ts","../../../projects/iox-ui/src/vectoriox-iox-ui.ts"],"sourcesContent":["import {AfterViewInit, Directive, ElementRef, EventEmitter, HostListener, Input, Output} from '@angular/core';\n\n@Directive({\n    selector:'[view-position]',\n    standalone: false\n})\n\nexport class ViewPositionDirective implements AfterViewInit{\n\n    private _viewPortHighet!:number;\n    private _elementHeight!: number;\n    private _elementOffseTop!: number;\n    private _curterScreen!:number;\n    private _halfSscreen!:number;\n    \n    private _scrollDirection:string= \"Down\";\n    private _scrollPos:number = 0;\n    public isOnScreen: boolean = false;\n    public isHalfScreen: boolean = false;\n    \n    @Input() data:any\n    @Output() onEnter:EventEmitter<any> = new EventEmitter();\n    @Output() onLeave:EventEmitter<any> = new EventEmitter();\n    @Output() onHalf:EventEmitter<any> = new EventEmitter();\n\n    constructor(private _elr:ElementRef){\n        this._initScreenDeminitions();\n        console.log(`screent highet: ${this._viewPortHighet}`);\n    }\n\n\n    ngAfterViewInit(): void {\n        this._elementOffseTop = this._elr.nativeElement.offsetTop;\n        this._elementHeight = this._elr.nativeElement.offsetHeight;\n        console.log(`element offset Y = ${this._elementOffseTop}`);  \n    }\n\n\n    @HostListener('window:scroll', ['$event']) onScroll(e: Event): void {\n\n        if ((document.body.getBoundingClientRect()).top > this._scrollPos){\n            if(this._scrollDirection != \"Up\"){\n                this.isHalfScreen =false;\n                this._scrollDirection = \"Up\"\n            }\n        }      \n\t    else{\n            if(this._scrollDirection !=\"Down\"){\n                this.isHalfScreen =false;\n                this._scrollDirection = \"Down\"\n            }\n        }      \n\t    this._scrollPos = (document.body.getBoundingClientRect()).top;\n\n\n        let currentClientHight = this._elr.nativeElement.getBoundingClientRect().top;\n        if(currentClientHight >= this._viewPortHighet || currentClientHight  < -this._elementHeight){\n            if(this.isOnScreen){\n                this.isOnScreen = false;\n                this.onLeave.emit(\"OUT\");\n            }\n        }else{\n            if(!this.isOnScreen){\n                this.isOnScreen = true;\n                this.onEnter.emit(\"IN\");\n            }\n        }\n\n        if(currentClientHight < this._halfSscreen && currentClientHight > 0 &&  this._scrollDirection == \"Down\") {\n            if(!this.isHalfScreen){\n                this.isHalfScreen = true;\n                console.log(\"half\")\n                this.onHalf.emit(this.data);\n            }\n        }\n\n        if(currentClientHight + this._elementHeight > this._halfSscreen && currentClientHight +this._elementHeight < this._viewPortHighet &&  this._scrollDirection == \"Up\") {\n            if(!this.isHalfScreen){\n                this.isHalfScreen = true;\n                console.log(\"I am  half\")\n                this.onHalf.emit(this.data);\n            }\n        }\n     }\n\n    @HostListener('window:resize', ['$event']) onResize(e: Event) {\n        this._viewPortHighet = window.innerHeight;\n        this._initScreenDeminitions();\n    }\n    \n    \n\n    private _initScreenDeminitions(){\n        this._viewPortHighet = window.innerHeight;\n        this._curterScreen = Math.trunc(this._viewPortHighet *0.25);\n        this._halfSscreen = Math.trunc(this._viewPortHighet *0.5);\n    }\n    }","import { NgModule } from '@angular/core';\nimport { ViewPositionDirective } from './view-position.directive';\n\n\n\n@NgModule({\n  declarations: [\n    ViewPositionDirective\n  ],\n  imports: [\n  ],\n  exports: [\n    ViewPositionDirective\n  ]\n})\nexport class ViewPositionModule { }\n","import { AnimationBuilder, style, animate, keyframes } from '@angular/animations';\n\n/**********  Entries Animations ********************/\n\nexport const IoxAnimationStyles: any = {}\n\nIoxAnimationStyles[\"fade-up\"] = (delay:string, duration:string)=>{\n    return [style({ opacity: 0, transform: \"translate3d(0,100px,0)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: \"translateZ(0)\" }))]\n}\n\nIoxAnimationStyles[\"fade-right\"] = (delay:string, duration:string)=>{\n    return [style({ opacity: 0, transform: \"translateX(150px)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: \"translateZ(0)\" }))]\n}\n\nIoxAnimationStyles[\"fade-out-right\"] = (delay:string, duration:string)=>{\n    return [style({ opacity: 1, transform: \"translateX(0px)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 0, transform: \"translateX(150px)\" }))]\n}\n\nIoxAnimationStyles[\"fade-left\"] = (delay:string, duration:string)=>{\n    return [style({ opacity: 0, transform: \"translateX(-150px)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: \"translateZ(0)\" }))]\n}\n\nIoxAnimationStyles[\"fade-out-up\"] = (delay:string, duration:string)=>{\n    return [ style({ opacity: 1, transform: \"translateZ(0)\" }),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 0, transform: \"translate3d(0,-100px,0)\"}))]\n}\n\nIoxAnimationStyles[\"flip-left\"] = (delay:string, duration:string)=>{\n    return [style({opacity: 0,transform: \"perspective(2500px) rotateY(-100deg)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: \"perspective(2500px) rotateY(0)\" }))]\n}\n\nIoxAnimationStyles[\"flip-up\"] = (delay:string, duration:string)=>{\n    return [style({opacity: 0,transform: \"perspective(2500px) rotateX(-100deg)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: \"perspective(2500px) rotateY(0)\" }))]\n}\n\nIoxAnimationStyles[\"zoom-in-up\"] = (delay:string, duration:string)=>{\n    return [style({opacity: 0,transform: \"translate3d(0,100px,0) scale(.6)\"}),\n    animate(`${duration} ${delay} cubic-bezier(0.445, 0.05, 0.55, 0.95)`, style({ opacity: 1, transform: \"translateZ(0) scale(1)\" }))]\n}","import { Injectable } from \"@angular/core\";\nimport { Observable, Subject } from \"rxjs\";\n\n\n\n@Injectable({providedIn: 'root'})\nexport class AOSService {\n\n\n\n    private _scrollOffset:Subject<any> = new Subject();\n    public readonly scrollOffset: Observable<any> = this._scrollOffset.asObservable();\n      \n  constructor() { }\n\n\n  updateScrollOffset(offset:any){\n    this._scrollOffset.next(offset);\n  }\n\n}","import { Component, ElementRef, HostListener, Input, SimpleChanges, ViewChild } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\nimport { AOSService } from './iox-aos.service';\n\n@Component({\n    selector: \"[ioxAnimateContainer], ioxAnimateContainer\",\n    template:`<div class='animate_root_element' #animateRooteElement>\n        <ng-content></ng-content>\n        </div>`,\n    standalone: false\n})\nexport class IoxAnimateContainer {\n\n    @Input('kickIn') kickIn = true;\n\n    private _scrollOffset:Subject<any> = new Subject();\n    public readonly scrollOffset: Observable<any> = this._scrollOffset.asObservable();\n    @ViewChild('animateRooteElement') public  animateRooteElement:any;\n    \n\n    constructor(private _element: ElementRef, private _aOSService: AOSService) {\n    }\n\n    ngAfterViewInit(){\n        this.updateOffset();\n    }\n\n    @HostListener('scroll', ['$event'])\n    public onScroll($event:any){\n        this.updateOffset();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        console.log(changes);\n        if(changes['kickIn'] && changes['kickIn'].currentValue){\n            this.updateOffset();\n        }\n    }\n\n\n    private updateOffset(){\n        let elClientRect = this.animateRooteElement.nativeElement.getBoundingClientRect();\n        this._scrollOffset.next(elClientRect);\n        this._aOSService.updateScrollOffset(elClientRect);\n    }\n}","import { Directive, OnDestroy, AfterViewInit, ElementRef, Input, OnInit, Renderer2, HostListener, Host, Optional  } from \"@angular/core\";\nimport { AnimationBuilder, style, animate, AnimationPlayer } from '@angular/animations';\nimport { IoxAnimationStyles } from \"./iox-aos-animations\"\n;\nimport { IoxAnimateContainer } from \"./iox-aos-container.component\";\n@Directive({\n    selector: \"[ioxAnimate], ioxAnimate\",\n    standalone: false\n  })\n  export class IoxAosDirective implements OnDestroy, OnInit, AfterViewInit {\n    \n    @Input(\"animationDelay\") animationDelay: string =\"\";\n    @Input(\"animationIn\") animationIn: string =\"\";\n    @Input(\"animationOut\") animationOut: string = \"\";\n    @Input(\"animationDuration\") animationDuration: string = \"0.5s\";\n    \n    // @Input(\"in\")\n    // @Input(\"out\")\n\n    public animation:AnimationPlayer | any;\n    public isAnimationPlayed= false;\n    private _elTop:number =0;\n\n\n    constructor(@Host() @Optional() private _animateContainer: IoxAnimateContainer, private _element: ElementRef, private _animationBuilder:AnimationBuilder, private  _renderer: Renderer2){\n        \n        this._renderer.setStyle(_element.nativeElement,'opacity', '0');\n    }\n\n    public ngOnInit(){\n    }\n\n    public  ngAfterViewInit(){\n\n          setTimeout(()=>{\n\n            this._elTop = this._cumulativeOffset(this._element.nativeElement).top;\n\n            if(this._animateContainer){\n              if(this._animateContainer.kickIn){\n                this.runIfVisiable();\n              }else{\n                return\n              }\n            }else{\n              this.runIfVisiable();\n            }\n\n     \n            \n          },150)\n\n          const resizeObserver = new ResizeObserver((entries) =>\n            this._elTop = this._cumulativeOffset(this._element.nativeElement).top\n          );\n\n          resizeObserver.observe(document.body);\n          \n          if(this._animateContainer){\n            this._animateContainer?.scrollOffset.subscribe((offset:any)=>{\n              if(this._animateContainer.kickIn){\n                this.scrollEventHandler(-1 *offset.top);\n              }\n            })\n          }\n\n          \n    }\n\n    public makeAnimationIn(animationStyle:any):AnimationPlayer{\n        let animation = IoxAnimationStyles[animationStyle](this.animationDelay, this.animationDuration);\n        const myAnimation = this._animationBuilder.build(animation)\n        return myAnimation.create(this._element.nativeElement);  \n\n    }\n\n    private _cumulativeOffset(element:any) {\n        var top = 0, left = 0;\n        do {\n            top += element.offsetTop  || 0;\n            left += element.offsetLeft || 0;\n            element = element.offsetParent;\n        } while(element);\n    \n        return {\n            top: top,\n            left: left\n        };\n    };\n\n  @HostListener('document:scroll', ['$event']) onScrollEvent($event:any){\n       this.scrollEventHandler(window.pageYOffset)\n    }\n    \n    public isVisable(offset:number){\n      //console.log(this._elTop >= window.pageYOffset && this._elTop <= window.pageYOffset + window.innerHeight);\n      //return this._elTop >= window.pageYOffset && this._elTop <= window.pageYOffset + window.innerHeight;\n      return this._elTop >= offset && this._elTop <= offset + window.innerHeight;\n    }\n\n\n    public scrollEventHandler(offset:number){\n\n      if(this._animateContainer && this._animateContainer.kickIn == false){\n        return\n      }\n\n      if(this.isVisable(offset) && !this.isAnimationPlayed){\n        let animationStyle = this.animationIn || \"fade-up\";\n        this.makeAnimationIn(animationStyle).play();\n        this.isAnimationPlayed = true;\n      }else if(!this.isVisable(offset) && this.isAnimationPlayed && this.animationOut){\n        this.makeAnimationIn(this.animationOut).play();\n        this.isAnimationPlayed =false;\n      }\n    }\n\n    public runIfVisiable(){\n      if(this.isVisable(window.pageYOffset)){\n        let animationStyle = this.animationIn || \"fade-up\";\n        this.makeAnimationIn(animationStyle).play();\n        this.isAnimationPlayed = true;\n      }\n    }\n    public ngOnDestroy(){\n\n    }\n\n  }\n\nfunction ViewParent() {\n  throw new Error(\"Function not implemented.\");\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { IoxAosDirective } from './iox-aos.directive';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { IoxAnimateContainer } from './iox-aos-container.component';\nimport { AOSService } from './iox-aos.service';\n\n\n@NgModule({\n  declarations: [\n    IoxAosDirective,\n    IoxAnimateContainer\n  ],\n  imports: [\n    BrowserAnimationsModule\n  ],\n  providers:[\n    AOSService\n  ],\n  exports: [\n    IoxAosDirective,\n    IoxAnimateContainer\n   ]\n})\nexport class IoxAosModule { \n\n  static forRoot(): ModuleWithProviders<any> {\n    return {\n      ngModule: IoxAosModule,\n      providers: [AOSService]\n    };\n  }\n\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class IoxMasonryService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input, Output, EventEmitter, HostListener,  ElementRef, AfterViewInit} from '@angular/core';\nimport { Masonry } from '@fristys/masonry';\n\n\n@Component({ \n  selector: \"[iox-masonry], iox-masonry\",\n  template: `<ng-content></ng-content>`,\n  styles: [],\n  standalone: false\n})\nexport class IoxMasonryComponent implements OnInit, AfterViewInit {\n\n  \n\n  // Inputs\n  @Input() public options: any = {};\n  @Input() public useImagesLoaded: Boolean = false;\n  @Input() updateLayout: Boolean = false;\n\n  @Output() layoutComplete: EventEmitter<any[]> = new EventEmitter<any[]>();\n  \n  public _msnry: any;\n  private isAppendAllowed:boolean = true;\n\n  constructor(private _element: ElementRef) { }\n\n  ngAfterViewInit(): void {\n    console.log(\"test\");\n  }\n\n  ngOnInit() {\n    this._msnry = new Masonry(document.getElementById('masonry'), this.options);\n    this.layout();  \n  }\n \n  ngOnChanges(changes: any) {\n    console.log(changes);\n  }\n\n\n  add = (element: HTMLElement)=>{\n    setTimeout(()=>{\n      this._msnry.init();\n    },200)\n\n  }\n\n  public remove(element: HTMLElement) {\n    this._msnry.remove(element);\n  }\n\n  public layout() {\n    setTimeout(() => {\n      this._msnry.init();\n    });\n  }\n\n}\n\nexport interface IoxMasonryOptions {\n  columns?: number;\n  columnBreakpoints?: number;\n  gutter?: number | string;\n  initOnImageLoad?: boolean;\n  loadingClass?: string;\n  loadedClass?: string;\n  onInit?:any;\n  bindOnScroll?: boolean;\n  useContainerWidth?: boolean;\n  trackItemSizeChanges?: boolean;\n}\n","import { Directive, Inject, ElementRef, forwardRef, OnDestroy, AfterViewInit, Renderer2 } from '@angular/core';\nimport { IoxMasonryComponent } from './iox-masonry.component';\n@Directive({\n  selector: \"[ioxMasonryItem], ioxMasonryItem\",\n  standalone: false\n})\nexport class IoxMasonryItemDirective implements OnDestroy, AfterViewInit {\n    constructor(\n      private _element: ElementRef,\n      @Inject(forwardRef(() => IoxMasonryComponent))\n      private _parent: IoxMasonryComponent,\n      private _renderer:Renderer2) {\n        //this._renderer.setStyle(_element.nativeElement,'opacity', '0');\n      }\n\n      ngAfterViewInit() {\n          console.log(this._element.nativeElement);\n          this._parent.add(this._element.nativeElement);\n      }\n\n      ngOnDestroy() {\n          this._parent.remove(this._element.nativeElement);\n      }\n}","import { NgModule } from '@angular/core';\nimport { IoxMasonryComponent } from './iox-masonry.component';\nimport { IoxMasonryItemDirective } from './iox-masonry-item.directive';\nimport { BrowserModule } from '@angular/platform-browser';\n\n\n\n@NgModule({\n  declarations: [IoxMasonryComponent, IoxMasonryItemDirective],\n  imports: [\n    BrowserModule\n  ],\n  exports: [IoxMasonryComponent, IoxMasonryItemDirective]\n})\nexport class IoxMasonryModule { }\n","import { Injectable } from '@angular/core';\nimport Lenis from 'lenis';\n\n@Injectable()\nexport class PageScrollProvider {\n  private lenis?: Lenis;\n  private rafId?: number;\n\n  init(options?: ConstructorParameters<typeof Lenis>[0]): void {\n    if (this.lenis) {\n      this.lenis.destroy();\n    }\n    if (this.rafId != null) {\n      cancelAnimationFrame(this.rafId);\n    }\n    this.lenis = new Lenis(options || {});\n    this.startLoop();\n  }\n\n  scrollTo(y: number, options?: { duration?: number; immediate?: boolean }): void {\n    this.instance.scrollTo(y, options);\n  }\n\n  scrollToTop(options?: { duration?: number; immediate?: boolean }): void {\n    this.scrollTo(0, options);\n  }\n\n  get instance(): Lenis {\n    if (!this.lenis) {\n      throw new Error('PageScrollProvider: call init() before accessing the instance.');\n    }\n    return this.lenis;\n  }\n\n  private startLoop(): void {\n    if (!this.lenis) {\n      return;\n    }\n    const loop = (time: number) => {\n      this.lenis!.raf(time);\n      this.rafId = requestAnimationFrame(loop);\n    };\n    this.rafId = requestAnimationFrame(loop);\n  }\n}\n","import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { PageScrollProvider } from '../../services/page-scroll.provider';\n\n@Component({\n  selector: 'iox-page-component',\n  templateUrl: './page-component.component.html',\n  styleUrls: ['./page-component.component.scss'],\n  standalone: false\n})\nexport class IoxPageComponent implements AfterViewInit, OnDestroy {\n  @Input() class = '';\n  @ViewChild('page') public page!: ElementRef<HTMLDivElement>;\n  private scrollSubscription!: Subscription;\n  @Output() scrollEvent = new EventEmitter<{\n    scrollTop: number;\n    scrollLeft: number;\n    scrollHeight: number;\n    scrollWidth: number;\n    clientHeight: number;\n    clientWidth: number;\n    scrollPercentage: number;\n  }>();\n\n  constructor(private pageScrollProvider: PageScrollProvider) {}\n\n  ngAfterViewInit(): void {\n    if (this.page) {\n      this.scrollSubscription = fromEvent(this.page.nativeElement, 'scroll').subscribe((event) => {\n        this.onScroll(event as Event);\n      });\n\n      this.pageScrollProvider.init({\n        wrapper: this.page.nativeElement,\n        content: this.page.nativeElement.querySelector('.page-mask')!,\n        duration: 1.2,\n        easing: (t: number) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n      });\n    }\n  }\n\n  onScroll(event: Event): void {\n    const target = event.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    const scrollLeft = target.scrollLeft;\n    const scrollHeight = target.scrollHeight;\n    const scrollWidth = target.scrollWidth;\n    const clientHeight = target.clientHeight;\n    const clientWidth = target.clientWidth;\n    const scrollPercentage = (scrollTop / (scrollHeight - clientHeight)) * 100;\n\n    this.scrollEvent.emit({ scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth, scrollPercentage });\n  }\n\n  ngOnDestroy(): void {\n    if (this.scrollSubscription) {\n      this.scrollSubscription.unsubscribe();\n    }\n  }\n}\n","<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IoxPageComponent } from './page-component/page-component.component';\nimport { PageScrollProvider } from '../services/page-scroll.provider';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [IoxPageComponent],\n  exports: [IoxPageComponent],\n  providers: [PageScrollProvider]\n})\nexport class IoxPageModule {}\n","import { NgModule } from '@angular/core';\nimport { IoxAosModule } from './iox-aos/iox-aos.module';\nimport { IoxPageModule } from './iox-page/iox-page.module';\n\n\n@NgModule({\n  declarations: [],\n  imports: [IoxAosModule, IoxPageModule],\n  exports: [IoxAosModule, IoxPageModule]\n})\nexport class IoxUiModule { }\n","/*\n * Public API Surface of iox-ui\n */\n\nexport * from './lib/view-position/view-position.directive';\nexport * from './lib/view-position/view-position.module';\n\n\n\nexport * from './lib/iox-aos/iox-aos.directive';\nexport * from './lib/iox-aos/iox-aos-container.component';\nexport * from './lib/iox-aos/iox-aos.service';\nexport * from './lib/iox-aos/iox-aos.module';\n\n\n\nexport * from './lib/iox-masonry/iox-masonry.service';\nexport * from './lib/iox-masonry/iox-masonry.component';\nexport * from './lib/iox-masonry/iox-masonry-item.directive';\nexport * from './lib/iox-masonry/iox-masonry.module';\n\nexport * from './lib/iox-ui.module';\nexport * from './lib/iox-page/page-component/page-component.component';\nexport * from './lib/iox-page/iox-page.module';\nexport * from './lib/services/page-scroll.provider';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.AOSService","i1.IoxAnimateContainer","i1.PageScrollProvider"],"mappings":";;;;;;;;;;;MAOa,qBAAqB,CAAA;AAkB9B,IAAA,WAAA,CAAoB,IAAe,EAAA;QAAf,IAAA,CAAA,IAAI,GAAJ,IAAI;QAVhB,IAAA,CAAA,gBAAgB,GAAS,MAAM;QAC/B,IAAA,CAAA,UAAU,GAAU,CAAC;QACtB,IAAA,CAAA,UAAU,GAAY,KAAK;QAC3B,IAAA,CAAA,YAAY,GAAY,KAAK;AAG1B,QAAA,IAAA,CAAA,OAAO,GAAqB,IAAI,YAAY,EAAE;AAC9C,QAAA,IAAA,CAAA,OAAO,GAAqB,IAAI,YAAY,EAAE;AAC9C,QAAA,IAAA,CAAA,MAAM,GAAqB,IAAI,YAAY,EAAE;QAGnD,IAAI,CAAC,sBAAsB,EAAE;QAC7B,OAAO,CAAC,GAAG,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAAC,eAAe,CAAA,CAAE,CAAC;IAC1D;IAGA,eAAe,GAAA;QACX,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS;QACzD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY;QAC1D,OAAO,CAAC,GAAG,CAAC,CAAA,mBAAA,EAAsB,IAAI,CAAC,gBAAgB,CAAA,CAAE,CAAC;IAC9D;AAG2C,IAAA,QAAQ,CAAC,CAAQ,EAAA;AAExD,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,EAAC;AAC9D,YAAA,IAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,EAAC;AAC7B,gBAAA,IAAI,CAAC,YAAY,GAAE,KAAK;AACxB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;YAChC;QACJ;aACC;AACG,YAAA,IAAG,IAAI,CAAC,gBAAgB,IAAG,MAAM,EAAC;AAC9B,gBAAA,IAAI,CAAC,YAAY,GAAE,KAAK;AACxB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM;YAClC;QACJ;AACH,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,GAAG;AAG1D,QAAA,IAAI,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG;AAC5E,QAAA,IAAG,kBAAkB,IAAI,IAAI,CAAC,eAAe,IAAI,kBAAkB,GAAI,CAAC,IAAI,CAAC,cAAc,EAAC;AACxF,YAAA,IAAG,IAAI,CAAC,UAAU,EAAC;AACf,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;YAC5B;QACJ;aAAK;AACD,YAAA,IAAG,CAAC,IAAI,CAAC,UAAU,EAAC;AAChB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YAC3B;QACJ;AAEA,QAAA,IAAG,kBAAkB,GAAG,IAAI,CAAC,YAAY,IAAI,kBAAkB,GAAG,CAAC,IAAK,IAAI,CAAC,gBAAgB,IAAI,MAAM,EAAE;AACrG,YAAA,IAAG,CAAC,IAAI,CAAC,YAAY,EAAC;AAClB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,gBAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;gBACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAC/B;QACJ;QAEA,IAAG,kBAAkB,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,IAAI,kBAAkB,GAAE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,IAAK,IAAI,CAAC,gBAAgB,IAAI,IAAI,EAAE;AACjK,YAAA,IAAG,CAAC,IAAI,CAAC,YAAY,EAAC;AAClB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,gBAAA,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;gBACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAC/B;QACJ;IACH;AAE0C,IAAA,QAAQ,CAAC,CAAQ,EAAA;AACxD,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,WAAW;QACzC,IAAI,CAAC,sBAAsB,EAAE;IACjC;IAIQ,sBAAsB,GAAA;AAC1B,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,WAAW;AACzC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,GAAE,IAAI,CAAC;AAC3D,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,GAAE,GAAG,CAAC;IAC7D;+GAzFS,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAC,iBAAiB;AAC1B,oBAAA,UAAU,EAAE;AACf,iBAAA;;sBAeI;;sBACA;;sBACA;;sBACA;;sBAeA,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;sBA+CxC,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;;MCtEhC,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAR3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAKrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;gHAGZ,kBAAkB,EAAA,CAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE,EACR;AACD,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;;ACZD;AAEO,MAAM,kBAAkB,GAAQ,EAAE;AAEzC,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AAC7D,IAAA,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAC,CAAC;QACjE,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;AAC7H,CAAC;AAED,kBAAkB,CAAC,YAAY,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AAChE,IAAA,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAC,CAAC;QAC5D,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;AAC7H,CAAC;AAED,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AACpE,IAAA,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC;AACjI,CAAC;AAED,kBAAkB,CAAC,WAAW,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AAC/D,IAAA,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAC,CAAC;QAC7D,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;AAC7H,CAAC;AAED,kBAAkB,CAAC,aAAa,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AACjE,IAAA,OAAO,CAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAC1D,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAC,CAAC,CAAC,CAAC;AACtI,CAAC;AAED,kBAAkB,CAAC,WAAW,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AAC/D,IAAA,OAAO,CAAC,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,SAAS,EAAE,sCAAsC,EAAC,CAAC;QAC7E,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC,CAAC,CAAC;AAC9I,CAAC;AAED,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AAC7D,IAAA,OAAO,CAAC,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,SAAS,EAAE,sCAAsC,EAAC,CAAC;QAC7E,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC,CAAC,CAAC;AAC9I,CAAC;AAED,kBAAkB,CAAC,YAAY,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,KAAG;AAChE,IAAA,OAAO,CAAC,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,SAAS,EAAE,kCAAkC,EAAC,CAAC;QACzE,OAAO,CAAC,GAAG,QAAQ,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACtI,CAAC;;MCtCY,UAAU,CAAA;AAOrB,IAAA,WAAA,GAAA;AAHU,QAAA,IAAA,CAAA,aAAa,GAAgB,IAAI,OAAO,EAAE;AAClC,QAAA,IAAA,CAAA,YAAY,GAAoB,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;IAEnE;AAGhB,IAAA,kBAAkB,CAAC,MAAU,EAAA;AAC3B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;IACjC;+GAZW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cADE,MAAM,EAAA,CAAA,CAAA;;4FAClB,UAAU,EAAA,UAAA,EAAA,CAAA;kBADtB,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;;MCMnB,mBAAmB,CAAA;IAS5B,WAAA,CAAoB,QAAoB,EAAU,WAAuB,EAAA;QAArD,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAAsB,IAAA,CAAA,WAAW,GAAX,WAAW;QAP5C,IAAA,CAAA,MAAM,GAAG,IAAI;AAEtB,QAAA,IAAA,CAAA,aAAa,GAAgB,IAAI,OAAO,EAAE;AAClC,QAAA,IAAA,CAAA,YAAY,GAAoB,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;IAKjF;IAEA,eAAe,GAAA;QACX,IAAI,CAAC,YAAY,EAAE;IACvB;AAGO,IAAA,QAAQ,CAAC,MAAU,EAAA;QACtB,IAAI,CAAC,YAAY,EAAE;IACvB;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;AACpB,QAAA,IAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,YAAY,EAAC;YACnD,IAAI,CAAC,YAAY,EAAE;QACvB;IACJ;IAGQ,YAAY,GAAA;QAChB,IAAI,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,qBAAqB,EAAE;AACjF,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC;AACrC,QAAA,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC;IACrD;+GAjCS,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,4CAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALnB,CAAA;;AAEE,cAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAGF,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,4CAA4C;AACtD,oBAAA,QAAQ,EAAC,CAAA;;AAEE,cAAA,CAAA;AACX,oBAAA,UAAU,EAAE;AACf,iBAAA;;sBAGI,KAAK;uBAAC,QAAQ;;sBAId,SAAS;uBAAC,qBAAqB;;sBAU/B,YAAY;uBAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;;;MClBvB,eAAe,CAAA;AAe1B,IAAA,WAAA,CAAwC,iBAAsC,EAAU,QAAoB,EAAU,iBAAkC,EAAW,SAAoB,EAAA;QAA/I,IAAA,CAAA,iBAAiB,GAAjB,iBAAiB;QAA+B,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAAsB,IAAA,CAAA,iBAAiB,GAAjB,iBAAiB;QAA4B,IAAA,CAAA,SAAS,GAAT,SAAS;QAbnJ,IAAA,CAAA,cAAc,GAAU,EAAE;QAC7B,IAAA,CAAA,WAAW,GAAU,EAAE;QACtB,IAAA,CAAA,YAAY,GAAW,EAAE;QACpB,IAAA,CAAA,iBAAiB,GAAW,MAAM;QAMvD,IAAA,CAAA,iBAAiB,GAAE,KAAK;QACvB,IAAA,CAAA,MAAM,GAAS,CAAC;AAKpB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAC,SAAS,EAAE,GAAG,CAAC;IAClE;IAEO,QAAQ,GAAA;IACf;IAEQ,eAAe,GAAA;QAEjB,UAAU,CAAC,MAAI;AAEb,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAAG;AAErE,YAAA,IAAG,IAAI,CAAC,iBAAiB,EAAC;AACxB,gBAAA,IAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAC;oBAC/B,IAAI,CAAC,aAAa,EAAE;gBACtB;qBAAK;oBACH;gBACF;YACF;iBAAK;gBACH,IAAI,CAAC,aAAa,EAAE;YACtB;QAIF,CAAC,EAAC,GAAG,CAAC;QAEN,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAChD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAAG,CACtE;AAED,QAAA,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;AAErC,QAAA,IAAG,IAAI,CAAC,iBAAiB,EAAC;YACxB,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,MAAU,KAAG;AAC3D,gBAAA,IAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAC;oBAC/B,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAE,MAAM,CAAC,GAAG,CAAC;gBACzC;AACF,YAAA,CAAC,CAAC;QACJ;IAGN;AAEO,IAAA,eAAe,CAAC,cAAkB,EAAA;AACrC,QAAA,IAAI,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC;QAC/F,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;QAC3D,OAAO,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;IAE1D;AAEQ,IAAA,iBAAiB,CAAC,OAAW,EAAA;AACjC,QAAA,IAAI,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC;AACrB,QAAA,GAAG;AACC,YAAA,GAAG,IAAI,OAAO,CAAC,SAAS,IAAK,CAAC;AAC9B,YAAA,IAAI,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC;AAC/B,YAAA,OAAO,GAAG,OAAO,CAAC,YAAY;QAClC,CAAC,QAAO,OAAO;QAEf,OAAO;AACH,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE;SACT;IACL;;AAE2C,IAAA,aAAa,CAAC,MAAU,EAAA;AAChE,QAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC;IAC9C;AAEO,IAAA,SAAS,CAAC,MAAa,EAAA;;;AAG5B,QAAA,OAAO,IAAI,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,GAAG,MAAM,CAAC,WAAW;IAC5E;AAGO,IAAA,kBAAkB,CAAC,MAAa,EAAA;AAErC,QAAA,IAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,IAAI,KAAK,EAAC;YAClE;QACF;AAEA,QAAA,IAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAC;AACnD,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,WAAW,IAAI,SAAS;YAClD,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE;AAC3C,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;QAC/B;AAAM,aAAA,IAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,YAAY,EAAC;YAC9E,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,iBAAiB,GAAE,KAAK;QAC/B;IACF;IAEO,aAAa,GAAA;QAClB,IAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,EAAC;AACpC,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,WAAW,IAAI,SAAS;YAClD,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE;AAC3C,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;QAC/B;IACF;IACO,WAAW,GAAA;IAElB;+GArHW,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,mBAAA,EAAA,IAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,UAAU,EAAE;AACb,iBAAA;;0BAgBc;;0BAAQ;;sBAbpB,KAAK;uBAAC,gBAAgB;;sBACtB,KAAK;uBAAC,aAAa;;sBACnB,KAAK;uBAAC,cAAc;;sBACpB,KAAK;uBAAC,mBAAmB;;sBA4E3B,YAAY;uBAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC;;AAwC7C,SAAS,UAAU,GAAA;AACjB,IAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;AAC9C;;MC7Ga,YAAY,CAAA;AAEvB,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,CAAC,UAAU;SACvB;IACH;+GAPW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,iBAdrB,eAAe;YACf,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAMvB,eAAe;YACf,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EAAA,SAAA,EARb;YACR;AACD,SAAA,EAAA,OAAA,EAAA,CAJC,uBAAuB,CAAA,EAAA,CAAA,CAAA;;4FAUd,YAAY,EAAA,UAAA,EAAA,CAAA;kBAhBxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;wBACf;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;AACD,oBAAA,SAAS,EAAC;wBACR;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf;AACA;AACH,iBAAA;;;MCjBY,iBAAiB,CAAA;AAE5B,IAAA,WAAA,GAAA,EAAgB;+GAFL,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cAFhB,MAAM,EAAA,CAAA,CAAA;;4FAEP,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCMY,mBAAmB,CAAA;AAc9B,IAAA,WAAA,CAAoB,QAAoB,EAAA;QAApB,IAAA,CAAA,QAAQ,GAAR,QAAQ;;QATZ,IAAA,CAAA,OAAO,GAAQ,EAAE;QACjB,IAAA,CAAA,eAAe,GAAY,KAAK;QACvC,IAAA,CAAA,YAAY,GAAY,KAAK;AAE5B,QAAA,IAAA,CAAA,cAAc,GAAwB,IAAI,YAAY,EAAS;QAGjE,IAAA,CAAA,eAAe,GAAW,IAAI;AAkBtC,QAAA,IAAA,CAAA,GAAG,GAAG,CAAC,OAAoB,KAAG;YAC5B,UAAU,CAAC,MAAI;AACb,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YACpB,CAAC,EAAC,GAAG,CAAC;AAER,QAAA,CAAC;IArB2C;IAE5C,eAAe,GAAA;AACb,QAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;IACrB;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC;QAC3E,IAAI,CAAC,MAAM,EAAE;IACf;AAEA,IAAA,WAAW,CAAC,OAAY,EAAA;AACtB,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;IACtB;AAUO,IAAA,MAAM,CAAC,OAAoB,EAAA;AAChC,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;IAC7B;IAEO,MAAM,GAAA;QACX,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AACpB,QAAA,CAAC,CAAC;IACJ;+GA7CW,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,6PAJpB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAI1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,4BAA4B,EAAA,QAAA,EAC5B,CAAA,yBAAA,CAA2B,EAAA,UAAA,EAEzB,KAAK,EAAA;;sBAOhB;;sBACA;;sBACA;;sBAEA;;;MCbU,uBAAuB,CAAA;AAChC,IAAA,WAAA,CACU,QAAoB,EAEpB,OAA4B,EAC5B,SAAmB,EAAA;QAHnB,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAER,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,SAAS,GAAT,SAAS;;IAEjB;IAEA,eAAe,GAAA;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;IACjD;IAEA,WAAW,GAAA;QACP,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;IACpD;AAhBO,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,4CAGtB,UAAU,CAAC,MAAM,mBAAmB,CAAC,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAHtC,uBAAuB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kCAAkC;AAC5C,oBAAA,UAAU,EAAE;AACb,iBAAA;;0BAIM,MAAM;AAAC,oBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,mBAAmB,CAAC;;;MCKtC,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAhB,gBAAgB,EAAA,YAAA,EAAA,CANZ,mBAAmB,EAAE,uBAAuB,aAEzD,aAAa,CAAA,EAAA,OAAA,EAAA,CAEL,mBAAmB,EAAE,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAE3C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJzB,aAAa,CAAA,EAAA,CAAA,CAAA;;4FAIJ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,uBAAuB,CAAC;AAC5D,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,uBAAuB;AACvD,iBAAA;;;MCTY,kBAAkB,CAAA;AAI7B,IAAA,IAAI,CAAC,OAAgD,EAAA;AACnD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QACtB;AACA,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE;AACtB,YAAA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC;QAClC;QACA,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,SAAS,EAAE;IAClB;IAEA,QAAQ,CAAC,CAAS,EAAE,OAAoD,EAAA;QACtE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;IACpC;AAEA,IAAA,WAAW,CAAC,OAAoD,EAAA;AAC9D,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;IAC3B;AAEA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC;QACnF;QACA,OAAO,IAAI,CAAC,KAAK;IACnB;IAEQ,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf;QACF;AACA,QAAA,MAAM,IAAI,GAAG,CAAC,IAAY,KAAI;AAC5B,YAAA,IAAI,CAAC,KAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC1C,QAAA,CAAC;AACD,QAAA,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAC1C;+GAvCW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;mHAAlB,kBAAkB,EAAA,CAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;;MCOY,gBAAgB,CAAA;AAc3B,IAAA,WAAA,CAAoB,kBAAsC,EAAA;QAAtC,IAAA,CAAA,kBAAkB,GAAlB,kBAAkB;QAb7B,IAAA,CAAA,KAAK,GAAG,EAAE;AAGT,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAQpC;IAEyD;IAE7D,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AACzF,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAc,CAAC;AAC/B,YAAA,CAAC,CAAC;AAEF,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC3B,gBAAA,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa;gBAChC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAE;AAC7D,gBAAA,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,CAAC,CAAS,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AACjE,aAAA,CAAC;QACJ;IACF;AAEA,IAAA,QAAQ,CAAC,KAAY,EAAA;AACnB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;AAC1C,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS;AAClC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY;AACxC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW;AACtC,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY;AACxC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW;AACtC,QAAA,MAAM,gBAAgB,GAAG,CAAC,SAAS,IAAI,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG;QAE1E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAC1H;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE;QACvC;IACF;+GAhDW,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,kPCV7B,0IAKA,EAAA,MAAA,EAAA,CAAA,wIAAA,CAAA,EAAA,CAAA,CAAA;;4FDKa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,cAGlB,KAAK,EAAA,QAAA,EAAA,0IAAA,EAAA,MAAA,EAAA,CAAA,wIAAA,CAAA,EAAA;;sBAGhB;;sBACA,SAAS;uBAAC,MAAM;;sBAEhB;;;MEFU,aAAa,CAAA;+GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,CAJT,gBAAgB,CAAA,EAAA,OAAA,EAAA,CADrB,YAAY,aAEZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAAA,SAAA,EAFb,CAAC,kBAAkB,CAAC,YAHrB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAKX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,SAAS,EAAE,CAAC,kBAAkB;AAC/B,iBAAA;;;MCDY,WAAW,CAAA;+GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAHZ,YAAY,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CAC3B,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA;AAE1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAHZ,YAAY,EAAE,aAAa,EAC3B,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA;;4FAE1B,WAAW,EAAA,UAAA,EAAA,CAAA;kBALvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa;AACtC,iBAAA;;;ACTD;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,205 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, EventEmitter, ElementRef, SimpleChanges, OnDestroy, OnInit, Renderer2, ModuleWithProviders } from '@angular/core';
+import { AnimationPlayer, AnimationBuilder } from '@angular/animations';
+import { Observable } from 'rxjs';
+import * as i3 from '@angular/platform-browser/animations';
+import * as i3$1 from '@angular/platform-browser';
+import Lenis from 'lenis';
+import * as i2 from '@angular/common';
+
+declare class ViewPositionDirective implements AfterViewInit {
+    private _elr;
+    private _viewPortHighet;
+    private _elementHeight;
+    private _elementOffseTop;
+    private _curterScreen;
+    private _halfSscreen;
+    private _scrollDirection;
+    private _scrollPos;
+    isOnScreen: boolean;
+    isHalfScreen: boolean;
+    data: any;
+    onEnter: EventEmitter<any>;
+    onLeave: EventEmitter<any>;
+    onHalf: EventEmitter<any>;
+    constructor(_elr: ElementRef);
+    ngAfterViewInit(): void;
+    onScroll(e: Event): void;
+    onResize(e: Event): void;
+    private _initScreenDeminitions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewPositionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ViewPositionDirective, "[view-position]", never, { "data": { "alias": "data"; "required": false; }; }, { "onEnter": "onEnter"; "onLeave": "onLeave"; "onHalf": "onHalf"; }, never, never, false, never>;
+}
+
+declare class ViewPositionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewPositionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ViewPositionModule, [typeof ViewPositionDirective], never, [typeof ViewPositionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ViewPositionModule>;
+}
+
+declare class AOSService {
+    private _scrollOffset;
+    readonly scrollOffset: Observable<any>;
+    constructor();
+    updateScrollOffset(offset: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AOSService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AOSService>;
+}
+
+declare class IoxAnimateContainer {
+    private _element;
+    private _aOSService;
+    kickIn: boolean;
+    private _scrollOffset;
+    readonly scrollOffset: Observable<any>;
+    animateRooteElement: any;
+    constructor(_element: ElementRef, _aOSService: AOSService);
+    ngAfterViewInit(): void;
+    onScroll($event: any): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateOffset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxAnimateContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IoxAnimateContainer, "[ioxAnimateContainer], ioxAnimateContainer", never, { "kickIn": { "alias": "kickIn"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class IoxAosDirective implements OnDestroy, OnInit, AfterViewInit {
+    private _animateContainer;
+    private _element;
+    private _animationBuilder;
+    private _renderer;
+    animationDelay: string;
+    animationIn: string;
+    animationOut: string;
+    animationDuration: string;
+    animation: AnimationPlayer | any;
+    isAnimationPlayed: boolean;
+    private _elTop;
+    constructor(_animateContainer: IoxAnimateContainer, _element: ElementRef, _animationBuilder: AnimationBuilder, _renderer: Renderer2);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    makeAnimationIn(animationStyle: any): AnimationPlayer;
+    private _cumulativeOffset;
+    onScrollEvent($event: any): void;
+    isVisable(offset: number): boolean;
+    scrollEventHandler(offset: number): void;
+    runIfVisiable(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxAosDirective, [{ optional: true; host: true; }, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IoxAosDirective, "[ioxAnimate], ioxAnimate", never, { "animationDelay": { "alias": "animationDelay"; "required": false; }; "animationIn": { "alias": "animationIn"; "required": false; }; "animationOut": { "alias": "animationOut"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class IoxAosModule {
+    static forRoot(): ModuleWithProviders<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxAosModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxAosModule, [typeof IoxAosDirective, typeof IoxAnimateContainer], [typeof i3.BrowserAnimationsModule], [typeof IoxAosDirective, typeof IoxAnimateContainer]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IoxAosModule>;
+}
+
+declare class IoxMasonryService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IoxMasonryService>;
+}
+
+declare class IoxMasonryComponent implements OnInit, AfterViewInit {
+    private _element;
+    options: any;
+    useImagesLoaded: Boolean;
+    updateLayout: Boolean;
+    layoutComplete: EventEmitter<any[]>;
+    _msnry: any;
+    private isAppendAllowed;
+    constructor(_element: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: any): void;
+    add: (element: HTMLElement) => void;
+    remove(element: HTMLElement): void;
+    layout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IoxMasonryComponent, "[iox-masonry], iox-masonry", never, { "options": { "alias": "options"; "required": false; }; "useImagesLoaded": { "alias": "useImagesLoaded"; "required": false; }; "updateLayout": { "alias": "updateLayout"; "required": false; }; }, { "layoutComplete": "layoutComplete"; }, never, ["*"], false, never>;
+}
+interface IoxMasonryOptions {
+    columns?: number;
+    columnBreakpoints?: number;
+    gutter?: number | string;
+    initOnImageLoad?: boolean;
+    loadingClass?: string;
+    loadedClass?: string;
+    onInit?: any;
+    bindOnScroll?: boolean;
+    useContainerWidth?: boolean;
+    trackItemSizeChanges?: boolean;
+}
+
+declare class IoxMasonryItemDirective implements OnDestroy, AfterViewInit {
+    private _element;
+    private _parent;
+    private _renderer;
+    constructor(_element: ElementRef, _parent: IoxMasonryComponent, _renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IoxMasonryItemDirective, "[ioxMasonryItem], ioxMasonryItem", never, {}, {}, never, never, false, never>;
+}
+
+declare class IoxMasonryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxMasonryModule, [typeof IoxMasonryComponent, typeof IoxMasonryItemDirective], [typeof i3$1.BrowserModule], [typeof IoxMasonryComponent, typeof IoxMasonryItemDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IoxMasonryModule>;
+}
+
+declare class PageScrollProvider {
+    private lenis?;
+    private rafId?;
+    init(options?: ConstructorParameters<typeof Lenis>[0]): void;
+    scrollTo(y: number, options?: {
+        duration?: number;
+        immediate?: boolean;
+    }): void;
+    scrollToTop(options?: {
+        duration?: number;
+        immediate?: boolean;
+    }): void;
+    get instance(): Lenis;
+    private startLoop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageScrollProvider, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PageScrollProvider>;
+}
+
+declare class IoxPageComponent implements AfterViewInit, OnDestroy {
+    private pageScrollProvider;
+    class: string;
+    page: ElementRef<HTMLDivElement>;
+    private scrollSubscription;
+    scrollEvent: EventEmitter<{
+        scrollTop: number;
+        scrollLeft: number;
+        scrollHeight: number;
+        scrollWidth: number;
+        clientHeight: number;
+        clientWidth: number;
+        scrollPercentage: number;
+    }>;
+    constructor(pageScrollProvider: PageScrollProvider);
+    ngAfterViewInit(): void;
+    onScroll(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IoxPageComponent, "iox-page-component", never, { "class": { "alias": "class"; "required": false; }; }, { "scrollEvent": "scrollEvent"; }, never, ["*"], false, never>;
+}
+
+declare class IoxPageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxPageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxPageModule, [typeof IoxPageComponent], [typeof i2.CommonModule], [typeof IoxPageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IoxPageModule>;
+}
+
+declare class IoxUiModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxUiModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxUiModule, never, [typeof IoxAosModule, typeof IoxPageModule], [typeof IoxAosModule, typeof IoxPageModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IoxUiModule>;
+}
+
+export { AOSService, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, PageScrollProvider, ViewPositionDirective, ViewPositionModule };
+export type { IoxMasonryOptions };

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@vectoriox/iox-ui",
+  "version": "4.0.2",
+  "peerDependencies": {
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/animations": "^20.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "@fristys/masonry": "^1.1.7"
+  },
+  "module": "fesm2022/vectoriox-iox-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/vectoriox-iox-ui.mjs"
+    }
+  },
+  "sideEffects": false
+}