@ng-atomic/components 5.14.0 → 6.0.3

package/fesm2022/ng-atomic-components-frames-fab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-fab.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/ng-atomic-components-frames-fab.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Injectable({providedIn: 'root'})\nexport class FabService {\n  private actionMap = new Map<string, Action[]>;\n  private contexts: string[] = [];\n  get actions(): Action[] {\n    return this.actionMap.get(this.contexts.at(-1)) ?? [];\n  }\n\n  set(name, actions: Action[]) {\n    return this.actionMap.set(name, actions);\n  }\n\n  push(name: string) {\n    return this.contexts.push(name);\n  }\n\n  pop() {\n    return this.contexts.pop();\n  }\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/common/models';\nimport { FabService } from './fab.service';\nimport { ReplaySubject, takeUntil } from 'rxjs';\nimport { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\n\n@Component({\n  selector: 'frames-fab',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n  ],\n  template: `\n    <ng-content></ng-content>\n    <ng-container *ngFor=\"let action of fab.actions\">\n      <button mat-fab color=\"primary\" (click)=\"dispatch(action)\">\n        <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>\n      </button>\n    </ng-container>\n  `,\n  styleUrls: ['./fab.frame.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FabFrame extends NgAtomicComponent {\n  protected fab = inject(FabService);\n\n  @Input()\n  actions: Action[] = [];\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-line-up.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, ElementRef, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Subject, interval } from 'rxjs';
+import { scan, filter, shareReplay, map, distinctUntilChanged, switchMap } from 'rxjs/operators';
+import { trigger, transition, query, style, animate } from '@angular/animations';
+
+const LINE_UP_ANIMATIONS = [
+    trigger('hasNext', [
+        transition(':enter', [
+            query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),
+            query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', })),], { optional: true }),
+        ]),
+        transition(':leave', [
+            query(':leave', [style({ transform: 'translateX(0%)' })], { optional: true }),
+            query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(-100%)' }))], { optional: true }),
+        ]),
+    ])
+];
+
+class LineUpFrameService {
+    constructor() {
+        this.frames = [];
+        this.entries$ = new Subject();
+        this.sizeMap$ = this.entries$.pipe(scan((acc, value) => {
+            if (value.type === 'remove') {
+                const map = acc.get(value.scope);
+                map?.delete(value.index);
+                if (map?.size === 0)
+                    acc.delete(value.scope);
+                return acc;
+            }
+            else {
+                const map = acc.get(value.scope) ?? new Map();
+                map.set(value.index, value.mainWidth);
+                acc.set(value.scope, map);
+                return acc;
+            }
+        }, new Map()), filter((map) => [...map.values()].map(map => [...map.keys()]).flat().length === this.frames.length), shareReplay(1));
+        this.sizeMap = toSignal(this.sizeMap$);
+    }
+    mapToContentWidth(scope, index) {
+        return this.sizeMap$.pipe(map((map) => map.get(scope) ?? new Map()), map((map) => {
+            const keys = [...map.keys()].filter(key => key >= index);
+            return keys.reduce((acc, key) => map.get(key) + acc, 0);
+        }), distinctUntilChanged(), shareReplay(1));
+    }
+    register(frame, mainWidth) {
+        this.frames.push(frame);
+    }
+    update(frame, mainWidth) {
+        this.entries$.next({ type: 'add', scope: frame.scope, index: frame.index, mainWidth });
+    }
+    unregister(frame) {
+        const index = this.findIndex(frame);
+        this.frames = this.frames.filter((value) => value !== frame);
+        this.entries$.next({ type: 'remove', scope: frame.scope, index });
+    }
+    findIndex(frame) {
+        return this.frames.findIndex((value) => value === frame);
+    }
+    isFirst(frame) {
+        const index = this.findIndex(frame);
+        const keys = [...(this.sizeMap().get(frame.scope) ?? new Map()).keys()];
+        return Math.min(...keys) === index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrameService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class LineUpFrame {
+    constructor() {
+        this.service = inject(LineUpFrameService);
+        this.el = inject(ElementRef);
+        this.scope = 'default';
+        // TODO(@nontangent): interval is not the best way to do this
+        this.mainWidth$ = interval(500).pipe(filter(() => !!this.mainEl), map(() => this.mainEl.nativeElement.clientWidth), distinctUntilChanged(), takeUntilDestroyed());
+        this.width$ = this.service.sizeMap$.pipe(switchMap(() => this.service.mapToContentWidth(this.scope, this.index)), distinctUntilChanged(), takeUntilDestroyed());
+    }
+    get index() {
+        return this.service.findIndex(this);
+    }
+    ngOnInit() {
+        this.service.register(this, 0);
+    }
+    ngAfterViewInit() {
+        this.mainWidth$.subscribe((width) => this.service.update(this, width));
+        this.width$.pipe(filter(() => this.service.isFirst(this))).subscribe((width) => {
+            const delta = this.el.nativeElement.clientWidth - width;
+            this.el.nativeElement.style.setProperty('--translate-x', `${Math.min(delta, 0)}px`);
+        });
+    }
+    ngOnDestroy() {
+        this.service.unregister(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", scope: "scope" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "mainEl", first: true, predicate: ["main"], descendants: true }], ngImport: i0, template: `
+    <div class="main content" #main><ng-content select=[main]></ng-content></div>
+    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-IBRk: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-IBRk: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-IBRk: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-IBRk: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-IBRk: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-IBRk));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-IBRk);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-IBRk)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrame, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                    ], selector: 'frames-line-up', template: `
+    <div class="main content" #main><ng-content select=[main]></ng-content></div>
+    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
+  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-IBRk: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-IBRk: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-IBRk: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-IBRk: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-IBRk: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-IBRk));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-IBRk);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-IBRk)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+        }], propDecorators: { hasNext: [{
+                type: HostBinding,
+                args: ['attr.has-next']
+            }, {
+                type: Input
+            }], scope: [{
+                type: Input
+            }], mainEl: [{
+                type: ViewChild,
+                args: ['main', { static: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LineUpFrame, LineUpFrameService };
+//# sourceMappingURL=ng-atomic-components-frames-line-up.mjs.map

package/fesm2022/ng-atomic-components-frames-line-up.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nexport const LINE_UP_ANIMATIONS = [\n  trigger('hasNext', [\n    transition(':enter', [\n      query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),\n      query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', })),], { optional: true }),\n    ]),\n    transition(':leave', [\n      query(':leave', [style({transform: 'translateX(0%)'})], { optional: true }),\n      query(':leave', [animate('300ms ease-in', style({transform: 'translateX(-100%)'}))], { optional: true }),\n    ]),\n  ])\n];\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { interval, Subject } from 'rxjs';\nimport { distinctUntilChanged, filter, map, scan, shareReplay, startWith, switchMap} from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nexport interface LineUpFrameEntry {\n  type: 'add' | 'remove';\n  scope: string;\n  index: number;\n  mainWidth?: number;\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n  frames: LineUpFrame[] = [];\n\n  readonly entries$ = new Subject<LineUpFrameEntry>();\n  readonly sizeMap$ = this.entries$.pipe(\n    scan((acc, value) => {\n      if (value.type === 'remove') {\n        const map = acc.get(value.scope);\n        map?.delete(value.index);\n        if (map?.size === 0) acc.delete(value.scope);\n        return acc;\n      } else {\n        const map = acc.get(value.scope) ?? new Map<number, number>();\n        map.set(value.index, value.mainWidth);\n        acc.set(value.scope, map);\n        return acc;\n      }\n    }, new Map() as Map<string, Map<number, number>>),\n    filter((map) => [...map.values()].map(map => [...map.keys()]).flat().length === this.frames.length),\n    shareReplay(1),\n  );\n  readonly sizeMap = toSignal(this.sizeMap$);\n\n  mapToContentWidth(scope: string, index: number) {\n    return this.sizeMap$.pipe(\n      map((map) => map.get(scope) ?? new Map<number, number>()),\n      map((map) => {\n        const keys = [...map.keys()].filter(key => key >= index);\n        return keys.reduce((acc, key) => map.get(key) + acc, 0);\n      }),\n      distinctUntilChanged(),\n      shareReplay(1),\n    );\n  }\n\n  register(frame: LineUpFrame, mainWidth?: number) {\n    this.frames.push(frame);\n  }\n\n  update(frame: LineUpFrame, mainWidth: number) {\n    this.entries$.next({type: 'add', scope: frame.scope, index: frame.index, mainWidth});\n  }\n\n  unregister(frame: LineUpFrame) {\n    const index = this.findIndex(frame);\n    this.frames = this.frames.filter((value) => value !== frame);\n    this.entries$.next({type: 'remove', scope: frame.scope, index});\n  }\n\n  findIndex(frame: LineUpFrame): number {\n    return this.frames.findIndex((value) => value === frame);\n  }\n\n  isFirst(frame: LineUpFrame): boolean {\n    const index = this.findIndex(frame);\n    const keys = [...(this.sizeMap().get(frame.scope) ?? new Map()).keys()];\n    return Math.min(...keys) === index;\n  }\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  selector: 'frames-line-up',\n  template: `\n    <div class=\"main content\" #main><ng-content select=[main]></ng-content></div>\n    <div class=\"next content\" *ngIf=\"hasNext\" @hasNext><ng-content select=[next]></ng-content></div>\n  `,\n  styleUrls: ['./line-up.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n  animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n  private service = inject(LineUpFrameService);\n  private el = inject(ElementRef);\n\n  @HostBinding('attr.has-next')\n  @Input()\n  hasNext: boolean\n\n  @Input()\n  scope = 'default';\n\n  @ViewChild('main', {static: false})\n  protected mainEl!: ElementRef;\n\n  // TODO(@nontangent): interval is not the best way to do this\n  readonly mainWidth$ = interval(500).pipe(\n    filter(() => !!this.mainEl),\n    map(() => this.mainEl.nativeElement.clientWidth),\n    distinctUntilChanged(),\n    takeUntilDestroyed(),\n  );\n\n  readonly width$ = this.service.sizeMap$.pipe(\n    switchMap(() => this.service.mapToContentWidth(this.scope, this.index)),\n    distinctUntilChanged(),\n    takeUntilDestroyed(),\n  );\n\n  get index(): number {\n    return this.service.findIndex(this);\n  }\n\n  ngOnInit(): void {\n    this.service.register(this, 0);\n  }\n\n  ngAfterViewInit(): void {\n    this.mainWidth$.subscribe((width) => this.service.update(this, width));\n    this.width$.pipe(filter(() => this.service.isFirst(this))).subscribe((width) => {\n      const delta = this.el.nativeElement.clientWidth - width;\n      this.el.nativeElement.style.setProperty('--translate-x', `${Math.min(delta, 0)}px`);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.service.unregister(this);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/{fesm2015 → fesm2022}/ng-atomic-components-frames-loading.mjs

