npm - @ng-atomic/components - Versions diffs - 5.3.1 → 5.4.0 - Mend

@ng-atomic/components 5.3.1 → 5.4.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 (178) hide show

package/fesm2015/ng-atomic-components-templates-smart-index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@ng-atomic/components/frames/auto-layout';
@@ -54,10 +54,28 @@ class SmartIndexTemplate {
     }
 }
 SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [page]=\"page\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [placeholder]=\"queryPlaceholder\"\n        (pageChange)=\"pageChange.emit($event)\"\n      ></organisms-paginator>\n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-Qq1s: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: i4.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }, { kind: "component", type: i5.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: i6.SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: i8.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [page]=\"page\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [placeholder]=\"queryPlaceholder\"\n        (pageChange)=\"pageChange.emit($event)\"\n      ></organisms-paginator>\n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-mSat: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type:
+            // Frames
+            AutoLayoutModule }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "ngmodule", type: ScrollModule }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type:
+            // Organisms
+            PaginatorModule }, { kind: "component", type: i4.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }, { kind: "ngmodule", type: SmartTableModule }, { kind: "component", type: i5.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "ngmodule", type: SmartListModule }, { kind: "component", type: i6.SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "ngmodule", type: NavigatorModule }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "ngmodule", type:
+            // Molecules
+            HeaderModule }, { kind: "component", type: i8.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [page]=\"page\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [placeholder]=\"queryPlaceholder\"\n        (pageChange)=\"pageChange.emit($event)\"\n      ></organisms-paginator>\n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-Qq1s: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        // Frames
+                        AutoLayoutModule,
+                        ScrollModule,
+                        // Organisms
+                        PaginatorModule,
+                        SmartTableModule,
+                        SmartListModule,
+                        NavigatorModule,
+                        // Molecules
+                        HeaderModule,
+                    ], selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [page]=\"page\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [placeholder]=\"queryPlaceholder\"\n        (pageChange)=\"pageChange.emit($event)\"\n      ></organisms-paginator>\n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-mSat: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
         }], propDecorators: { queryControl: [{
                 type: Input
             }], title: [{
@@ -98,59 +116,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
-class SmartIndexModule {
-}
-SmartIndexModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartIndexModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexModule, declarations: [SmartIndexTemplate], imports: [CommonModule,
-        // Frames
-        AutoLayoutModule,
-        ScrollModule,
-        // Organisms
-        PaginatorModule,
-        SmartTableModule,
-        SmartListModule,
-        NavigatorModule,
-        // Molecules
-        HeaderModule], exports: [SmartIndexTemplate] });
-SmartIndexModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexModule, imports: [CommonModule,
-        // Frames
-        AutoLayoutModule,
-        ScrollModule,
-        // Organisms
-        PaginatorModule,
-        SmartTableModule,
-        SmartListModule,
-        NavigatorModule,
-        // Molecules
-        HeaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartIndexTemplate
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Frames
-                        AutoLayoutModule,
-                        ScrollModule,
-                        // Organisms
-                        PaginatorModule,
-                        SmartTableModule,
-                        SmartListModule,
-                        NavigatorModule,
-                        // Molecules
-                        HeaderModule,
-                    ],
-                    exports: [
-                        SmartIndexTemplate
-                    ]
-                }]
-        }] });
 /**
  * Generated bundle index. Do not edit.
  */
