@ng-atomic/components 1.5.0 → 2.0.0

package/fesm2015/ng-atomic-components-frames-overlay-v2.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { trigger, transition, query, style, animate, animateChild } from '@angular/animations';
 import { CommonModule } from '@angular/common';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -36,44 +36,43 @@ class OverlayFrame {
         this.hasNext = false;
     }
 }
-OverlayFrame.ɵfac = function OverlayFrame_Factory(t) { return new (t || OverlayFrame)(); };
-OverlayFrame.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: OverlayFrame, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell:8px;--cell-SCOPED-IN-line-overlay-P8kQ:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-P8kQ:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-P8kQ:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-P8kQ);height:var(--height-SCOPED-IN-line-overlay-P8kQ)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-P8kQ);height:var(--height-SCOPED-IN-line-overlay-P8kQ)}:host .main{z-index:1;overflow:hidden}:host .main *{--cell:var(--cell-SCOPED-IN-line-overlay-P8kQ);--width:var(--width-SCOPED-IN-line-overlay-P8kQ);--height:var(--height-SCOPED-IN-line-overlay-P8kQ)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-P8kQ);height:auto}:host .next *{--cell:var(--cell-SCOPED-IN-line-overlay-P8kQ);--width:var(--width-SCOPED-IN-line-overlay-P8kQ);--height:var(--height-SCOPED-IN-line-overlay-P8kQ)}"], animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(OverlayFrame, [{
-        type: Component,
-        args: [{
-                selector: 'frames-overlay',
-                templateUrl: './overlay.frame.html',
-                styleUrls: ['./overlay.frame.scss'],
-                animations: [OVERLAY_ANIMATION],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], null, { hasNext: [{
-            type: Input
-        }] }); })();
+OverlayFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OverlayFrame, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-9SlT: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-9SlT: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-9SlT: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-9SlT);height:var(--height-SCOPED-IN-line-overlay-9SlT)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-9SlT);height:var(--height-SCOPED-IN-line-overlay-9SlT);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-9SlT);height:var(--height-SCOPED-IN-line-overlay-9SlT);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-9SlT);--width: var(--width-SCOPED-IN-line-overlay-9SlT);--height: var(--height-SCOPED-IN-line-overlay-9SlT)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-9SlT);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-9SlT);--width: var(--width-SCOPED-IN-line-overlay-9SlT);--height: var(--height-SCOPED-IN-line-overlay-9SlT)}\n"], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayFrame, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frames-overlay',
+                    templateUrl: './overlay.frame.html',
+                    styleUrls: ['./overlay.frame.scss'],
+                    animations: [OVERLAY_ANIMATION],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { hasNext: [{
+                type: Input
+            }] } });
 
 class OverlayModule {
 }