@@ -9,13 +9,13 @@ class LoadingFrame {
     constructor() {
         this.isLoading = false;
     }
-}
-LoadingFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoadingFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LoadingFrame, isStandalone: true, selector: "frames-loading", inputs: { isLoading: "isLoading" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoadingFrame, isStandalone: true, selector: "frames-loading", inputs: { isLoading: "isLoading" }, ngImport: i0, template: `
     <div class="contents"><ng-content></ng-content></div>
     <div class="loading" *ngIf="isLoading"><mat-spinner></mat-spinner></div>
-  `, isInline: true, styles: [":host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingFrame, decorators: [{
+  `, isInline: true, styles: [":host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-loading', standalone: true, imports: [
                         CommonModule,

package/{fesm2020 → fesm2022}/ng-atomic-components-frames-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/loading/loading.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/loading/ng-atomic-components-frames-loading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'frames-loading',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule,\n  ],\n  template: `\n    <div class=\"contents\"><ng-content></ng-content></div>\n    <div class=\"loading\" *ngIf=\"isLoading\"><mat-spinner></mat-spinner></div>\n  `,\n  styleUrls: ['./loading.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LoadingFrame {\n\n  @Input()\n  isLoading = false;\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,YAAY,CAAA;AAdzB,IAAA,WAAA,GAAA;QAiBE,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAEnB,KAAA;;yGALY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAPb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;GAGT,EANC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kIACZ,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FASf,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EACS,QAAA,EAAA,CAAA;;;GAGT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,CAAA;8BAK/C,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACpBR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/loading/loading.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/loading/ng-atomic-components-frames-loading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'frames-loading',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule,\n  ],\n  template: `\n    <div class=\"contents\"><ng-content></ng-content></div>\n    <div class=\"loading\" *ngIf=\"isLoading\"><mat-spinner></mat-spinner></div>\n  `,\n  styleUrls: ['./loading.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LoadingFrame {\n\n  @Input()\n  isLoading = false;\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,YAAY,CAAA;AAdzB,IAAA,WAAA,GAAA;QAiBE,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAEnB,KAAA;+GALY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAPb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;GAGT,EANC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kIACZ,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FASf,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EACS,QAAA,EAAA,CAAA;;;GAGT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,CAAA;8BAK/C,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACpBR;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-overlay.mjs

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { trigger, transition, query, style, animate } from '@angular/animations';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+const OVERLAY_ANIMATION = trigger('hasNext', [
+    transition(':enter', [
+        query(':enter', [style({ transform: 'translateX(100%)', })]),
+        query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', }))]),
+    ]),
+    transition(':leave', [
+        query(':leave', [style({ transform: 'translateX(0%)' })]),
+        query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(100%)' }))]),
+    ]),
+]);
+
+class OverlayFrame {
+    constructor() {
+        this.hasNext = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OverlayFrame, isStandalone: true, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: `
+    <div class="main content"><ng-content select=[main]></ng-content></div>
+    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-zVlW: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-zVlW: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-zVlW);height:var(--height-SCOPED-IN-line-overlay-zVlW)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverlayFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-overlay', standalone: true, imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule,
+                    ], template: `
+    <div class="main content"><ng-content select=[main]></ng-content></div>
+    <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
+  `, animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-zVlW: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-zVlW: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-zVlW);height:var(--height-SCOPED-IN-line-overlay-zVlW)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"] }]
+        }], propDecorators: { hasNext: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OverlayFrame };
+//# sourceMappingURL=ng-atomic-components-frames-overlay.mjs.map

package/fesm2022/ng-atomic-components-frames-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-overlay.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/overlay.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/overlay.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/ng-atomic-components-frames-overlay.ts"],"sourcesContent":["import { trigger, transition, style, query, animate } from '@angular/animations';\n\nexport const OVERLAY_ANIMATION = trigger('hasNext', [\n  transition(':enter', [\n    query(':enter', [style({ transform: 'translateX(100%)', })]),\n    query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', }))]),\n  ]),\n  transition(':leave', [\n    query(':leave', [style({ transform: 'translateX(0%)' })]),\n    query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(100%)' }))]),\n  ]),\n]);\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { OVERLAY_ANIMATION } from './overlay.animations';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'frames-overlay',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule,\n  ],\n  template: `\n    <div class=\"main content\"><ng-content select=[main]></ng-content></div>\n    <div class=\"next content\" *ngIf=\"hasNext\" @hasNext><ng-content select=[next]></ng-content></div>\n  `,\n  styleUrls: ['./overlay.frame.scss'],\n  animations: [OVERLAY_ANIMATION],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OverlayFrame {\n  @Input() hasNext = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAClD,UAAU,CAAC,QAAQ,EAAE;AACnB,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,GAAG,CAAC,CAAC,CAAC;AAC5D,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC;KACtF,CAAC;IACF,UAAU,CAAC,QAAQ,EAAE;AACnB,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;AACzD,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;KACtF,CAAC;AACH,CAAA,CAAC;;MCSW,YAAY,CAAA;AAfzB,IAAA,WAAA,GAAA;QAgBW,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAC1B,KAAA;+GAFY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EARb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oYAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EANC,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,wBAAwB,EAOd,CAAA,EAAA,UAAA,EAAA,CAAC,iBAAiB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAGpB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAfxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EACS,QAAA,EAAA,CAAA;;;AAGT,EAAA,CAAA,EAAA,UAAA,EAEW,CAAC,iBAAiB,CAAC,EACd,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,oYAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;;;ACrBR;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-router-outlet.mjs

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { Pipe, Component, ChangeDetectionStrategy, ViewChild, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { OverlayFrame } from '@ng-atomic/components/frames/overlay';
+import { LineUpFrame } from '@ng-atomic/components/frames/line-up';
+import { RouterOutlet } from '@angular/router';
+import { signalize, SignalPipe } from '@ng-atomic/common/pipes/signal';
+import { injectUiConfig } from '@ng-atomic/common/services/ui';
+
+class IsBlankRoutePipe {
+    transform(outlet) {
+        return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, isStandalone: true, name: "isBlankRoute", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsBlankRoutePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isBlankRoute',
+                    standalone: true,
+                    pure: false,
+                }]
+        }] });
+class RouterOutletFrame {
+    constructor() {
+        this.frame = injectUiConfig(['frames', 'router', 'type']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterOutletFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: RouterOutletFrame, isStandalone: true, selector: "frames-router-outlet", inputs: { frame: ["frame", "frame", (v) => signalize(v)] }, viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true }], ngImport: i0, template: `
+    <ng-container [ngSwitch]="frame()">
+      <frames-overlay *ngSwitchCase="'overlay'" [hasNext]="outlet | isBlankRoute">
+        <ng-container main *ngTemplateOutlet="main"></ng-container>
+        <ng-container next *ngTemplateOutlet="next"></ng-container>
+      </frames-overlay>
+      <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="outlet | isBlankRoute">
+        <ng-container main *ngTemplateOutlet="main"></ng-container>
+        <ng-container next *ngTemplateOutlet="next"></ng-container>
+      </frames-line-up>
+    </ng-container>
+
+    <ng-template #main><ng-content main></ng-content></ng-template>
+    <ng-template #next><router-outlet></router-outlet></ng-template>
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay", inputs: ["hasNext"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up", inputs: ["hasNext", "scope"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: IsBlankRoutePipe, name: "isBlankRoute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterOutletFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-router-outlet', standalone: true, imports: [
+                        CommonModule,
+                        OverlayFrame,
+                        LineUpFrame,
+                        RouterOutlet,
+                        IsBlankRoutePipe,
+                        SignalPipe,
+                    ], template: `
+    <ng-container [ngSwitch]="frame()">
+      <frames-overlay *ngSwitchCase="'overlay'" [hasNext]="outlet | isBlankRoute">
+        <ng-container main *ngTemplateOutlet="main"></ng-container>
+        <ng-container next *ngTemplateOutlet="next"></ng-container>
+      </frames-overlay>
+      <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="outlet | isBlankRoute">
+        <ng-container main *ngTemplateOutlet="main"></ng-container>
+        <ng-container next *ngTemplateOutlet="next"></ng-container>
+      </frames-line-up>
+    </ng-container>
+
+    <ng-template #main><ng-content main></ng-content></ng-template>
+    <ng-template #next><router-outlet></router-outlet></ng-template>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { outlet: [{
+                type: ViewChild,
+                args: [RouterOutlet, { static: false }]
+            }], frame: [{
+                type: Input,
+                args: [{ transform: (v) => signalize(v) }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IsBlankRoutePipe, RouterOutletFrame };
+//# sourceMappingURL=ng-atomic-components-frames-router-outlet.mjs.map

package/fesm2022/ng-atomic-components-frames-router-outlet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-router-outlet.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/router-outlet/router-outlet.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/router-outlet/ng-atomic-components-frames-router-outlet.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild, inject, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { RouterOutlet } from '@angular/router';\nimport { SignalPipe, signalize } from '@ng-atomic/common/pipes/signal';\nimport { injectUiConfig } from '@ng-atomic/common/services/ui';\n\n@Pipe({\n  name: 'isBlankRoute',\n  standalone: true,\n  pure: false,\n})\nexport class IsBlankRoutePipe {\n  transform(outlet: RouterOutlet): boolean {\n    return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);\n  }\n}\n\n@Component({\n  selector: 'frames-router-outlet',\n  standalone: true,\n  imports: [\n    CommonModule,\n    OverlayFrame,\n    LineUpFrame,\n    RouterOutlet,\n    IsBlankRoutePipe,\n    SignalPipe,\n  ],\n  template: `\n    <ng-container [ngSwitch]=\"frame()\">\n      <frames-overlay *ngSwitchCase=\"'overlay'\" [hasNext]=\"outlet | isBlankRoute\">\n        <ng-container main *ngTemplateOutlet=\"main\"></ng-container>\n        <ng-container next *ngTemplateOutlet=\"next\"></ng-container>\n      </frames-overlay>\n      <frames-line-up *ngSwitchCase=\"'lineup'\" [hasNext]=\"outlet | isBlankRoute\">\n        <ng-container main *ngTemplateOutlet=\"main\"></ng-container>\n        <ng-container next *ngTemplateOutlet=\"next\"></ng-container>\n      </frames-line-up>\n    </ng-container>\n\n    <ng-template #main><ng-content main></ng-content></ng-template>\n    <ng-template #next><router-outlet></router-outlet></ng-template>\n  `,\n  styleUrls: ['./router-outlet.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RouterOutletFrame {\n\n  @ViewChild(RouterOutlet, {static: false})\n  outlet!: RouterOutlet;\n\n  @Input({transform: (v: any) => signalize(v)})\n  frame = injectUiConfig(['frames', 'router', 'type']);\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class ScrollFrame {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", ngImport: i0, template: `
+  <div class="top">
+    <ng-content select=[top]></ng-content>
+  </div>
+  <div class="contents">
+    <ng-content select=[contents]></ng-content>
+  </div>
+  <div class="bottom">
+    <ng-content select=[bottom]></ng-content>
+  </div>
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-OwyO: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-OwyO: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-OwyO: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-OwyO);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-OwyO);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-OwyO) - var(--top-height-SCOPED-IN-scroll-OwyO) - var(--bottom-height-SCOPED-IN-scroll-OwyO));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-OwyO)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-scroll', standalone: true, imports: [
+                        CommonModule,
+                    ], template: `
+  <div class="top">
+    <ng-content select=[top]></ng-content>
+  </div>
+  <div class="contents">
+    <ng-content select=[contents]></ng-content>
+  </div>
+  <div class="bottom">
+    <ng-content select=[bottom]></ng-content>
+  </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-OwyO: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-OwyO: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-OwyO: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-OwyO);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-OwyO);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-OwyO) - var(--top-height-SCOPED-IN-scroll-OwyO) - var(--bottom-height-SCOPED-IN-scroll-OwyO));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-OwyO)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScrollFrame };
+//# sourceMappingURL=ng-atomic-components-frames-scroll-v2.mjs.map

package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-scroll-v2.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/scroll-v2/scroll.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-scroll',\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  template: `\n  <div class=\"top\">\n    <ng-content select=[top]></ng-content>\n  </div>\n  <div class=\"contents\">\n    <ng-content select=[contents]></ng-content>\n  </div>\n  <div class=\"bottom\">\n    <ng-content select=[bottom]></ng-content>\n  </div>\n  `,\n  styleUrls: ['./scroll.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAuBa,WAAW,CAAA;+GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,EAdZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,myBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAZC,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAgBH,WAAW,EAAA,UAAA,EAAA,CAAA;kBApBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;GAUT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,myBAAA,CAAA,EAAA,CAAA;;;ACrBjD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-scroll.mjs