-export { ActionId, SmartIndexModule, SmartIndexTemplate };
+export { ActionId, SmartIndexTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-smart-index.mjs.map

package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-index/~~smart-index.module.ts","../../../../../packages/@~~ng-atomic~~/components/src/templates/smart~~-~~index/ng-atomic-~~components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n protected ActionId = ActionId;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n itemActions: (item: T) => Action[] = () => [];\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Input()\n device: 'sp' \| 'tablet' \| 'pc' = 'sp';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n onAction(action: Action): void {\n switch(action.id) {\n default: return this.action.emit(action);\n }\n }\n}\n","<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n ></organisms-smart-table>\n <organisms-paginator\n ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </ng-container>\n </frames-auto-layout>\n</frames-scroll>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListModule } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n SmartListModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;~~AAKY~~,IAAA,SAGX;AAHD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,oDAA2D,CAAA;AAC3D,IAAA,QAAA,CAAA,oBAAA,CAAA,GAAA,kEAAuF,CAAA;AACzF,CAAC,EAHW,QAAQ,KAAR,QAAQ,GAGnB,EAAA,CAAA,CAAA,CAAA;~~MASY~~,kBAAkB,CAAA;~~AAP~~/B,IAAA,WAAA,GAAA;~~AAQY~~,QAAA,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;QAG9B,IAAA,CAAA,YAAY,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;AAG3C,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAMnB,QAAA,IAAK,CAAA,KAAA,GAAQ,EAAE,CAAC;AAGhB,QAAA,IAAA,CAAA,WAAW,GAA0B,MAAM,EAAE,CAAC;AAG9C,QAAA,IAAA,CAAA,eAAe,GAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAGxE,QAAA,IAAa,CAAA,aAAA,GAAa,EAAE,CAAC;AAG7B,QAAA,IAAU,CAAA,UAAA,GAAiB,EAAE,CAAC;AAG9B,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QASlC,IAAA,CAAA,IAAI,GAAe;AACjB,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,MAAM,EAAE,GAAG;SACZ,CAAC;AAGF,QAAA,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;AAGtB,QAAA,IAAM,CAAA,MAAA,GAA2B,IAAI,CAAC;AAGtC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAGpC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAE,CAAC;AAGrC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAK,CAAC;AAGtC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAO5C;AALC,IAAA,QAAQ,CAAC,MAAc,EAAA;QACrB,QAAO,MAAM,CAAC,EAAE;YACd,SAAS,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC1C,SAAA;KACF;;+GApEU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~AAAlB~~,~~kBAAA~~,~~CAAA~~,IAAA,~~GAAA~~,EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA~~,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,~~kBAAkB~~,~~snBCjB~~/B,w2CAsCgB,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,~~CAAA~~,~~eAAA~~,EAAA,~~QAAA~~,EAAA,~~oBAAA~~,EAAA,EAAA,~~EAAA~~,~~IAAA~~,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,EAAA,~~CAAA~~,~~WAAA~~,EAAA,~~QAAA~~,EAAA,~~eAAA~~,~~EAAA~~,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,~~EAAA~~,~~CAAA~~,~~iBAAA~~,EAAA,~~QAAA,~~EAAA,~~sBAAA,~~EAAA,~~MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,~~IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;~~2FDrBH~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;~~kBAP9B~~,SAAS~~;+BACE~~,~~uBAAuB~~,EAAA,~~eAAA~~,EAGhB,uBAAuB,CAAC,MAAM,QACzC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,w2CAAA,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,CAAA;8BAM3B,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,SAAS,EAAA,CAAA;sBADR,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,gBAAgB,EAAA,CAAA;sBADf,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;gBAIP,eAAe,EAAA,CAAA;sBADd,MAAM;gBAIP,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAIP,UAAU,EAAA,CAAA;sBADT,MAAM;;;~~ME5CI,gBAAgB,CAAA~~;;6GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8GAAhB,gBAAgB,EAAA,YAAA,EAAA,CAnBzB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,YAAY;;QAEZ,gBAAgB;QAChB,YAAY;;QAEZ,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,eAAe;;QAEf,YAAY,aAGZ,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGT,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAhBzB,YAAY;;QAEZ,gBAAgB;QAChB,YAAY;;QAEZ,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,eAAe;;QAEf,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBArB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChB,YAAY;;wBAEZ,eAAe;wBACf,gBAAgB;wBAChB,eAAe;wBACf,eAAe;;wBAEf,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;iBACF,CAAA;;;ACjCD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListModule } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n SmartListModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n protected ActionId = ActionId;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n itemActions: (item: T) => Action[] = () => [];\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Input()\n device: 'sp' \| 'tablet' \| 'pc' = 'sp';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n onAction(action: Action): void {\n switch(action.id) {\n default: return this.action.emit(action);\n }\n }\n}\n","<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n ></organisms-smart-table>\n <organisms-paginator\n ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </ng-container>\n </frames-auto-layout>\n</frames-scroll>","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-atoms-icon.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ class IconAtom {
     }
 }
 IconAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconAtom, deps: [{ token: i1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
-IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IconAtom, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-eHSJ: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-eHSJ)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-eHSJ)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IconAtom, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-tBKe: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-tBKe)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-tBKe)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
-            args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-eHSJ: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-eHSJ)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-eHSJ)}\n"] }]
+            args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-tBKe: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-tBKe)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-tBKe)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], color: [{

package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs CHANGED Viewed

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/legacy-button';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/legacy-menu';
-import { MatLegacyMenuModule } from '@angular/material/legacy-menu';
+import * as i4 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
 class SmartMenuButtonAtom {
     constructor() {
@@ -17,7 +17,7 @@ class SmartMenuButtonAtom {
     }
 }
 SmartMenuButtonAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonAtom, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatLegacyMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatLegacyMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
@@ -32,14 +32,14 @@ class SmartMenuButtonModule {
 SmartMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SmartMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, declarations: [SmartMenuButtonAtom], imports: [CommonModule,
         // Material
-        MatLegacyButtonModule,
+        MatButtonModule,
         MatIconModule,
-        MatLegacyMenuModule], exports: [SmartMenuButtonAtom] });
+        MatMenuModule], exports: [SmartMenuButtonAtom] });
 SmartMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, imports: [CommonModule,
         // Material
-        MatLegacyButtonModule,
+        MatButtonModule,
         MatIconModule,
-        MatLegacyMenuModule] });
+        MatMenuModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, decorators: [{
             type: NgModule,
             args: [{
@@ -47,9 +47,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                     imports: [
                         CommonModule,
                         // Material
-                        MatLegacyButtonModule,
+                        MatButtonModule,
                         MatIconModule,
-                        MatLegacyMenuModule,
+                        MatMenuModule,
                     ],
                     exports: [SmartMenuButtonAtom]
                 }]

package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n templateUrl: './smart-menu-button.atom.html',\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n items: Action[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: Action): string => item.id;\n}\n","<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container ngSwitchCase=\"0\"></ng-container>\n <ng-container ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" ngIf=\"items.length\">\n <mat-icon>more_vert</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n ngFor=\"let item of items; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ~~MatLegacyButtonModule as~~ MatButtonModule } from '@angular/material/~~legacy-~~button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ~~MatLegacyMenuModule as~~ MatMenuModule } from '@angular/material/~~legacy-~~menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n declarations: [SmartMenuButtonAtom],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[~~"MatButtonModule","MatMenuModule"~~],"mappings":";;;;;;;;;;;MASa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAa,EAAE,CAAC;AAGrB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAa,CAAA,aAAA,GAAG,CAAC,KAAa,EAAE,IAAY,KAAa,IAAI,CAAC,EAAE,CAAC;AAClE,KAAA;;gHARY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,0HCThC,urBAqBA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,~~eAAA~~,EAAA,QAAA,EAAA,~~4LAAA~~,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,~~aAAA~~,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,~~iBAAA~~,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,~~oBAAA~~,EAAA,QAAA,EAAA,6CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA,CAAA;2FDZa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,urBAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,CAAA;8BAIhD,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEOI,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CAVjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;;~~QAEZA~~,~~qBAAe~~;QACf,aAAa;AACb,~~QAAAC~~,~~mBAAa~~,aAEL,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAR9B,YAAY;;~~QAEZD~~,~~qBAAe~~;QACf,aAAa;~~QACbC~~,~~mBAAa~~,CAAA,EAAA,CAAA,CAAA;2FAIJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;;~~wBAEZD~~,~~qBAAe~~;wBACf,aAAa;~~wBACbC~~,~~mBAAa~~;AACd,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;ACnBD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n templateUrl: './smart-menu-button.atom.html',\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n items: Action[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: Action): string => item.id;\n}\n","<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container ngSwitchCase=\"0\"></ng-container>\n <ng-container ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" ngIf=\"items.length\">\n <mat-icon>more_vert</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n ngFor=\"let item of items; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n declarations: [SmartMenuButtonAtom],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-frames-auto-layout.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import { CommonModule } from '@angular/common';
 class AutoLayoutFrame {
 }
 AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-f0h2: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-f0h2: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-f0h2);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-f0h2) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-MqJf: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-MqJf: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-MqJf);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-MqJf) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-f0h2: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-f0h2: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-f0h2);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-f0h2) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-MqJf: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-MqJf: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-MqJf);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-MqJf) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 class AutoLayoutModule {

package/fesm2020/ng-atomic-components-frames-drawer.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ class DrawerFrame {
     }
 }
 DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-Oifx: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-Oifx: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-Oifx)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
+DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-uonR: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-uonR: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-uonR)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-drawer', template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-Oifx: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-Oifx: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-Oifx)}:host mat-drawer-content{width:100%}\n"] }]
+            args: [{ selector: 'frames-drawer', template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-uonR: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-uonR: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-uonR)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]

package/fesm2020/ng-atomic-components-frames-line-up.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, NgModule } from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 import { Observable, ReplaySubject, BehaviorSubject, combineLatest } from 'rxjs';
 import { map, startWith, distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import { trigger, state, style, transition, animate, sequence, query, group } from '@angular/animations';
 import ResizeObserver from 'resize-observer-polyfill';
-import { CommonModule } from '@angular/common';
-import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 const MAIN_ANIMATION = trigger('modeChangeForMain', [
     state('*', style({
@@ -155,10 +155,13 @@ class LineUpFrame {
     }
 }
 LineUpFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, deps: [{ token: LineUpFrameService }], target: i0.ɵɵFactoryTarget.Component });
-LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LineUpFrame, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-yEWQ: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-yEWQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-yEWQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-yEWQ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-yEWQ)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-yEWQ)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-eH2B: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-eH2B: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-eH2B: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-eH2B);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-eH2B)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-eH2B)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatLegacyProgressSpinnerModule }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-yEWQ: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-yEWQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-yEWQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-yEWQ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-yEWQ)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-yEWQ)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        MatLegacyProgressSpinnerModule
+                    ], selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-eH2B: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-eH2B: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-eH2B: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-eH2B);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-eH2B)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-eH2B)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
         }], ctorParameters: function () { return [{ type: LineUpFrameService }]; }, propDecorators: { hasNext: [{
                 type: HostBinding,
                 args: ['attr.has-next']
@@ -171,28 +174,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 args: ['next', { static: true }]
             }] } });