-OverlayModule.ɵfac = function OverlayModule_Factory(t) { return new (t || OverlayModule)(); };
-OverlayModule.ɵmod = ɵɵdefineNgModule({ type: OverlayModule });
-OverlayModule.ɵinj = ɵɵdefineInjector({ imports: [[
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, declarations: [OverlayFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [OverlayFrame] });
+OverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, imports: [[
             CommonModule,
             MatProgressSpinnerModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(OverlayModule, { declarations: [OverlayFrame], imports: [CommonModule,
-        MatProgressSpinnerModule], exports: [OverlayFrame] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(OverlayModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [OverlayFrame],
-                imports: [
-                    CommonModule,
-                    MatProgressSpinnerModule
-                ],
-                exports: [
-                    OverlayFrame
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OverlayFrame],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [
+                        OverlayFrame
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-frames-overlay-v2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-overlay-v2.js","sources":["../../../../libs/components/frames/overlay-v2/overlay.animations.ts","../../../../libs/components/frames/overlay-v2/overlay.frame.ts","../../../../libs/components/frames/overlay-v2/overlay.frame.html","../../../../libs/components/frames/overlay-v2/overlay.module.ts","../../../../libs/components/frames/overlay-v2/ng-atomic-components-frames-overlay-v2.ts"],"sourcesContent":["import { trigger, transition, style, query, animateChild, animate } from '@angular/animations';\n\nexport const OVERLAY_ANIMATION = trigger('hasNext', [\n  transition('false => true', [\n    query(':enter', [\n      style({\n        position: 'absolute',\n        top: '0px',\n        left: '0px'\n      })\n    ]),\n    query(':enter', [style({ left: '100%' })]),\n    query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),\n    query(':enter', animateChild()),\n  ]),\n  transition('true => false', [\n      query(':leave', [\n        style({\n          position: 'absolute',\n          top: '0px',\n          left: '0px'\n        })\n      ]),\n      query(':leave', [style({ left: '0%' })]),\n      query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),\n      query(':leave', animateChild()),\n  ])\n]);\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { OVERLAY_ANIMATION } from './overlay.animations';\n\n@Component({\n  selector: 'frames-overlay',\n  templateUrl: './overlay.frame.html',\n  styleUrls: ['./overlay.frame.scss'],\n  animations: [OVERLAY_ANIMATION],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OverlayFrame {\n  @Input()\n  hasNext = false;\n}\n","<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { OverlayFrame } from './overlay.frame';\n\n@NgModule({\n  declarations: [OverlayFrame],\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    OverlayFrame\n  ]\n})\nexport class OverlayModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAClD,UAAU,CAAC,eAAe,EAAE;QAC1B,KAAK,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC;gBACJ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;QACF,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAC1C,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACnE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAChC,CAAC;IACF,UAAU,CAAC,eAAe,EAAE;QACxB,KAAK,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC;gBACJ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;QACF,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxC,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QACpE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAClC,CAAC;CACH,CAAC;;MCjBW,YAAY;IAPzB;QASE,YAAO,GAAG,KAAK,CAAC;KACjB;;wEAHY,YAAY;qEAAZ,YAAY,sFCVzB,6KAKM,gkCDEQ,CAAC,iBAAiB,CAAC;oFAGpB,YAAY;cAPxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,UAAU,EAAE,CAAC,iBAAiB,CAAC;gBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAGC,OAAO;kBADN,KAAK;;;MEIK,aAAa;;0EAAb,aAAa;8CAAb,aAAa;kDARf;YACP,YAAY;YACZ,wBAAwB;SACzB;qFAKU,aAAa,mBATT,YAAY,aAEzB,YAAY;QACZ,wBAAwB,aAGxB,YAAY;oFAGH,aAAa;cAVzB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;aACF;;;ACdD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-overlay-v2.js","sources":["../../../../libs/components/frames/overlay-v2/overlay.animations.ts","../../../../libs/components/frames/overlay-v2/overlay.frame.ts","../../../../libs/components/frames/overlay-v2/overlay.frame.html","../../../../libs/components/frames/overlay-v2/overlay.module.ts","../../../../libs/components/frames/overlay-v2/ng-atomic-components-frames-overlay-v2.ts"],"sourcesContent":["import { trigger, transition, style, query, animateChild, animate } from '@angular/animations';\n\nexport const OVERLAY_ANIMATION = trigger('hasNext', [\n  transition('false => true', [\n    query(':enter', [\n      style({\n        position: 'absolute',\n        top: '0px',\n        left: '0px'\n      })\n    ]),\n    query(':enter', [style({ left: '100%' })]),\n    query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),\n    query(':enter', animateChild()),\n  ]),\n  transition('true => false', [\n      query(':leave', [\n        style({\n          position: 'absolute',\n          top: '0px',\n          left: '0px'\n        })\n      ]),\n      query(':leave', [style({ left: '0%' })]),\n      query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),\n      query(':leave', animateChild()),\n  ])\n]);\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { OVERLAY_ANIMATION } from './overlay.animations';\n\n@Component({\n  selector: 'frames-overlay',\n  templateUrl: './overlay.frame.html',\n  styleUrls: ['./overlay.frame.scss'],\n  animations: [OVERLAY_ANIMATION],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OverlayFrame {\n  @Input()\n  hasNext = false;\n}\n","<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { OverlayFrame } from './overlay.frame';\n\n@NgModule({\n  declarations: [OverlayFrame],\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    OverlayFrame\n  ]\n})\nexport class OverlayModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-overlay.js

@@ -1,9 +1,11 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
 import '@angular/router';
 import { trigger, transition, query, style, animate, animateChild } from '@angular/animations';
-import { NgIf, CommonModule } from '@angular/common';
-import { MatSpinner, MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 const slideInAnimation = trigger('routeAnimations', [
     transition('IndexPage => NextPage', [
@@ -42,45 +44,44 @@ class OverlayFrame {
         return (_a = outlet === null || outlet === void 0 ? void 0 : outlet.activatedRouteData) === null || _a === void 0 ? void 0 : _a.page;
     }
 }
-OverlayFrame.ɵfac = function OverlayFrame_Factory(t) { return new (t || OverlayFrame)(); };
-OverlayFrame.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: OverlayFrame, selector: "frames-overlay", inputs: { outlet: "outlet", isLoading: "isLoading" }, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell:8px;--cell-SCOPED-IN-line-overlay-l2LW:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-l2LW:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-l2LW:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-l2LW);height:var(--height-SCOPED-IN-line-overlay-l2LW)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main.page{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-l2LW);height:var(--height-SCOPED-IN-line-overlay-l2LW)}:host .main.page{z-index:1;overflow:hidden}:host .main.page *{--cell:var(--cell-SCOPED-IN-line-overlay-l2LW);--width:var(--width-SCOPED-IN-line-overlay-l2LW);--height:var(--height-SCOPED-IN-line-overlay-l2LW)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-l2LW);height:auto}:host .next.page *{--cell:var(--cell-SCOPED-IN-line-overlay-l2LW);--width:var(--width-SCOPED-IN-line-overlay-l2LW);--height:var(--height-SCOPED-IN-line-overlay-l2LW)}"], directives: [{ type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MatSpinner, selector: "mat-spinner", inputs: ["color"] }], animations: [slideInAnimation] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(OverlayFrame, [{
-        type: Component,
-        args: [{
-                selector: 'frames-overlay',
-                templateUrl: './overlay.frame.html',
-                styleUrls: ['./overlay.frame.scss'],
-                animations: [slideInAnimation],
-            }]
-    }], null, { outlet: [{
-            type: Input
-        }], isLoading: [{
-            type: Input
-        }] }); })();
+OverlayFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OverlayFrame, selector: "frames-overlay", inputs: { outlet: "outlet", isLoading: "isLoading" }, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-WSjg: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-WSjg: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-WSjg: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-WSjg);height:var(--height-SCOPED-IN-line-overlay-WSjg)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-WSjg);height:var(--height-SCOPED-IN-line-overlay-WSjg);justify-content:center;align-items:center;background-color:#0006}:host .main.page{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-WSjg);height:var(--height-SCOPED-IN-line-overlay-WSjg);overflow:hidden}:host .main.page *{--cell: var(--cell-SCOPED-IN-line-overlay-WSjg);--width: var(--width-SCOPED-IN-line-overlay-WSjg);--height: var(--height-SCOPED-IN-line-overlay-WSjg)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-WSjg);height:auto}:host .next.page *{--cell: var(--cell-SCOPED-IN-line-overlay-WSjg);--width: var(--width-SCOPED-IN-line-overlay-WSjg);--height: var(--height-SCOPED-IN-line-overlay-WSjg)}\n"], components: [{ type: i1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [slideInAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayFrame, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frames-overlay',
+                    templateUrl: './overlay.frame.html',
+                    styleUrls: ['./overlay.frame.scss'],
+                    animations: [slideInAnimation],
+                }]
+        }], propDecorators: { outlet: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }] } });
 
 class OverlayModule {
 }