@@ -0,0 +1,35 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class ScrollFrame {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", ngImport: i0, template: `
+  <div class="navigator">
+    <ng-content select=[navigator]></ng-content>
+  </div>
+  <div class="contents">
+    <ng-content select=[contents]></ng-content>
+  </div>
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-uBxs: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-uBxs: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-uBxs);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-uBxs);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-uBxs) - var(--navigator-height-SCOPED-IN-scroll-uBxs));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-scroll', standalone: true, imports: [
+                        CommonModule,
+                    ], template: `
+  <div class="navigator">
+    <ng-content select=[navigator]></ng-content>
+  </div>
+  <div class="contents">
+    <ng-content select=[contents]></ng-content>
+  </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-uBxs: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-uBxs: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-uBxs);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-uBxs);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-uBxs) - var(--navigator-height-SCOPED-IN-scroll-uBxs));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScrollFrame };
+//# sourceMappingURL=ng-atomic-components-frames-scroll.mjs.map

package/fesm2022/ng-atomic-components-frames-scroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-scroll.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/scroll/scroll.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/scroll/ng-atomic-components-frames-scroll.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-scroll',\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  template: `\n  <div class=\"navigator\">\n    <ng-content select=[navigator]></ng-content>\n  </div>\n  <div class=\"contents\">\n    <ng-content select=[contents]></ng-content>\n  </div>\n  `,\n  styleUrls: ['./scroll.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAoBa,WAAW,CAAA;+GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,EAXZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ukBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EATC,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAaH,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;GAOT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,ukBAAA,CAAA,EAAA,CAAA;;;AClBjD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-side-nav.mjs