-class LineUpModule {
-}
-LineUpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LineUpModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: LineUpModule, declarations: [LineUpFrame], imports: [CommonModule,
-        MatLegacyProgressSpinnerModule], exports: [LineUpFrame] });
-LineUpModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpModule, imports: [CommonModule,
-        MatLegacyProgressSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [LineUpFrame],
-                    imports: [
-                        CommonModule,
-                        MatLegacyProgressSpinnerModule
-                    ],
-                    exports: [LineUpFrame]
-                }]
-        }] });
 /**
  * Generated bundle index. Do not edit.
  */
-export { LineUpFrame, LineUpFrameService, LineUpModule };
+export { LineUpFrame, LineUpFrameService };
 //# sourceMappingURL=ng-atomic-components-frames-line-up.mjs.map

package/fesm2020/ng-atomic-components-frames-line-up.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.html","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.module.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nconst MAIN_ANIMATION = trigger('modeChangeForMain', [\n state('', style({\n width: '100%',\n })),\n state('Next', style({\n display: 'none',\n width: '0%',\n })),\n transition(' => Next', [\n animate('0.5s', style({ width: '0%' })),\n style({display: 'none'}),\n ]),\n transition('Next => ', [\n sequence([\n style({ display: 'inherit' }),\n animate('0.5s', style({ width: '100%' })),\n ]),\n ]),\n]);\n\nconst NEXT_ANIMATION = trigger('modeChangeForNext', [\n state('Next', style({\n position: 'relative',\n width: '100%',\n })),\n state('Both', style({\n position: 'relative',\n width: '100%',\n })),\n state('Main', style({\n position: 'relative',\n display: 'none',\n })),\n transition('Main => Next', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'inherit', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Main => Both', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'inherit', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Next => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '0%'}),\n animate('0.5s', style({left: '100%'})),\n ]),\n ])),\n transition('Both => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '100%'}),\n animate('0.5s', style({})),\n ]),\n ])),\n]);\n\nexport const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];\n","import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize({nativeElement}: ElementRef<Element>): Observable<number> {\n return Observable.create(function(observer: any) {\n const callback = (entries: any) => entries.forEach((e: any) => observer.next(e));\n const resizeObserver = new ResizeObserver(callback);\n resizeObserver.observe(nativeElement);\n return () => resizeObserver.disconnect();\n }).pipe(\n map(({contentRect}) => contentRect?.width ?? 0),\n startWith(0),\n distinctUntilChanged(),\n );\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nenum Mode {\n MAIN = 'Main',\n BOTH = 'Both',\n NEXT = 'Next',\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n frames: LineUpFrame[] = [];\n\n register(frame: LineUpFrame) {\n this.frames.push(frame);\n console.debug('this.frames:', this.frames);\n }\n\n unregister(frame: LineUpFrame) {\n this.frames = this.frames.slice(0, this.findIndex(frame));\n }\n\n findIndex(frame: LineUpFrame): number {\n return this.frames.findIndex((value) => value === frame);\n }\n\n propagate(frame: LineUpFrame): void {\n const target = this.frames?.[this.findIndex(frame) - 1];\n target?.refresh();\n }\n}\n\n@Component({\n selector: 'frames-line-up',\n templateUrl: './line-up.frame.html',\n styleUrls: ['./line-up.frame.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n Mode = Mode;\n mode = Mode.MAIN;\n\n private readonly refresh$ = new ReplaySubject<void>(1);\n private readonly destroy$ = new ReplaySubject<void>(1);\n private readonly hasNext$ = new BehaviorSubject(false); \n\n\n private _hasNext = false;\n @HostBinding('attr.has-next')\n @Input()\n set hasNext(_hasNext: boolean) {\n this.hasNext$.next(_hasNext);\n this._hasNext = _hasNext;\n };\n get hasNext(): boolean {\n return this._hasNext;\n }\n\n @Input()\n minNextWidth: number = 360;\n\n @ViewChild('next', {static: true})\n nextElementRef!: ElementRef;\n\n constructor(private service: LineUpFrameService) { }\n\n ngOnInit(): void {\n this.service.register(this);\n this.refresh();\n \n combineLatest([\n this.hasNext$, \n fromResize(this.nextElementRef),\n this.refresh$,\n ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {\n this.mode = this.resolveMode(hasNext, width);\n setTimeout(() => this.service.propagate(this), 0);\n });\n }\n\n ngOnDestroy(): void {\n this.service.unregister(this);\n this.destroy$.next(); \n }\n\n refresh() {\n this.refresh$.next();\n }\n\n private resolveMode(hasNext: boolean, width: number): Mode {\n if (hasNext && width <= this.minNextWidth) return Mode.BOTH;\n return hasNext ? Mode.NEXT : Mode.MAIN;\n }\n}\n","<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';\n\nimport { LineUpFrame } from './line-up.frame';\n\n\n@NgModule({\n declarations: [LineUpFrame],\n imports: [\n CommonModule,\n MatProgressSpinnerModule\n ],\n exports: [LineUpFrame]\n})\nexport class LineUpModule { }","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["MatProgressSpinnerModule"],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/line-up/line-up.frame.html","../../../../../packages/@ng-atomic/components/src/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nconst MAIN_ANIMATION = trigger('modeChangeForMain', [\n state('', style({\n width: '100%',\n })),\n state('Next', style({\n display: 'none',\n width: '0%',\n })),\n transition(' => Next', [\n animate('0.5s', style({ width: '0%' })),\n style({display: 'none'}),\n ]),\n transition('Next => ', [\n sequence([\n style({ display: 'inherit' }),\n animate('0.5s', style({ width: '100%' })),\n ]),\n ]),\n]);\n\nconst NEXT_ANIMATION = trigger('modeChangeForNext', [\n state('Next', style({\n position: 'relative',\n width: '100%',\n })),\n state('Both', style({\n position: 'relative',\n width: '100%',\n })),\n state('Main', style({\n position: 'relative',\n display: 'none',\n })),\n transition('Main => Next', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'inherit', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Main => Both', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'inherit', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Next => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '0%'}),\n animate('0.5s', style({left: '100%'})),\n ]),\n ])),\n transition('Both => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '100%'}),\n animate('0.5s', style({})),\n ]),\n ])),\n]);\n\nexport const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];\n","import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize({nativeElement}: ElementRef<Element>): Observable<number> {\n return Observable.create(function(observer: any) {\n const callback = (entries: any) => entries.forEach((e: any) => observer.next(e));\n const resizeObserver = new ResizeObserver(callback);\n resizeObserver.observe(nativeElement);\n return () => resizeObserver.disconnect();\n }).pipe(\n map(({contentRect}) => contentRect?.width ?? 0),\n startWith(0),\n distinctUntilChanged(),\n );\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';\nimport { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nenum Mode {\n MAIN = 'Main',\n BOTH = 'Both',\n NEXT = 'Next',\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n frames: LineUpFrame[] = [];\n\n register(frame: LineUpFrame) {\n this.frames.push(frame);\n console.debug('this.frames:', this.frames);\n }\n\n unregister(frame: LineUpFrame) {\n this.frames = this.frames.slice(0, this.findIndex(frame));\n }\n\n findIndex(frame: LineUpFrame): number {\n return this.frames.findIndex((value) => value === frame);\n }\n\n propagate(frame: LineUpFrame): void {\n const target = this.frames?.[this.findIndex(frame) - 1];\n target?.refresh();\n }\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n MatProgressSpinnerModule\n ],\n selector: 'frames-line-up',\n templateUrl: './line-up.frame.html',\n styleUrls: ['./line-up.frame.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n Mode = Mode;\n mode = Mode.MAIN;\n\n private readonly refresh$ = new ReplaySubject<void>(1);\n private readonly destroy$ = new ReplaySubject<void>(1);\n private readonly hasNext$ = new BehaviorSubject(false); \n\n\n private _hasNext = false;\n @HostBinding('attr.has-next')\n @Input()\n set hasNext(_hasNext: boolean) {\n this.hasNext$.next(_hasNext);\n this._hasNext = _hasNext;\n };\n get hasNext(): boolean {\n return this._hasNext;\n }\n\n @Input()\n minNextWidth: number = 360;\n\n @ViewChild('next', {static: true})\n nextElementRef!: ElementRef;\n\n constructor(private service: LineUpFrameService) { }\n\n ngOnInit(): void {\n this.service.register(this);\n this.refresh();\n \n combineLatest([\n this.hasNext$, \n fromResize(this.nextElementRef),\n this.refresh$,\n ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {\n this.mode = this.resolveMode(hasNext, width);\n setTimeout(() => this.service.propagate(this), 0);\n });\n }\n\n ngOnDestroy(): void {\n this.service.unregister(this);\n this.destroy$.next(); \n }\n\n refresh() {\n this.refresh$.next();\n }\n\n private resolveMode(hasNext: boolean, width: number): Mode {\n if (hasNext && width <= this.minNextWidth) return Mode.BOTH;\n return hasNext ? Mode.NEXT : Mode.MAIN;\n }\n}\n","<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n</div>","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["MatProgressSpinnerModule"],"mappings":"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"}

package/fesm2020/ng-atomic-components-frames-overlay.mjs CHANGED Viewed

@@ -37,10 +37,10 @@ class OverlayFrame {
     }
 }
 OverlayFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-xip0: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-xip0: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-xip0: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-xip0);height:var(--height-SCOPED-IN-line-overlay-xip0)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-xip0);height:var(--height-SCOPED-IN-line-overlay-xip0);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-xip0);height:var(--height-SCOPED-IN-line-overlay-xip0);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-xip0);--width: var(--width-SCOPED-IN-line-overlay-xip0);--height: var(--height-SCOPED-IN-line-overlay-xip0)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-xip0);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-xip0);--width: var(--width-SCOPED-IN-line-overlay-xip0);--height: var(--height-SCOPED-IN-line-overlay-xip0)}\n"], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-tqqA: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-tqqA: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-tqqA: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-tqqA);height:var(--height-SCOPED-IN-line-overlay-tqqA)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-tqqA);height:var(--height-SCOPED-IN-line-overlay-tqqA);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-tqqA);height:var(--height-SCOPED-IN-line-overlay-tqqA);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-tqqA);--width: var(--width-SCOPED-IN-line-overlay-tqqA);--height: var(--height-SCOPED-IN-line-overlay-tqqA)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-tqqA);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-tqqA);--width: var(--width-SCOPED-IN-line-overlay-tqqA);--height: var(--height-SCOPED-IN-line-overlay-tqqA)}\n"], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, 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-xip0: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-xip0: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-xip0: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-xip0);height:var(--height-SCOPED-IN-line-overlay-xip0)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-xip0);height:var(--height-SCOPED-IN-line-overlay-xip0);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-xip0);height:var(--height-SCOPED-IN-line-overlay-xip0);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-xip0);--width: var(--width-SCOPED-IN-line-overlay-xip0);--height: var(--height-SCOPED-IN-line-overlay-xip0)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-xip0);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-xip0);--width: var(--width-SCOPED-IN-line-overlay-xip0);--height: var(--height-SCOPED-IN-line-overlay-xip0)}\n"] }]
+            args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, 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-tqqA: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-tqqA: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-tqqA: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-tqqA);height:var(--height-SCOPED-IN-line-overlay-tqqA)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-tqqA);height:var(--height-SCOPED-IN-line-overlay-tqqA);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-tqqA);height:var(--height-SCOPED-IN-line-overlay-tqqA);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-tqqA);--width: var(--width-SCOPED-IN-line-overlay-tqqA);--height: var(--height-SCOPED-IN-line-overlay-tqqA)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-tqqA);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-tqqA);--width: var(--width-SCOPED-IN-line-overlay-tqqA);--height: var(--height-SCOPED-IN-line-overlay-tqqA)}\n"] }]
         }], propDecorators: { hasNext: [{
                 type: Input
             }] } });

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

@@ -7,10 +7,10 @@ import { CommonModule } from '@angular/common';
 class ScrollFrame {
 }
 ScrollFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-gMhq: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-gMhq: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-gMhq);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-gMhq);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-gMhq) - var(--navigator-height-SCOPED-IN-scroll-gMhq));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], dependencies: [{ kind: "directive", type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-riNL: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-riNL: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-riNL);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-riNL);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-riNL) - var(--navigator-height-SCOPED-IN-scroll-riNL));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], dependencies: [{ kind: "directive", type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, 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-gMhq: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-gMhq: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-gMhq);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-gMhq);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-gMhq) - var(--navigator-height-SCOPED-IN-scroll-gMhq));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+            args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, 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-riNL: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-riNL: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-riNL);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-riNL);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-riNL) - var(--navigator-height-SCOPED-IN-scroll-riNL));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
         }] });
 class ScrollModule {

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

@@ -15,10 +15,10 @@ class SmartMenuFrame {
     }
 }
 SmartMenuFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartMenuFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-q2nw: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-q2nw: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-q2nw: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-q2nw);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-q2nw)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-q2nw)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartMenuFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-gO5G: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-gO5G: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-gO5G: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-gO5G);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-gO5G)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-gO5G)}: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: "15.2.3", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
-            args: [{ 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-q2nw: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-q2nw: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-q2nw: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-q2nw);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-q2nw)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-q2nw)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+            args: [{ 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-gO5G: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-gO5G: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-gO5G: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-gO5G);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-gO5G)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-gO5G)}: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']