npm - @ng-atomic/components - Versions diffs - 17.14.0 → 18.0.0 - Mend

@ng-atomic/components 17.14.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (298) hide show

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

@@ -47,10 +47,10 @@ class RouterOutletFrameStore extends InjectableComponent {
             frame: 'overlay',
         }));
     }; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: RouterOutletFrameStore, isStandalone: true, selector: "frames-router-outlet", inputs: { frame: { classPropertyName: "frame", publicName: "frame", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, isActivated: { classPropertyName: "isActivated", publicName: "isActivated", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RouterOutletFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: RouterOutletFrameStore, isStandalone: true, selector: "frames-router-outlet", inputs: { frame: { classPropertyName: "frame", publicName: "frame", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, isActivated: { classPropertyName: "isActivated", publicName: "isActivated", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RouterOutletFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-router-outlet' }]
         }] });
@@ -69,8 +69,8 @@ class RouterOutletFrame extends NgAtomicComponent {
             ]).pipe(map(() => this.store.isActivated()(outlet)));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: RouterOutletFrame, isStandalone: true, selector: "frames-router-outlet", viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: RouterOutletFrameStore, inputs: ["frame", "frame", "name", "name"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RouterOutletFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: RouterOutletFrame, isStandalone: true, selector: "frames-router-outlet", viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: RouterOutletFrameStore, inputs: ["frame", "frame", "name", "name"] }], ngImport: i0, template: `
     @switch (store.frame()) {
       @case ('lineup') {
         <frames-line-up [hasNext]="isActivated()" [scope]="store.name()">
@@ -87,9 +87,9 @@ class RouterOutletFrame extends NgAtomicComponent {
     }
     <ng-template #main><ng-content main /></ng-template>
     <ng-template #next><router-outlet [name]="store.name()"/></ng-template>
-  `, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-5WqS: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-5WqS: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-5WqS: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-5WqS: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-5WqS);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-5WqS);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-5WqS);--background-color: var(--background-color-SCOPED-IN-router-outlet-5WqS)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-NSUm: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-NSUm: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-NSUm: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-NSUm: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-NSUm);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-NSUm);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-NSUm);--background-color: var(--background-color-SCOPED-IN-router-outlet-NSUm)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RouterOutletFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RouterOutletFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-router-outlet', standalone: true, imports: [
                         NgTemplateOutlet,
@@ -118,7 +118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: RouterOutletFrameStore,
                             inputs: ['frame', 'name'],
                         },