-OverlayModule.ɵfac = function OverlayModule_Factory(t) { return new (t || OverlayModule)(); };
-OverlayModule.ɵmod = ɵɵdefineNgModule({ type: OverlayModule });
-OverlayModule.ɵinj = ɵɵdefineInjector({ imports: [[
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, declarations: [OverlayFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [OverlayFrame] });
+OverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, imports: [[
             CommonModule,
             MatProgressSpinnerModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(OverlayModule, { declarations: [OverlayFrame], imports: [CommonModule,
-        MatProgressSpinnerModule], exports: [OverlayFrame] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(OverlayModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [OverlayFrame],
-                imports: [
-                    CommonModule,
-                    MatProgressSpinnerModule
-                ],
-                exports: [
-                    OverlayFrame
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OverlayFrame],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [
+                        OverlayFrame
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-frames-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-overlay.js","sources":["../../../../libs/components/frames/overlay/overlay.animations.ts","../../../../libs/components/frames/overlay/overlay.frame.ts","../../../../libs/components/frames/overlay/overlay.frame.html","../../../../libs/components/frames/overlay/overlay.module.ts","../../../../libs/components/frames/overlay/ng-atomic-components-frames-overlay.ts"],"sourcesContent":["import { trigger, transition, style, query, group, animateChild, animate } from '@angular/animations';\n\nexport const slideInAnimation = trigger('routeAnimations', [\n  transition('IndexPage => NextPage', [\n    query(':enter', [\n      style({\n        position: 'absolute',\n        top: '0px',\n        left: '0px'\n      })\n    ]),\n    query(':enter', [style({ left: '100%' })]),\n    query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),\n    query(':enter', animateChild()),\n  ]),\n\n  transition('NextPage => IndexPage', [\n      query(':leave', [\n        style({\n          position: 'absolute',\n          top: '0px',\n          left: '0px'\n        })\n      ]),\n      query(':leave', [style({ left: '0%' })]),\n      query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),\n      query(':leave', animateChild()),\n  ])\n\n]);","import { Component, Input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { slideInAnimation } from './overlay.animations';\n\n@Component({\n  selector: 'frames-overlay',\n  templateUrl: './overlay.frame.html',\n  styleUrls: ['./overlay.frame.scss'],\n  animations: [slideInAnimation],\n})\nexport class OverlayFrame {\n  \n  @Input()\n  outlet?: RouterOutlet | null = null;\n\n  @Input()\n  isLoading: boolean = false;\n\n  prepareRoute(outlet: RouterOutlet) {\n    return outlet?.activatedRouteData?.page;\n  }\n\n}\n","<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { OverlayFrame } from './overlay.frame';\n\n@NgModule({\n  declarations: [OverlayFrame],\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    OverlayFrame\n  ]\n})\nexport class OverlayModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,EAAE;IACzD,UAAU,CAAC,uBAAuB,EAAE;QAClC,KAAK,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC;gBACJ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;QACF,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAC1C,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACnE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAChC,CAAC;IAEF,UAAU,CAAC,uBAAuB,EAAE;QAChC,KAAK,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC;gBACJ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;QACF,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxC,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QACpE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAClC,CAAC;CAEH,CAAC;;MCnBW,YAAY;IANzB;QASE,WAAM,GAAyB,IAAI,CAAC;QAGpC,cAAS,GAAY,KAAK,CAAC;KAM5B;IAJC,YAAY,CAAC,MAAoB;;QAC/B,aAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,kBAAkB,0CAAE,IAAI,CAAC;KACzC;;wEAVU,YAAY;qEAAZ,YAAY,4GCVzB,0SAQM,uvCDAQ,CAAC,gBAAgB,CAAC;oFAEnB,YAAY;cANxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,UAAU,EAAE,CAAC,gBAAgB,CAAC;aAC/B;gBAIC,MAAM;kBADL,KAAK;YAIN,SAAS;kBADR,KAAK;;;MEAK,aAAa;;0EAAb,aAAa;8CAAb,aAAa;kDARf;YACP,YAAY;YACZ,wBAAwB;SACzB;qFAKU,aAAa,mBATT,YAAY,aAEzB,YAAY;QACZ,wBAAwB,aAGxB,YAAY;oFAGH,aAAa;cAVzB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;aACF;;;ACdD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-overlay.js","sources":["../../../../libs/components/frames/overlay/overlay.animations.ts","../../../../libs/components/frames/overlay/overlay.frame.ts","../../../../libs/components/frames/overlay/overlay.frame.html","../../../../libs/components/frames/overlay/overlay.module.ts","../../../../libs/components/frames/overlay/ng-atomic-components-frames-overlay.ts"],"sourcesContent":["import { trigger, transition, style, query, group, animateChild, animate } from '@angular/animations';\n\nexport const slideInAnimation = trigger('routeAnimations', [\n  transition('IndexPage => NextPage', [\n    query(':enter', [\n      style({\n        position: 'absolute',\n        top: '0px',\n        left: '0px'\n      })\n    ]),\n    query(':enter', [style({ left: '100%' })]),\n    query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),\n    query(':enter', animateChild()),\n  ]),\n\n  transition('NextPage => IndexPage', [\n      query(':leave', [\n        style({\n          position: 'absolute',\n          top: '0px',\n          left: '0px'\n        })\n      ]),\n      query(':leave', [style({ left: '0%' })]),\n      query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),\n      query(':leave', animateChild()),\n  ])\n\n]);","import { Component, Input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { slideInAnimation } from './overlay.animations';\n\n@Component({\n  selector: 'frames-overlay',\n  templateUrl: './overlay.frame.html',\n  styleUrls: ['./overlay.frame.scss'],\n  animations: [slideInAnimation],\n})\nexport class OverlayFrame {\n  \n  @Input()\n  outlet?: RouterOutlet | null = null;\n\n  @Input()\n  isLoading: boolean = false;\n\n  prepareRoute(outlet: RouterOutlet) {\n    return outlet?.activatedRouteData?.page;\n  }\n\n}\n","<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { OverlayFrame } from './overlay.frame';\n\n@NgModule({\n  declarations: [OverlayFrame],\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    OverlayFrame\n  ]\n})\nexport class OverlayModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-scroll.js

@@ -1,47 +1,47 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { IosSafariScrollBuggyfillDirective, IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@ng-atomic/common/directives';
+import { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';
 import { CommonModule } from '@angular/common';
 
 class ScrollFrame {
 }
-ScrollFrame.ɵfac = function ScrollFrame_Factory(t) { return new (t || ScrollFrame)(); };
-ScrollFrame.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: ScrollFrame, selector: "frames-scroll", ngImport: i0, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height:100%;--height-SCOPED-IN-scroll-m8er:var(--height);--navigator-height:56px;--navigator-height-SCOPED-IN-scroll-m8er:var(--navigator-height);height:var(--height-SCOPED-IN-scroll-m8er);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-m8er);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-m8er) - var(--navigator-height-SCOPED-IN-scroll-m8er));overflow:scroll;-webkit-overflow-scrolling:touch}"], directives: [{ type: IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(ScrollFrame, [{
-        type: Component,
-        args: [{
-                selector: 'frames-scroll',
-                templateUrl: './scroll.frame.html',
-                styleUrls: ['./scroll.frame.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], null, null); })();
+ScrollFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollFrame, selector: "frames-scroll", ngImport: i0, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-DqS5: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-DqS5: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-DqS5);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-DqS5);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-DqS5) - var(--navigator-height-SCOPED-IN-scroll-DqS5));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollFrame, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frames-scroll',
+                    templateUrl: './scroll.frame.html',
+                    styleUrls: ['./scroll.frame.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
 
 class ScrollModule {
 }
-ScrollModule.ɵfac = function ScrollModule_Factory(t) { return new (t || ScrollModule)(); };
-ScrollModule.ɵmod = ɵɵdefineNgModule({ type: ScrollModule });
-ScrollModule.ɵinj = ɵɵdefineInjector({ imports: [[
+ScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollModule, declarations: [ScrollFrame], imports: [CommonModule,
+        IosSafariScrollBuggyfillModule], exports: [ScrollFrame] });
+ScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollModule, imports: [[
             CommonModule,
             IosSafariScrollBuggyfillModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ScrollModule, { declarations: [ScrollFrame], imports: [CommonModule,
-        IosSafariScrollBuggyfillModule], exports: [ScrollFrame] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(ScrollModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    ScrollFrame
-                ],
-                imports: [
-                    CommonModule,
-                    IosSafariScrollBuggyfillModule,
-                ],
-                exports: [
-                    ScrollFrame
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ScrollFrame
+                    ],
+                    imports: [
+                        CommonModule,
+                        IosSafariScrollBuggyfillModule,
+                    ],
+                    exports: [
+                        ScrollFrame
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-frames-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-scroll.js","sources":["../../../../libs/components/frames/scroll/scroll.frame.ts","../../../../libs/components/frames/scroll/scroll.frame.html","../../../../libs/components/frames/scroll/scroll.module.ts","../../../../libs/components/frames/scroll/ng-atomic-components-frames-scroll.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-scroll',\n  templateUrl: './scroll.frame.html',\n  styleUrls: ['./scroll.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';\nimport { ScrollFrame } from './scroll.frame';\n\n\n@NgModule({\n  declarations: [\n    ScrollFrame\n  ],\n  imports: [\n    CommonModule,\n    IosSafariScrollBuggyfillModule,\n  ],\n  exports: [\n    ScrollFrame\n  ]\n})\nexport class ScrollModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,WAAW;;sEAAX,WAAW;oEAAX,WAAW,qDCRxB,iNAKM;oFDGO,WAAW;cANvB,SAAS;eAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,WAAW,EAAE,qBAAqB;gBAClC,SAAS,EAAE,CAAC,qBAAqB,CAAC;gBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MEWY,YAAY;;wEAAZ,YAAY;6CAAZ,YAAY;iDARd;YACP,YAAY;YACZ,8BAA8B;SAC/B;qFAKU,YAAY,mBAVrB,WAAW,aAGX,YAAY;QACZ,8BAA8B,aAG9B,WAAW;oFAGF,YAAY;cAZxB,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,WAAW;iBACZ;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,WAAW;iBACZ;aACF;;;ACjBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-scroll.js","sources":["../../../../libs/components/frames/scroll/scroll.frame.ts","../../../../libs/components/frames/scroll/scroll.frame.html","../../../../libs/components/frames/scroll/scroll.module.ts","../../../../libs/components/frames/scroll/ng-atomic-components-frames-scroll.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-scroll',\n  templateUrl: './scroll.frame.html',\n  styleUrls: ['./scroll.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';\nimport { ScrollFrame } from './scroll.frame';\n\n\n@NgModule({\n  declarations: [\n    ScrollFrame\n  ],\n  imports: [\n    CommonModule,\n    IosSafariScrollBuggyfillModule,\n  ],\n  exports: [\n    ScrollFrame\n  ]\n})\nexport class ScrollModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,WAAW,CAAA;;yGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,qDCRxB,iNAKM,EAAA,MAAA,EAAA,CAAA,igBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDGO,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,WAAW,EAAE,qBAAqB;oBAClC,SAAS,EAAE,CAAC,qBAAqB,CAAC;oBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;MEWY,YAAY,CAAA;;0GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2GAAZ,YAAY,EAAA,YAAA,EAAA,CAVrB,WAAW,CAAA,EAAA,OAAA,EAAA,CAGX,YAAY;AACZ,QAAA,8BAA8B,aAG9B,WAAW,CAAA,EAAA,CAAA,CAAA;AAGF,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EARd,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,8BAA8B;AAC/B,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,8BAA8B;AAC/B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,WAAW;AACZ,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-frames-smart-menu.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, HostBinding, Input, ViewChild, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, NgModule } from '@angular/core';
 import '@angular/router';
 import { CommonModule } from '@angular/common';
 
@@ -15,48 +15,47 @@ class SmartMenuFrame {
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
 }
-SmartMenuFrame.ɵfac = function SmartMenuFrame_Factory(t) { return new (t || SmartMenuFrame)(); };
-SmartMenuFrame.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartMenuFrame, 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"], emitDistinctChangesOnly: false, 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-z3Qo:var(--gap);--background:#ccc;--background-SCOPED-IN-smart-menu-z3Qo:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-smart-menu-z3Qo:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-z3Qo);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-smart-menu-z3Qo)}:host,:host .contents{display:flex;height:100%}:host .contents{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:var(--contents-background-SCOPED-IN-smart-menu-z3Qo)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}"], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartMenuFrame, [{
-        type: Component,
-        args: [{
-                selector: 'frames-smart-menu',
-                templateUrl: './smart-menu.frame.html',
-                styleUrls: ['./smart-menu.frame.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], null, { isMainHidden: [{
-            type: HostBinding,
-            args: ['attr.is-main-hidden']
-        }], label: [{
-            type: Input
-        }], outlet: [{
-            type: Input
-        }], minNextWidth: [{
-            type: Input
-        }], next: [{
-            type: ViewChild,
-            args: ['next', { static: true }]
-        }] }); })();
+SmartMenuFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SmartMenuFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SmartMenuFrame, 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-VxLZ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-VxLZ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-VxLZ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-VxLZ);gap:var(--gap-SCOPED-IN-smart-menu-VxLZ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-VxLZ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-VxLZ)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartMenuFrame, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frames-smart-menu',
+                    templateUrl: './smart-menu.frame.html',
+                    styleUrls: ['./smart-menu.frame.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { isMainHidden: [{
+                type: HostBinding,
+                args: ['attr.is-main-hidden']
+            }], label: [{
+                type: Input
+            }], outlet: [{
+                type: Input
+            }], minNextWidth: [{
+                type: Input
+            }], next: [{
+                type: ViewChild,
+                args: ['next', { static: true }]
+            }] } });
 
 class SmartMenuModule {
 }
-SmartMenuModule.ɵfac = function SmartMenuModule_Factory(t) { return new (t || SmartMenuModule)(); };
-SmartMenuModule.ɵmod = ɵɵdefineNgModule({ type: SmartMenuModule });
-SmartMenuModule.ɵinj = ɵɵdefineInjector({ imports: [[
+SmartMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartMenuModule, declarations: [SmartMenuFrame], imports: [CommonModule], exports: [SmartMenuFrame] });
+SmartMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartMenuModule, imports: [[
             CommonModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SmartMenuModule, { declarations: [SmartMenuFrame], imports: [CommonModule], exports: [SmartMenuFrame] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartMenuModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [SmartMenuFrame],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SmartMenuFrame]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SmartMenuFrame],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [SmartMenuFrame]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-frames-smart-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-smart-menu.js","sources":["../../../../libs/components/frames/smart-menu/smart-menu.frame.ts","../../../../libs/components/frames/smart-menu/smart-menu.frame.html","../../../../libs/components/frames/smart-menu/smart-menu.module.ts","../../../../libs/components/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SmartMenuFrame } from './smart-menu.frame';\n\n\n\n@NgModule({\n  declarations: [SmartMenuFrame],\n  imports: [\n    CommonModule\n  ],\n  exports: [SmartMenuFrame]\n})\nexport class SmartMenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,cAAc;IAN3B;QAQE,iBAAY,GAAG,KAAK,CAAC;QAGrB,UAAK,GAAG,MAAM,CAAC;QAMf,iBAAY,GAAW,GAAG,CAAC;KAU5B;IALC,IAAI,IAAI;;QACN,MAAM,IAAI,eAAW,IAAI,CAAC,MAAM,0CAAE,kBAAkB,0CAAE,IAAI,CAAC;QAC3D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,kBAAkB,CAAC;KACrF;;4EAnBU,cAAc;uEAAd,cAAc,uVCT3B,kLAKM;oFDIO,cAAc;cAN1B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,WAAW,EAAE,yBAAyB;gBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;gBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAGC,YAAY;kBADX,WAAW;mBAAC,qBAAqB;YAIlC,KAAK;kBADJ,KAAK;YAIN,MAAM;kBADL,KAAK;YAIN,YAAY;kBADX,KAAK;YAIN,IAAI;kBADH,SAAS;mBAAC,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;METtB,eAAe;;8EAAf,eAAe;gDAAf,eAAe;oDALjB;YACP,YAAY;SACb;qFAGU,eAAe,mBANX,cAAc,aAE3B,YAAY,aAEJ,cAAc;oFAEb,eAAe;cAP3B,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,cAAc,CAAC;gBAC9B,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE,CAAC,cAAc,CAAC;aAC1B;;;ACZD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-smart-menu.js","sources":["../../../../libs/components/frames/smart-menu/smart-menu.frame.ts","../../../../libs/components/frames/smart-menu/smart-menu.frame.html","../../../../libs/components/frames/smart-menu/smart-menu.module.ts","../../../../libs/components/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SmartMenuFrame } from './smart-menu.frame';\n\n\n\n@NgModule({\n  declarations: [SmartMenuFrame],\n  imports: [\n    CommonModule\n  ],\n  exports: [SmartMenuFrame]\n})\nexport class SmartMenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;QAQE,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,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,kBAAkB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAC;QAC3D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;;4GAnBU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,uTCT3B,kLAKM,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDIO,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;8BAGC,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;;;METtB,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EANX,YAAA,EAAA,CAAA,cAAc,CAE3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAEJ,cAAc,CAAA,EAAA,CAAA,CAAA;AAEb,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EALjB,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,cAAc,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,cAAc,CAAC;AAC1B,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}