@@ -0,0 +1,133 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, Input, HostBinding, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { injectUiConfig } from '@ng-atomic/common/services/ui';
+import { DrawerFrame } from '@ng-atomic/components/frames/drawer';
+import { LineUpFrame } from '@ng-atomic/components/frames/line-up';
+import { MenuTemplateStore } from '@ng-atomic/components/templates/menu';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { signalize } from '@ng-atomic/common/pipes/signal';
+import { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';
+import { InjectableComponent } from '@ng-atomic/common/core';
+
+class SideNavFrameStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.actions = [];
+        this.menuType = injectUiConfig(['frames', 'sideNav', 'menuType']);
+        this.mode = 'expanded';
+        this.frameType = injectUiConfig(['frames', 'sideNav', 'frameType']);
+    }
+    static { this.TOKEN = new InjectionToken('side-nav-frame-store'); }
+    get attrFrame() {
+        return this.frameType();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: "actions", menuType: ["menuType", "menuType", (v) => signalize(v)], mode: "mode", frameType: ["frameType", "frameType", (v) => signalize(v)] }, host: { properties: { "attr.frame": "this.attrFrame" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrameStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'frames-side-nav' }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }], menuType: [{
+                type: Input,
+                args: [{ transform: (v) => signalize(v) }]
+            }], mode: [{
+                type: Input
+            }], frameType: [{
+                type: Input,
+                args: [{ transform: (v) => signalize(v) }]
+            }], attrFrame: [{
+                type: HostBinding,
+                args: ['attr.frame']
+            }] } });
+class SideNavFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(SideNavFrameStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "menuType", "menuType", "mode", "mode", "frameType", "frameType"] }], ngImport: i0, template: `
+  <ng-container [ngSwitch]="store.frameType()">
+    <frames-drawer *ngSwitchCase="'drawer'" [isOpen]="store.mode === 'expanded'">
+      <ng-container drawer *ngTemplateOutlet="menu"></ng-container>
+      <ng-container contents *ngTemplateOutlet="contents"></ng-container>
+    </frames-drawer>
+    <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="true" [scope]="'nav'">
+      <ng-container main *ngTemplateOutlet="menu"></ng-container>
+      <div class="content" next><ng-container *ngTemplateOutlet="contents"></ng-container></div>
+    </frames-line-up>
+  </ng-container>
+
+  <ng-template #menu>
+    <ng-container [ngSwitch]="store.menuType()">
+      <templates-icon-button-menu injectable
+        *ngSwitchCase="'icon-button-menu'"
+        [actions]="store.actions"
+        (action)="dispatch($event)"
+      ></templates-icon-button-menu>
+      <templates-menu injectable
+        *ngSwitchCase="'menu'"
+        [actions]="store.actions"
+        (action)="dispatch($event)"
+      ></templates-menu>
+    </ng-container>
+  </ng-template>
+  <ng-template #contents>
+    <ng-content select="[contents]"></ng-content>
+  </ng-template>
+  `, isInline: true, styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-wj7n: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-wj7n: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-wj7n: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-wj7n);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-wj7n)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-wj7n)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-wj7n)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-wj7n))}:host[frame=drawer] .menu{width:300px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DrawerFrame, selector: "frames-drawer", inputs: ["isOpen"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up", inputs: ["hasNext", "scope"] }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrame, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        DrawerFrame,
+                        LineUpFrame,
+                        IconButtonMenuTemplateStore,
+                        MenuTemplateStore,
+                    ], selector: 'frames-side-nav', template: `
+  <ng-container [ngSwitch]="store.frameType()">
+    <frames-drawer *ngSwitchCase="'drawer'" [isOpen]="store.mode === 'expanded'">
+      <ng-container drawer *ngTemplateOutlet="menu"></ng-container>
+      <ng-container contents *ngTemplateOutlet="contents"></ng-container>
+    </frames-drawer>
+    <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="true" [scope]="'nav'">
+      <ng-container main *ngTemplateOutlet="menu"></ng-container>
+      <div class="content" next><ng-container *ngTemplateOutlet="contents"></ng-container></div>
+    </frames-line-up>
+  </ng-container>
+
+  <ng-template #menu>
+    <ng-container [ngSwitch]="store.menuType()">
+      <templates-icon-button-menu injectable
+        *ngSwitchCase="'icon-button-menu'"
+        [actions]="store.actions"
+        (action)="dispatch($event)"
+      ></templates-icon-button-menu>
+      <templates-menu injectable
+        *ngSwitchCase="'menu'"
+        [actions]="store.actions"
+        (action)="dispatch($event)"
+      ></templates-menu>
+    </ng-container>
+  </ng-template>
+  <ng-template #contents>
+    <ng-content select="[contents]"></ng-content>
+  </ng-template>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: SideNavFrameStore,
+                            inputs: ['actions', 'menuType', 'mode', 'frameType'],
+                        },
+                    ], styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-wj7n: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-wj7n: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-wj7n: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-wj7n);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-wj7n)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-wj7n)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-wj7n)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-wj7n))}:host[frame=drawer] .menu{width:300px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SideNavFrame, SideNavFrameStore };
+//# sourceMappingURL=ng-atomic-components-frames-side-nav.mjs.map