-                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-5WqS: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-5WqS: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-5WqS: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-5WqS: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-5WqS);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-5WqS);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-5WqS);--background-color: var(--background-color-SCOPED-IN-router-outlet-5WqS)}\n"] }]
+                    ], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-NSUm: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-NSUm: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-NSUm: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-NSUm: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-NSUm);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-NSUm);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-NSUm);--background-color: var(--background-color-SCOPED-IN-router-outlet-NSUm)}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
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, Directive, inject, input, viewChild } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { PRIMARY_OUTLET, RouterOutlet } from '@angular/router';\nimport { Breakpoint } from '@ng-atomic/common/services/breakpoint';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { combineLatest, map, of, startWith } from 'rxjs';\nimport { computedAsync } from 'ngxtension/computed-async';\n\nfunction isBlankRoute(outlet: RouterOutlet): boolean {\n return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);\n}\n\n@Directive({standalone: true, selector: 'frames-router-outlet'})\nexport class RouterOutletFrameStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n const getFrame = (breakpoint: Breakpoint) => {\n switch(breakpoint) {\n case 'xSmall': return 'overlay' as 'lineup' \| 'overlay';\n default: return 'lineup' as 'lineup' \| 'overlay';\n }\n }\n return (context) => {\n return ({\n frame: getFrame(context.breakpoint),\n name: PRIMARY_OUTLET as string,\n isActivated: (outlet: RouterOutlet) => isBlankRoute(outlet),\n });\n }\n }, ['components', 'frames', 'router-outlet']);\n\n static provideExperimental() {\n return RouterOutletFrameStore.Config.provide(() => {\n return (config) => ({ ...config, isActivated: (outlet) => !!outlet.isActivated });\n });\n }\n\n static provideSideAppConfig = () => {\n return RouterOutletFrameStore.Config.provide(() => (config) => ({\n ...config,\n name: 'side-app',\n frame: 'overlay',\n }));\n }\n\n readonly config = RouterOutletFrameStore.Config.inject();\n readonly frame = input(_computed(() => this.config().frame));\n readonly name = input(_computed(() => this.config().name, { equal: (a, b) => a === b }));\n readonly isActivated = input(_computed(() => this.config().isActivated));\n} \n\n@Component({\n selector: 'frames-router-outlet',\n standalone: true,\n imports: [\n NgTemplateOutlet,\n OverlayFrame,\n LineUpFrame,\n RouterOutlet,\n ],\n template: `\n @switch (store.frame()) {\n @case ('lineup') {\n <frames-line-up [hasNext]=\"isActivated()\" [scope]=\"store.name()\">\n <ng-container ngTemplateOutlet=\"main\" main/>\n <ng-container ngTemplateOutlet=\"next\" next/>\n </frames-line-up>\n }\n @default {\n <frames-overlay [hasNext]=\"isActivated()\">\n <ng-container ngTemplateOutlet=\"main\" main/>\n <ng-container ngTemplateOutlet=\"next\" next/>\n </frames-overlay>\n }\n }\n <ng-template #main><ng-content main /></ng-template>\n <ng-template #next><router-outlet [name]=\"store.name()\"/></ng-template>\n `,\n styleUrls: ['./router-outlet.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: RouterOutletFrameStore,\n inputs: ['frame', 'name'],\n },\n ],\n})\nexport class RouterOutletFrame extends NgAtomicComponent {\n protected store = inject(RouterOutletFrameStore);\n readonly outlet = viewChild(RouterOutlet);\n readonly isActivated = computedAsync(() => {\n const outlet = this.outlet();\n if (!outlet) return of(false);\n return combineLatest([\n outlet.activateEvents.pipe(startWith(null)), \n outlet.deactivateEvents.pipe(startWith(null)),\n ]).pipe(\n map(() => this.store.isActivated()(outlet)),\n )\n })\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,SAAS,YAAY,CAAC,MAAoB,EAAA;AACxC,IAAA,OAAO,CAAC,EAAE,MAAM,EAAE,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC,CAAC;AACrF,CAAC;AAGK,MAAO,sBAAuB,SAAQ,mBAAmB,CAAA;AAD/D,IAAA,WAAA,GAAA;;AAgCW,QAAA,IAAA,CAAA,MAAM,GAAG,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AAChF,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1E,KAAA;AAlCiB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;AACvC,QAAA,MAAM,QAAQ,GAAG,CAAC,UAAsB,KAAI;~~AAC1C~~,~~YAAA,~~QAAO,UAAU;AACf,gBAAA,KAAK,QAAQ,EAAE,OAAO,SAAiC,CAAC;AACxD,gBAAA,SAAS,OAAO,QAAgC,CAAC;~~AAClD,aAAA~~;AACH,SAAC,CAAA;QACD,OAAO,CAAC,OAAO,KAAI;AACjB,YAAA,QAAQ;AACN,gBAAA,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;AACnC,gBAAA,IAAI,EAAE,cAAwB;gBAC9B,WAAW,EAAE,CAAC,MAAoB,KAAK,YAAY,CAAC,MAAM,CAAC;AAC5D,aAAA,EAAE;AACL,SAAC,CAAA;KACF,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,eAAe,CAAC,CAdtB,CAcwB,EAAA;AAE9C,IAAA,OAAO,mBAAmB,GAAA;AACxB,QAAA,OAAO,sBAAsB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAK;YAChD,OAAO,CAAC,MAAM,MAAM,EAAE,GAAG,MAAM,EAAE,WAAW,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;AACpF,SAAC,CAAC,CAAC;KACJ;aAEM,IAAoB,CAAA,oBAAA,GAAG,MAAK;AACjC,QAAA,OAAO,sBAAsB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,MAAM;AAC9D,YAAA,GAAG,MAAM;AACT,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA,CAAC,CAAC,CAAC;AACN,KAAC,CAAA,EAAA;8GA7BU,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBADlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAC,CAAA;;AA0EzD,MAAO,iBAAkB,SAAQ,iBAAiB,CAAA;AApCxD,IAAA,WAAA,GAAA;;AAqCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AACxC,QAAA,IAAA,CAAA,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,WAAW,GAAG,aAAa,CAAC,MAAK;AACxC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;AAC7B,YAAA,IAAI,CAAC,MAAM;AAAE,gBAAA,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;AAC9B,YAAA,OAAO,aAAa,CAAC;gBACnB,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAC3C,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9C,aAAA,CAAC,CAAC,IAAI,CACL,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAC5C,CAAA;AACH,SAAC,CAAC,CAAA;AACH,KAAA;8GAbY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAEA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,YAAY,EA3E7B,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,sBAAsB,EA8CvB,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;AAiBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,irBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAtBC,gBAAgB,EAChB,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,EACZ,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAW,2DACX,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA6BH,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApC7B,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EACP,OAAA,EAAA;wBACP,gBAAgB;wBAChB,YAAY;wBACZ,WAAW;wBACX,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;GAiBT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;AACjC,4BAAA,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC1B,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,irBAAA,CAAA,EAAA,CAAA;;;ACvFH;;AAEG;;;;"}
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, Directive, inject, input, viewChild } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { PRIMARY_OUTLET, RouterOutlet } from '@angular/router';\nimport { Breakpoint } from '@ng-atomic/common/services/breakpoint';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { combineLatest, map, of, startWith } from 'rxjs';\nimport { computedAsync } from 'ngxtension/computed-async';\n\nfunction isBlankRoute(outlet: RouterOutlet): boolean {\n return !!(outlet?.activatedRouteData) && !(outlet.activatedRouteData?.['isBlank']);\n}\n\n@Directive({standalone: true, selector: 'frames-router-outlet'})\nexport class RouterOutletFrameStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n const getFrame = (breakpoint: Breakpoint) => {\n switch(breakpoint) {\n case 'xSmall': return 'overlay' as 'lineup' \| 'overlay';\n default: return 'lineup' as 'lineup' \| 'overlay';\n }\n }\n return (context) => {\n return ({\n frame: getFrame(context.breakpoint),\n name: PRIMARY_OUTLET as string,\n isActivated: (outlet: RouterOutlet) => isBlankRoute(outlet),\n });\n }\n }, ['components', 'frames', 'router-outlet']);\n\n static provideExperimental() {\n return RouterOutletFrameStore.Config.provide(() => {\n return (config) => ({ ...config, isActivated: (outlet) => !!outlet.isActivated });\n });\n }\n\n static provideSideAppConfig = () => {\n return RouterOutletFrameStore.Config.provide(() => (config) => ({\n ...config,\n name: 'side-app',\n frame: 'overlay',\n }));\n }\n\n readonly config = RouterOutletFrameStore.Config.inject();\n readonly frame = input(_computed(() => this.config().frame));\n readonly name = input(_computed(() => this.config().name, { equal: (a, b) => a === b }));\n readonly isActivated = input(_computed(() => this.config().isActivated));\n} \n\n@Component({\n selector: 'frames-router-outlet',\n standalone: true,\n imports: [\n NgTemplateOutlet,\n OverlayFrame,\n LineUpFrame,\n RouterOutlet,\n ],\n template: `\n @switch (store.frame()) {\n @case ('lineup') {\n <frames-line-up [hasNext]=\"isActivated()\" [scope]=\"store.name()\">\n <ng-container ngTemplateOutlet=\"main\" main/>\n <ng-container ngTemplateOutlet=\"next\" next/>\n </frames-line-up>\n }\n @default {\n <frames-overlay [hasNext]=\"isActivated()\">\n <ng-container ngTemplateOutlet=\"main\" main/>\n <ng-container ngTemplateOutlet=\"next\" next/>\n </frames-overlay>\n }\n }\n <ng-template #main><ng-content main /></ng-template>\n <ng-template #next><router-outlet [name]=\"store.name()\"/></ng-template>\n `,\n styleUrls: ['./router-outlet.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: RouterOutletFrameStore,\n inputs: ['frame', 'name'],\n },\n ],\n})\nexport class RouterOutletFrame extends NgAtomicComponent {\n protected store = inject(RouterOutletFrameStore);\n readonly outlet = viewChild(RouterOutlet);\n readonly isActivated = computedAsync(() => {\n const outlet = this.outlet();\n if (!outlet) return of(false);\n return combineLatest([\n outlet.activateEvents.pipe(startWith(null)), \n outlet.deactivateEvents.pipe(startWith(null)),\n ]).pipe(\n map(() => this.store.isActivated()(outlet)),\n )\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 CHANGED Viewed

@@ -10,8 +10,8 @@ class ScrollFrame {
     scrollToBottom() {
         this.contents.nativeElement.scrollTop = this.contents.nativeElement.scrollHeight;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", viewQueries: [{ propertyName: "contents", first: true, predicate: ["contents"], descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", viewQueries: [{ propertyName: "contents", first: true, predicate: ["contents"], descendants: true, static: true }], ngImport: i0, template: `
   <div class="top">
     <ng-content select=[top]></ng-content>
   </div>
@@ -22,9 +22,9 @@ class ScrollFrame {
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-FwDO: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-FwDO: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-FwDO: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-FwDO: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-FwDO);overflow:hidden}:host .top{height:-moz-fit-content;height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-FwDO);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:-moz-fit-content;height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-1PMb: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-1PMb: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-1PMb: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-1PMb: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-1PMb);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-1PMb);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-scroll', standalone: true, imports: [
                         CommonModule,
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-FwDO: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-FwDO: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-FwDO: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-FwDO: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-FwDO);overflow:hidden}:host .top{height:-moz-fit-content;height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-FwDO);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:-moz-fit-content;height:fit-content}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-1PMb: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-1PMb: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-1PMb: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-1PMb: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-1PMb);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-1PMb);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
         }], propDecorators: { contents: [{
                 type: ViewChild,
                 args: ['contents', { static: true }]

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

	@@ -1 +1 @@
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, ElementRef, ViewChild } 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\" #contents>\n <ng-content></ng-content>\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 @ViewChild('contents', {static: true})\n protected contents: ElementRef<HTMLDivElement>;\n\n isScrollBottom() {\n const contents = this.contents.nativeElement;\n return contents.scrollHeight - contents.scrollTop === contents.clientHeight;\n }\n\n scrollToBottom() {\n this.contents.nativeElement.scrollTop = this.contents.nativeElement.scrollHeight;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAwBa,WAAW,CAAA;IAKtB,cAAc,GAAA;AACZ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC7C,OAAO,QAAQ,CAAC,YAAY,GAAG,QAAQ,CAAC,SAAS,KAAK,QAAQ,CAAC,YAAY,CAAC;KAC7E;IAED,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;KAClF;8GAZU,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,QAAA,EAAA,IAAA,EAAA,WAAW,EAfZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~60BAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAiBH,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,~~60BAAA~~,CAAA,EAAA,CAAA;8BAKrC,QAAQ,EAAA,CAAA;sBADjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AC1BvC;;AAEG;;;;"}
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, ElementRef, ViewChild } 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\" #contents>\n <ng-content></ng-content>\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 @ViewChild('contents', {static: true})\n protected contents: ElementRef<HTMLDivElement>;\n\n isScrollBottom() {\n const contents = this.contents.nativeElement;\n return contents.scrollHeight - contents.scrollTop === contents.clientHeight;\n }\n\n scrollToBottom() {\n this.contents.nativeElement.scrollTop = this.contents.nativeElement.scrollHeight;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAwBa,WAAW,CAAA;IAKtB,cAAc,GAAA;AACZ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC7C,OAAO,QAAQ,CAAC,YAAY,GAAG,QAAQ,CAAC,SAAS,KAAK,QAAQ,CAAC,YAAY,CAAC;KAC7E;IAED,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;KAClF;8GAZU,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,QAAA,EAAA,IAAA,EAAA,WAAW,EAfZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAiBH,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,CAAA;8BAKrC,QAAQ,EAAA,CAAA;sBADjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AC1BvC;;AAEG;;;;"}

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

@@ -3,17 +3,17 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 class ScrollFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", 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-VK7d: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-VK7d: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-VK7d);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-VK7d);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-VK7d) - var(--navigator-height-SCOPED-IN-scroll-VK7d));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 }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-HShB: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-HShB: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-HShB);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-HShB);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-HShB) - var(--navigator-height-SCOPED-IN-scroll-HShB));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: "17.2.2", ngImport: i0, type: ScrollFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-scroll', standalone: true, imports: [
                         CommonModule,
@@ -24,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-VK7d: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-VK7d: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-VK7d);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-VK7d);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-VK7d) - var(--navigator-height-SCOPED-IN-scroll-VK7d));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-HShB: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-HShB: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-HShB);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-HShB);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-HShB) - var(--navigator-height-SCOPED-IN-scroll-HShB));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
         }] });
 /**

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

@@ -3,7 +3,6 @@ import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { signal, input, Directive, HostBinding, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { makeConfig } 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 { InjectableComponent, _computed, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
@@ -56,13 +55,13 @@ let SideNavFrameStore = class SideNavFrameStore extends InjectableComponent {
     get attrFrame() {
         return this.frameType();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, menuType: { classPropertyName: "menuType", publicName: "menuType", isSignal: true, isRequired: false, transformFunction: null }, menuTitle: { classPropertyName: "menuTitle", publicName: "menuTitle", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, frameType: { classPropertyName: "frameType", publicName: "frameType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.frame": "this.attrFrame" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, menuType: { classPropertyName: "menuType", publicName: "menuType", isSignal: true, isRequired: false, transformFunction: null }, menuTitle: { classPropertyName: "menuTitle", publicName: "menuTitle", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, frameType: { classPropertyName: "frameType", publicName: "frameType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.frame": "this.attrFrame" } }, usesInheritance: true, ngImport: i0 }); }
 };
 SideNavFrameStore = SideNavFrameStore_1 = __decorate([
     TokenizedType()
 ], SideNavFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SideNavFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-side-nav' }]
         }], propDecorators: { attrFrame: [{
@@ -74,8 +73,8 @@ class SideNavFrame extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(SideNavFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "menuType", "menuType", "menuTitle", "menuTitle", "mode", "mode", "frameType", "frameType"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "menuType", "menuType", "menuTitle", "menuTitle", "mode", "mode", "frameType", "frameType"] }], ngImport: i0, template: `
   @switch (store.frameType()) {
     @case ('drawer') {
       @defer {
@@ -117,17 +116,17 @@ class SideNavFrame extends NgAtomicComponent {
     }
   </ng-template>
   <ng-template #contents><ng-content/></ng-template>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-TG2l: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-TG2l: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-TG2l: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-TG2l: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-TG2l: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-TG2l: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-TG2l: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-TG2l: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-TG2l);--menu-background-color-SCOPED-IN-side-nav-TG2l: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-TG2l);--menu-on-background-color-SCOPED-IN-side-nav-TG2l: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-TG2l);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-TG2l);--surface-color: var(--surface-color-SCOPED-IN-side-nav-TG2l);--background-color: var(--background-color-SCOPED-IN-side-nav-TG2l);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-TG2l);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-TG2l);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-TG2l)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-TG2l);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-TG2l);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-TG2l)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-TG2l));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-HuB2: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-HuB2: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-HuB2: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-HuB2: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-HuB2: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-HuB2: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-HuB2: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-HuB2: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--menu-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--menu-on-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-HuB2);--surface-color: var(--surface-color-SCOPED-IN-side-nav-HuB2);--background-color: var(--background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-HuB2);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-HuB2)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-HuB2);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-HuB2)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-HuB2));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgTemplateOutlet, import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)]] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrame, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [
-                        NgTemplateOutlet,
-                        DrawerFrame,
-                        LineUpFrame,
-                        IconButtonMenuTemplateStore,
-                        MenuTemplateStore,
-                    ], selector: 'frames-side-nav', template: `
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)], resolveMetadata: DrawerFrame => ({ decorators: [{
+                type: Component,
+                args: [{ standalone: true, imports: [
+                            NgTemplateOutlet,
+                            DrawerFrame,
+                            LineUpFrame,
+                            IconButtonMenuTemplateStore,
+                            MenuTemplateStore,
+                        ], selector: 'frames-side-nav', template: `
   @switch (store.frameType()) {
     @case ('drawer') {
       @defer {
@@ -170,18 +169,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   </ng-template>
   <ng-template #contents><ng-content/></ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
-                        {
-                            directive: SideNavFrameStore,
-                            inputs: [
-                                'actions',
-                                'menuType',
-                                'menuTitle',
-                                'mode',
-                                'frameType',
-                            ],
-                        },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-TG2l: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-TG2l: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-TG2l: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-TG2l: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-TG2l: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-TG2l: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-TG2l: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-TG2l: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-TG2l);--menu-background-color-SCOPED-IN-side-nav-TG2l: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-TG2l);--menu-on-background-color-SCOPED-IN-side-nav-TG2l: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-TG2l);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-TG2l);--surface-color: var(--surface-color-SCOPED-IN-side-nav-TG2l);--background-color: var(--background-color-SCOPED-IN-side-nav-TG2l);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-TG2l);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-TG2l);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-TG2l)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-TG2l);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-TG2l);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-TG2l)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-TG2l));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
-        }] });
+                            {
+                                directive: SideNavFrameStore,
+                                inputs: [
+                                    'actions',
+                                    'menuType',
+                                    'menuTitle',
+                                    'mode',
+                                    'frameType',
+                                ],
+                            },
+                        ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-HuB2: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-HuB2: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-HuB2: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-HuB2: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-HuB2: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-HuB2: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-HuB2: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-HuB2: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--menu-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--menu-on-background-color-SCOPED-IN-side-nav-HuB2: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-HuB2);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-HuB2);--surface-color: var(--surface-color-SCOPED-IN-side-nav-HuB2);--background-color: var(--background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-HuB2);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-HuB2);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-HuB2)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-HuB2);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-HuB2);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-HuB2)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-HuB2));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
+            }], ctorParameters: null, propDecorators: null }) });
 /**
  * Generated bundle index. Do not edit.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, WritableSignal, inject, input, signal } from '@angular/core';\nimport { Breakpoint } from '@ng-atomic/common/services/breakpoint';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { InjectableComponent } from '@ng-atomic/core';\n\nexport function injectSideNavMode(): WritableSignal<'collapsed' \| 'expanded'> {\n return signal<'collapsed' \| 'expanded'>('collapsed');\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n static getMode = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'collapsed';\n default: return 'expanded';\n }\n };\n\n static getFrameType = (context: UIContext): 'lineup' \| 'drawer' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'drawer';\n default: return 'lineup';\n }\n };\n\n static getMenuType = (context: UIContext): 'menu' \| 'icon-button-menu' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n case 'small':\n case 'medium': return 'icon-button-menu';\n default: return 'menu';\n }\n };\n\n static readonly Config = makeConfig(() => {\n return (context) => ({\n actions: [],\n menuType: SideNavFrameStore.getMenuType(context),\n menuTitle: undefined as string,\n mode: SideNavFrameStore.getMode(context),\n frameType: SideNavFrameStore.getFrameType(context),\n });\n }, ['components', 'frames', 'sideNav']);\n\n readonly config = SideNavFrameStore.Config.inject();\n readonly actions = input(_computed(() => this.config().actions));\n readonly menuType = input(_computed(() => this.config().menuType));\n readonly menuTitle = input(_computed(() => this.config().menuTitle));\n readonly mode = input(_computed(() => this.config().mode));\n readonly frameType = input(_computed(() => this.config().frameType));\n\n @HostBinding('attr.frame')\n get attrFrame() {\n return this.frameType();\n }\n}\n\n\n@Component({\n standalone: true,\n imports: [\n NgTemplateOutlet,\n DrawerFrame,\n LineUpFrame,\n IconButtonMenuTemplateStore,\n MenuTemplateStore,\n ],\n selector: 'frames-side-nav',\n template: `\n @switch (store.frameType()) {\n @case ('drawer') {\n @defer {\n <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n <ng-container ngTemplateOutlet=\"menu\" drawer/>\n <ng-container ngTemplateOutlet=\"contents\" contents/>\n </frames-drawer>\n }\n }\n @default {\n <!-- @defer { -->\n <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n <ng-container ngTemplateOutlet=\"menu\" main/>\n <div class=\"content\" next><ng-container ngTemplateOutlet=\"contents\"/></div>\n </frames-line-up>\n <!-- } -->\n }\n }\n\n <ng-template #menu>\n @switch (store.menuType()) {\n @case ('icon-button-menu') {\n <!-- @defer { -->\n <templates-icon-button-menu injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n @default {\n <!-- @defer { -->\n <templates-menu injectable\n [title]=\"store.menuTitle()\"\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n }\n </ng-template>\n <ng-template #contents><ng-content/></ng-template>\n `,\n styleUrls: ['./side-nav.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: SideNavFrameStore,\n inputs: [\n 'actions',\n 'menuType',\n 'menuTitle',\n 'mode',\n 'frameType',\n ],\n },\n ],\n})\nexport class SideNavFrame extends NgAtomicComponent {\n protected store = inject(SideNavFrameStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;~~SAWgB,iBAAiB,GAAA;AAC/B,IAAA,OAAO,MAAM,CAA2B,WAAW,CAAC,CAAC;AACvD,CAAC;AAIM,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,mBAAmB,CAAA;AAAnD,IAAA,WAAA,GAAA;;AAkCI,QAAA,IAAA,CAAA,MAAM,GAAG,mBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1D,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAMtE,KAAA;;AA5CQ,IAAA,SAAA,IAAA,CAAA,OAAO,GAAG,CAAC,OAAkB,KAAI;~~QACtC~~,QAAQ,OAAO,CAAC,UAAU;AACxB,YAAA,KAAK,QAAQ,EAAE,OAAO,WAAW,CAAC;AAClC,YAAA,SAAS,OAAO,UAAU,CAAC;~~AAC5B,SAAA~~;AACH,KAAC,CAAC,EAAA;AAEK,IAAA,SAAA,IAAA,CAAA,YAAY,GAAG,CAAC,OAAkB,KAAyB;~~QAChE~~,QAAQ,OAAO,CAAC,UAAU;AACxB,YAAA,KAAK,QAAQ,EAAE,OAAO,QAAQ,CAAC;AAC/B,YAAA,SAAS,OAAO,QAAQ,CAAC;~~AAC1B,SAAA~~;AACH,KAAC,CAAC,EAAA;AAEK,IAAA,SAAA,IAAA,CAAA,WAAW,GAAG,CAAC,OAAkB,KAAiC;~~QACvE~~,QAAQ,OAAO,CAAC,UAAU;AACxB,YAAA,KAAK,QAAQ,EAAE,OAAO,MAAM,CAAC;AAC7B,YAAA,KAAK,OAAO,CAAC;AACb,YAAA,KAAK,QAAQ,EAAE,OAAO,kBAAkB,CAAC;AACzC,YAAA,SAAS,OAAO,MAAM,CAAC;~~AACxB,SAAA~~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~~AA0CT~~,~~EAAA~~,~~CAAA,EAAA,~~QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,igEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAjDC~~,gBAAgB,~~EAEhB~~,~~QAAA~~,EAAA,~~oBAAA~~,EAAA,~~MAAA~~,EAAA,~~CAAA,yBAAA,~~EAAA,~~kBAAA,~~EAAA,~~0BAAA~~,~~CAAA,~~EAAA,~~EAAA~~,EAAA,IAAA,~~EAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA~~,EAAA,~~WAAW~~,~~EACX~~,~~QAAA~~,EAAA,~~gBAAA~~,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,~~2BAA2B~~,~~4FAC3B~~,~~iBAAiB~~,EAAA,~~QAAA~~,~~EAAA~~,~~gBAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,CAAA,~~SAAA~~,~~EAAA~~,~~OAAA~~,CAAA,EAAA,CAAA,EAAA,~~eAAA~~,EAAA,EAAA,CAAA,~~uBAAA~~,CAAA,~~MAAA~~,~~EAAA~~,CAAA,CAAA,EAAA~~;;2FA6DR~~,~~YAAY~~,EAAA,UAAA,EAAA,CAAA;~~kBApExB~~,SAAS;AACI,~~YAAA~~,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;~~wBACP~~,gBAAgB;~~wBAChB~~,WAAW;~~wBACX~~,WAAW;~~wBACX~~,2BAA2B;~~wBAC3B~~,iBAAiB;AAClB,~~qBAAA~~,EAAA,QAAA,EACS,iBAAiB,EACjB,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,~~wBAAA~~;AACE,~~4BAAA~~,SAAS,EAAE,iBAAiB;AAC5B,~~4BAAA~~,MAAM,EAAE;~~gCACN~~,SAAS;~~gCACT~~,UAAU;~~gCACV~~,WAAW;~~gCACX~~,MAAM;~~gCACN~~,WAAW;AACZ,~~6BAAA~~;AACF,~~yBAAA~~;AACF,~~qBAAA~~,EAAA,MAAA,EAAA,CAAA,igEAAA,CAAA,EAAA,CAAA;;;ACnIH;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, WritableSignal, inject, input, signal } from '@angular/core';\nimport { Breakpoint } from '@ng-atomic/common/services/breakpoint';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { InjectableComponent } from '@ng-atomic/core';\n\nexport function injectSideNavMode(): WritableSignal<'collapsed' \| 'expanded'> {\n return signal<'collapsed' \| 'expanded'>('collapsed');\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n static getMode = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'collapsed';\n default: return 'expanded';\n }\n };\n\n static getFrameType = (context: UIContext): 'lineup' \| 'drawer' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'drawer';\n default: return 'lineup';\n }\n };\n\n static getMenuType = (context: UIContext): 'menu' \| 'icon-button-menu' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n case 'small':\n case 'medium': return 'icon-button-menu';\n default: return 'menu';\n }\n };\n\n static readonly Config = makeConfig(() => {\n return (context) => ({\n actions: [],\n menuType: SideNavFrameStore.getMenuType(context),\n menuTitle: undefined as string,\n mode: SideNavFrameStore.getMode(context),\n frameType: SideNavFrameStore.getFrameType(context),\n });\n }, ['components', 'frames', 'sideNav']);\n\n readonly config = SideNavFrameStore.Config.inject();\n readonly actions = input(_computed(() => this.config().actions));\n readonly menuType = input(_computed(() => this.config().menuType));\n readonly menuTitle = input(_computed(() => this.config().menuTitle));\n readonly mode = input(_computed(() => this.config().mode));\n readonly frameType = input(_computed(() => this.config().frameType));\n\n @HostBinding('attr.frame')\n get attrFrame() {\n return this.frameType();\n }\n}\n\n\n@Component({\n standalone: true,\n imports: [\n NgTemplateOutlet,\n DrawerFrame,\n LineUpFrame,\n IconButtonMenuTemplateStore,\n MenuTemplateStore,\n ],\n selector: 'frames-side-nav',\n template: `\n @switch (store.frameType()) {\n @case ('drawer') {\n @defer {\n <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n <ng-container ngTemplateOutlet=\"menu\" drawer/>\n <ng-container ngTemplateOutlet=\"contents\" contents/>\n </frames-drawer>\n }\n }\n @default {\n <!-- @defer { -->\n <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n <ng-container ngTemplateOutlet=\"menu\" main/>\n <div class=\"content\" next><ng-container ngTemplateOutlet=\"contents\"/></div>\n </frames-line-up>\n <!-- } -->\n }\n }\n\n <ng-template #menu>\n @switch (store.menuType()) {\n @case ('icon-button-menu') {\n <!-- @defer { -->\n <templates-icon-button-menu injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n @default {\n <!-- @defer { -->\n <templates-menu injectable\n [title]=\"store.menuTitle()\"\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n }\n </ng-template>\n <ng-template #contents><ng-content/></ng-template>\n `,\n styleUrls: ['./side-nav.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: SideNavFrameStore,\n inputs: [\n 'actions',\n 'menuType',\n 'menuTitle',\n 'mode',\n 'frameType',\n ],\n },\n ],\n})\nexport class SideNavFrame extends NgAtomicComponent {\n protected store = inject(SideNavFrameStore);\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-smart-menu.mjs CHANGED Viewed

@@ -13,14 +13,14 @@ class SmartMenuFrame {
         const page = this.outlet?.activatedRouteData?.['page'];
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-dfGB: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-dfGB: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-dfGB: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-dfGB);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-dfGB)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-dfGB)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-l63b: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-l63b: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-l63b: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-l63b);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-l63b)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-l63b)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-dfGB: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-dfGB: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-dfGB: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-dfGB);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-dfGB)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-dfGB)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-l63b: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-l63b: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-l63b: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-l63b);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-l63b)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-l63b)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

package/fesm2022/ng-atomic-components-frames-smart-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ],\n selector: 'frames-smart-menu',\n templateUrl: './smart-menu.frame.html',\n styleUrls: ['./smart-menu.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuFrame {\n @HostBinding('attr.is-main-hidden')\n isMainHidden = false;\n\n @Input()\n label = 'root';\n\n @Input()\n outlet?: RouterOutlet;\n\n @Input()\n minNextWidth: ~~number~~ = 360;\n\n @ViewChild('next', {static: true})\n next!: ElementRef;\n\n get page(): string {\n const page: string = this.outlet?.activatedRouteData?.['page'];\n return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n }\n\n}\n","<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAca,cAAc,CAAA;AAV3B,IAAA,WAAA,GAAA;QAYE,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAGrB,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAMf,IAAY,CAAA,YAAA,~~GAAW~~,GAAG,CAAC;~~AAU5B~~,KAAA;AALC,IAAA,IAAI,IAAI,GAAA;QACN,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;QAC/D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;8GAnBU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3B,kLAKM,EAAA,MAAA,EAAA,CAAA~~,+uBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEF,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAOH,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA~~,+uBAAA~~,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB,CAAA;gBAIlC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AE3BnC;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ],\n selector: 'frames-smart-menu',\n templateUrl: './smart-menu.frame.html',\n styleUrls: ['./smart-menu.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuFrame {\n @HostBinding('attr.is-main-hidden')\n isMainHidden = false;\n\n @Input()\n label = 'root';\n\n @Input()\n outlet?: RouterOutlet;\n\n @Input()\n minNextWidth = 360;\n\n @ViewChild('next', {static: true})\n next!: ElementRef;\n\n get page(): string {\n const page: string = this.outlet?.activatedRouteData?.['page'];\n return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n }\n\n}\n","<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAca,cAAc,CAAA;AAV3B,IAAA,WAAA,GAAA;QAYE,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAGrB,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAMf,IAAY,CAAA,YAAA,GAAG,GAAG,CAAC;AAUpB,KAAA;AALC,IAAA,IAAI,IAAI,GAAA;QACN,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;QAC/D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;8GAnBU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3B,kLAKM,EAAA,MAAA,EAAA,CAAA,6rBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEF,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAOH,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,6rBAAA,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB,CAAA;gBAIlC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AE3BnC;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-tabs.mjs CHANGED Viewed

@@ -14,8 +14,8 @@ class TabsFrame {
             this.tabs.push({ content: content });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TabsFrame, isStandalone: true, selector: "frames-tabs", queries: [{ propertyName: "tabContents", predicate: ["tab"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: TabsFrame, isStandalone: true, selector: "frames-tabs", queries: [{ propertyName: "tabContents", predicate: ["tab"] }], ngImport: i0, template: `
     <mat-tab-group>
       <mat-tab *ngFor="let tab of tabs; let i = index" [label]="'Tab ' + (i + 1)">
         <ng-container *ngTemplateOutlet="tab.content"></ng-container>
@@ -23,7 +23,7 @@ class TabsFrame {
     </mat-tab-group>
   `, isInline: true, styles: [":host{display:block}:host{height:100%}:host mat-tab-group{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TabsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-tabs', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-tabs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-tabs.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/tabs.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/ng-atomic-components-frames-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, QueryList } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n selector: 'frames-tabs',\n standalone: true,\n imports: [\n CommonModule,\n MatTabsModule,\n ],\n template: `\n <mat-tab-group>\n <mat-tab ngFor=\"let tab of tabs; let i = index\" [label]=\"'Tab ' + (i + 1)\">\n <ng-container ngTemplateOutlet=\"tab.content\"></ng-container>\n </mat-tab>\n </mat-tab-group>\n `,\n styleUrls: ['./tabs.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabsFrame {\n @ContentChildren('tab') tabContents: QueryList<ElementRef>;\n\n tabs: any[] = [];\n\n ngAfterContentInit() {\n this.tabContents.forEach((content, index) => {\n this.tabs.push({ content: content });\n });\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAqBa,SAAS,CAAA;AAjBtB,IAAA,WAAA,GAAA;QAoBE,IAAI,CAAA,IAAA,GAAU,EAAE,CAAC;AAOlB,KAAA;IALC,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;YAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACvC,SAAC,CAAC,CAAC;KACJ;8GATU,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAVV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kUACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAYJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBAjBrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,CAAA;8BAGvB,WAAW,EAAA,CAAA;sBAAlC,eAAe;uBAAC,KAAK,CAAA;;;ACtBxB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-tabs.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/tabs.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/ng-atomic-components-frames-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, QueryList, AfterContentInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n selector: 'frames-tabs',\n standalone: true,\n imports: [\n CommonModule,\n MatTabsModule,\n ],\n template: `\n <mat-tab-group>\n <mat-tab ngFor=\"let tab of tabs; let i = index\" [label]=\"'Tab ' + (i + 1)\">\n <ng-container ngTemplateOutlet=\"tab.content\"></ng-container>\n </mat-tab>\n </mat-tab-group>\n `,\n styleUrls: ['./tabs.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabsFrame implements AfterContentInit {\n @ContentChildren('tab') tabContents: QueryList<ElementRef>;\n\n tabs: any[] = [];\n\n ngAfterContentInit() {\n this.tabContents.forEach((content, index) => {\n this.tabs.push({ content: content });\n });\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAqBa,SAAS,CAAA;AAjBtB,IAAA,WAAA,GAAA;QAoBE,IAAI,CAAA,IAAA,GAAU,EAAE,CAAC;AAOlB,KAAA;IALC,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;YAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACvC,SAAC,CAAC,CAAC;KACJ;8GATU,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAVV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kUACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAYJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBAjBrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,CAAA;8BAGvB,WAAW,EAAA,CAAA;sBAAlC,eAAe;uBAAC,KAAK,CAAA;;;ACtBxB;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-toggle.mjs CHANGED Viewed

@@ -15,8 +15,8 @@ class ToggleFrame extends NgAtomicComponent {
     onChange($event) {
         this.dispatch($event.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ToggleFrame, isStandalone: true, selector: "frames-toggle", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ToggleFrame, isStandalone: true, selector: "frames-toggle", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
     <ng-content />
     <mat-button-toggle-group #group="matButtonToggleGroup" (change)="onChange($event)">
       @for (action of actions; track action.id) {
@@ -25,9 +25,9 @@ class ToggleFrame extends NgAtomicComponent {
         </mat-button-toggle>
       }
     </mat-button-toggle-group>
-  `, isInline: true, styles: [":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToggleFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ToggleFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-toggle', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-toggle.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-toggle.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/toggle.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/ng-atomic-components-frames-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonToggleChange, MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'frames-toggle',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonToggleModule,\n MatIconModule,\n ],\n template: `\n <ng-content />\n <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n @for (action of actions; track action.id) {\n <mat-button-toggle [value]=\"action\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n `,\n styleUrls: ['./toggle.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToggleFrame extends NgAtomicComponent {\n @Input() actions: Action[] = [];\n\n protected onChange($event: MatButtonToggleChange) {\n this.dispatch($event.value);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AA4BM,MAAO,WAAY,SAAQ,iBAAiB,CAAA;AArBlD,IAAA,WAAA,GAAA;;QAsBW,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAKjC,KAAA;AAHW,IAAA,QAAQ,CAAC,MAA6B,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC7B;8GALU,WAAW,EAAA,IAAA,EAAA,IAAA,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,QAAA,EAAA,IAAA,EAAA,WAAW,EAbZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAeJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AC7BR;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-toggle.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/toggle.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/ng-atomic-components-frames-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonToggleChange, MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'frames-toggle',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonToggleModule,\n MatIconModule,\n ],\n template: `\n <ng-content />\n <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n @for (action of actions; track action.id) {\n <mat-button-toggle [value]=\"action\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n `,\n styleUrls: ['./toggle.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToggleFrame extends NgAtomicComponent {\n @Input() actions: Action[] = [];\n\n protected onChange($event: MatButtonToggleChange) {\n this.dispatch($event.value);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AA4BM,MAAO,WAAY,SAAQ,iBAAiB,CAAA;AArBlD,IAAA,WAAA,GAAA;;QAsBW,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAKjC,KAAA;AAHW,IAAA,QAAQ,CAAC,MAA6B,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC7B;8GALU,WAAW,EAAA,IAAA,EAAA,IAAA,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,QAAA,EAAA,IAAA,EAAA,WAAW,EAbZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,gCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAeJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AC7BR;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs CHANGED Viewed

@@ -7,13 +7,13 @@ class VerticalHideFrame {
     constructor() {
         this.mode = 'collapsed';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-XrJ0: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-XrJ0: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-XrJ0)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-XrJ0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-ZjhH: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-ZjhH: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-ZjhH)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-ZjhH)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-vertical-hide', standalone: true, imports: [
                         CommonModule,
@@ -21,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                     ], template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-XrJ0: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-XrJ0: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-XrJ0)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-XrJ0)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-ZjhH: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-ZjhH: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-ZjhH)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-ZjhH)}\n"] }]
         }], propDecorators: { mode: [{
                 type: Input
             }, {

package/fesm2022/ng-atomic-components-frames.mjs CHANGED Viewed

@@ -29,11 +29,11 @@ class NgAtomicFramesModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicFramesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicFramesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicFramesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicFramesModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });