npm - @ng-atomic/components - Versions diffs - 5.6.0 → 5.7.0 - Mend

@ng-atomic/components 5.6.0 → 5.7.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 (107) hide show

package/esm2020/templates/smart-crud/smart-crud.template.mjs CHANGED Viewed

@@ -40,7 +40,7 @@ export class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Rdy0: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Rdy0: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Rdy0: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Rdy0);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Rdy0)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Rdy0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-ELcT: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-ELcT: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-ELcT: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-ELcT);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-ELcT)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-ELcT)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         TextareaSectionOrganism,
                         SelectInputSectionOrganism,
                         HeaderMolecule,
-                    ], selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Rdy0: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Rdy0: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Rdy0: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Rdy0);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Rdy0)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Rdy0)}\n"] }]
+                    ], selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-ELcT: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-ELcT: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-ELcT: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-ELcT);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-ELcT)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-ELcT)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], form: [{

package/esm2020/templates/smart-index/smart-index.template.mjs CHANGED Viewed

@@ -22,6 +22,7 @@ export var ActionId;
 export class SmartIndexTemplate {
     constructor() {
         this.ActionId = ActionId;
+        this.gridToolbarActions = [];
         this.tableChildrenKey = '';
         this.form = new FormGroup({
             pageIndex: new FormControl(0),
@@ -58,7 +59,7 @@ export 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, isStandalone: true, selector: "templates-smart-index", inputs: { tableChildrenKey: "tableChildrenKey", form: "form", 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 [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <!-- <organisms-grid-toolbar\n        [columns]=\"properties\"\n      ></organisms-grid-toolbar> -->\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        [childrenKey]=\"tableChildrenKey\"\n        (action)=\"onAction($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [form]=\"form\"\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-McXU: 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: "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: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "form", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: 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: { gridToolbarActions: "gridToolbarActions", tableChildrenKey: "tableChildrenKey", form: "form", 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 [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <organisms-grid-toolbar\n        [actions]=\"gridToolbarActions\"\n        (action)=\"onAction($event)\"\n      ></organisms-grid-toolbar>\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        [childrenKey]=\"tableChildrenKey\"\n        (action)=\"onAction($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [form]=\"form\"\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-kQ9U: 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: "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: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "form", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: 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: [{ standalone: true, imports: [
@@ -72,8 +73,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         NavigatorOrganism,
                         FiltersSectionOrganism,
                         HeaderMolecule,
-                    ], 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 [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <!-- <organisms-grid-toolbar\n        [columns]=\"properties\"\n      ></organisms-grid-toolbar> -->\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        [childrenKey]=\"tableChildrenKey\"\n        (action)=\"onAction($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [form]=\"form\"\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-McXU: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
-        }], propDecorators: { tableChildrenKey: [{
+                    ], 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 [ngSwitch]=\"device\">\n    <ng-container *ngSwitchCase=\"'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <organisms-grid-toolbar\n        [actions]=\"gridToolbarActions\"\n        (action)=\"onAction($event)\"\n      ></organisms-grid-toolbar>\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        [childrenKey]=\"tableChildrenKey\"\n        (action)=\"onAction($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n      ></organisms-smart-table>\n      <organisms-paginator\n        *ngIf=\"page\"\n        [control]=\"queryControl\"\n        [form]=\"form\"\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-kQ9U: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+        }], propDecorators: { gridToolbarActions: [{
+                type: Input
+            }], tableChildrenKey: [{
                 type: Input
             }], form: [{
                 type: Input
@@ -116,4 +119,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
             }], pageChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsZUFBZSxJQUFJLFNBQVMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0s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LEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQVFOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGFBQWE7c0JBRFosS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQVFOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxNQUFNO2dCQUlQLGVBQWU7c0JBRGQsTUFBTTtnQkFJUCxhQUFhO3NCQURaLE1BQU07Z0JBSVAsVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMZWdhY3lQYWdlRXZlbnQgYXMgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LXBhZ2luYXRvcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXV0b0xheW91dEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9hdXRvLWxheW91dCc7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsJztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgU21hcnRUYWJsZU9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9zbWFydC10YWJsZSc7XG5pbXBvcnQgeyBTbWFydExpc3RPcmdhbmlzbSwgQWN0aW9uSWQgYXMgTGlzdEFjdGlvbklkIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9zbWFydC1saXN0JztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgUGFnaW5hdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEdyaWRUb29sYmFyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL2dyaWQtdG9vbGJhcic7XG5pbXBvcnQgeyBGaWx0ZXJzU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9maWx0ZXJzLXNlY3Rpb24nO1xuXG5leHBvcnQgZW51bSBBY3Rpb25JZCB7XG4gIEJBQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIEJhY2snLFxuICBUQUJMRV9IRUFERVJfQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIFRhYmxlIEhlYWRlciBDbGljaycsXG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc21hcnQtaW5kZXhdIEl0ZW0gQ2xpY2snLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBdXRvTGF5b3V0RnJhbWUsXG4gICAgU2Nyb2xsRnJhbWUsXG4gICAgR3JpZFRvb2xiYXJPcmdhbmlzbSxcbiAgICBQYWdpbmF0b3JPcmdhbmlzbSxcbiAgICBTbWFydFRhYmxlT3JnYW5pc20sXG4gICAgU21hcnRMaXN0T3JnYW5pc20sXG4gICAgTmF2aWdhdG9yT3JnYW5pc20sXG4gICAgRmlsdGVyc1NlY3Rpb25PcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgXSxcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleFRlbXBsYXRlPFQ+IHtcbiAgcHJvdGVjdGVkIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgQElucHV0KClcbiAgdGFibGVDaGlsZHJlbktleTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgZm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIHBhZ2VJbmRleDogbmV3IEZvcm1Db250cm9sKDApLFxuICAgIHBhZ2VTaXplOiBuZXcgRm9ybUNvbnRyb2woMCksXG4gICAgbGVuZ3RoOiBuZXcgRm9ybUNvbnRyb2woMCksXG4gIH0pO1xuXG4gIEBJbnB1dCgpXG4gIHF1ZXJ5Q29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmc+KCcnKTtcblxuICBASW5wdXQoKVxuICB0aXRsZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IFRbXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1BY3Rpb25zOiAoaXRlbTogVCkgPT4gQWN0aW9uW10gPSAoKSA9PiBbXTtcblxuICBASW5wdXQoKVxuICBuYXZTdGFydEFjdGlvbnM6IEFjdGlvbltdID0gW3sgaWQ6IEFjdGlvbklkLkJBQ0ssIGljb246ICdhcnJvd19iYWNrJyB9XTtcblxuICBASW5wdXQoKVxuICBuYXZFbmRBY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHByb3BlcnRpZXM6IChrZXlvZiBUKVtdID0gIFtdO1xuXG4gIEBJbnB1dCgpXG4gIHNlbGVjdGVkSWRTZXQgPSBuZXcgU2V0PHN0cmluZz4oKTtcblxuICBASW5wdXQoKVxuICBzb3J0S2V5Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRPcmRlcj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwYWdlPzogUGFnZUV2ZW50ID0ge1xuICAgIHBhZ2VJbmRleDogMCxcbiAgICBwYWdlU2l6ZTogMjAsXG4gICAgbGVuZ3RoOiAxMDAsXG4gIH07XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemVPcHRpb25zOiBudW1iZXJbXSA9IFs1LCAxMCwgMjUsIDEwMF07XG5cbiAgQElucHV0KClcbiAgcXVlcnlQbGFjZWhvbGRlciA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGRldmljZTogJ3NwJyB8ICd0YWJsZXQnIHwgJ3BjJyA9ICdzcCc7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBPdXRwdXQoKVxuICBiYWNrQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VFdmVudD4oKTtcblxuICBvbkFjdGlvbihhY3Rpb246IEFjdGlvbik6IHZvaWQge1xuICAgIHN3aXRjaChhY3Rpb24uaWQpIHtcbiAgICAgIGNhc2UgTGlzdEFjdGlvbklkLkNMSUNLX0lURU06XG4gICAgICAgIHJldHVybiB0aGlzLmFjdGlvbi5lbWl0KHsuLi5hY3Rpb24sIGlkOiBBY3Rpb25JZC5JVEVNX0NMSUNLfSk7XG4gICAgICBkZWZhdWx0OiByZXR1cm4gdGhpcy5hY3Rpb24uZW1pdChhY3Rpb24pO1xuICAgIH1cbiAgfVxufVxuIiwiPGZyYW1lcy1zY3JvbGw+XG4gIDxvcmdhbmlzbXMtbmF2aWdhdG9yXG4gICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnNcIlxuICAgIFtlbmRBY3Rpb25zXT1cIm5hdkVuZEFjdGlvbnNcIlxuICAgIChhY3Rpb24pPVwib25BY3Rpb24oJGV2ZW50KVwiXG4gICAgbmF2aWdhdG9yXG4gID5cbiAgICA8bW9sZWN1bGVzLWhlYWRlciBbdGl0bGVdPVwidGl0bGVcIiBbZGVzY3JpcHRpb25dPVwiZGVzY3JpcHRpb25cIj48L21vbGVjdWxlcy1oZWFkZXI+XG4gIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgPGZyYW1lcy1hdXRvLWxheW91dCB2ZXJ0aWNhbCBjb250ZW50cyBbbmdTd2l0Y2hdPVwiZGV2aWNlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3NwJ1wiPlxuICAgICAgPG9yZ2FuaXNtcy1zbWFydC1saXN0XG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIChhY3Rpb24pPVwib25BY3Rpb24oJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtc21hcnQtbGlzdD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICA8IS0tIDxvcmdhbmlzbXMtZ3JpZC10b29sYmFyXG4gICAgICAgIFtjb2x1bW5zXT1cInByb3BlcnRpZXNcIlxuICAgICAgPjwvb3JnYW5pc21zLWdyaWQtdG9vbGJhcj4gLS0+XG4gICAgICA8b3JnYW5pc21zLXNtYXJ0LXRhYmxlXG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICAgIFtjb2x1bW5zXT1cInByb3BlcnRpZXNcIlxuICAgICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICAgIFtzb3J0T3JkZXJdPVwic29ydE9yZGVyXCJcbiAgICAgICAgW2NoaWxkcmVuS2V5XT1cInRhYmxlQ2hpbGRyZW5LZXlcIlxuICAgICAgICAoYWN0aW9uKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgICAgICAoY2hlY2tib3hDbGljayk9XCJjaGVja2JveENsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgIChoZWFkZXJDbGljayk9XCJvbkFjdGlvbih7aWQ6IEFjdGlvbklkLlRBQkxFX0hFQURFUl9DTElDSywgcGF5bG9hZDogJGV2ZW50fSlcIlxuICAgICAgPjwvb3JnYW5pc21zLXNtYXJ0LXRhYmxlPlxuICAgICAgPG9yZ2FuaXNtcy1wYWdpbmF0b3JcbiAgICAgICAgKm5nSWY9XCJwYWdlXCJcbiAgICAgICAgW2NvbnRyb2xdPVwicXVlcnlDb250cm9sXCJcbiAgICAgICAgW2Zvcm1dPVwiZm9ybVwiXG4gICAgICAgIFtwYWdlXT1cInBhZ2VcIlxuICAgICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJxdWVyeVBsYWNlaG9sZGVyXCJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsZUFBZSxJQUFJLFNBQVMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0s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QUUsS0FBSyxFQUFFLFVBQVUsRUFBRTs4QkFNM0Isa0JBQWtCO3NCQURqQixLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFRTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLGFBQWE7c0JBRFosS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFRTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLE1BQU07c0JBREwsTUFBTTtnQkFJUCxlQUFlO3NCQURkLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixNQUFNO2dCQUlQLFVBQVU7c0JBRFQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGVnYWN5UGFnZUV2ZW50IGFzIFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1wYWdpbmF0b3InO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEF1dG9MYXlvdXRGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvYXV0by1sYXlvdXQnO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbCc7XG5pbXBvcnQgeyBIZWFkZXJNb2xlY3VsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvaGVhZGVyJztcbmltcG9ydCB7IFNtYXJ0VGFibGVPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtdGFibGUnO1xuaW1wb3J0IHsgU21hcnRMaXN0T3JnYW5pc20sIEFjdGlvbklkIGFzIExpc3RBY3Rpb25JZCB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtbGlzdCc7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IFBhZ2luYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9wYWdpbmF0b3InO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBHcmlkVG9vbGJhck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9ncmlkLXRvb2xiYXInO1xuaW1wb3J0IHsgRmlsdGVyc1NlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvZmlsdGVycy1zZWN0aW9uJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBCYWNrJyxcbiAgVEFCTEVfSEVBREVSX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBUYWJsZSBIZWFkZXIgQ2xpY2snLFxuICBJVEVNX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBJdGVtIENsaWNrJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQXV0b0xheW91dEZyYW1lLFxuICAgIFNjcm9sbEZyYW1lLFxuICAgIEdyaWRUb29sYmFyT3JnYW5pc20sXG4gICAgUGFnaW5hdG9yT3JnYW5pc20sXG4gICAgU21hcnRUYWJsZU9yZ2FuaXNtLFxuICAgIFNtYXJ0TGlzdE9yZ2FuaXNtLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICAgIEZpbHRlcnNTZWN0aW9uT3JnYW5pc20sXG4gICAgSGVhZGVyTW9sZWN1bGUsXG4gIF0sXG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNtYXJ0LWluZGV4JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1pbmRleC50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7IGNsYXNzOiAndGVtcGxhdGUnIH0sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0SW5kZXhUZW1wbGF0ZTxUPiB7XG4gIHByb3RlY3RlZCBBY3Rpb25JZCA9IEFjdGlvbklkO1xuXG4gIEBJbnB1dCgpXG4gIGdyaWRUb29sYmFyQWN0aW9uczogQWN0aW9uW10gPSBbXTtcblxuICBASW5wdXQoKVxuICB0YWJsZUNoaWxkcmVuS2V5OiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBmb3JtID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgcGFnZUluZGV4OiBuZXcgRm9ybUNvbnRyb2woMCksXG4gICAgcGFnZVNpemU6IG5ldyBGb3JtQ29udHJvbCgwKSxcbiAgICBsZW5ndGg6IG5ldyBGb3JtQ29udHJvbCgwKSxcbiAgfSk7XG5cbiAgQElucHV0KClcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgaXRlbUFjdGlvbnM6IChpdGVtOiBUKSA9PiBBY3Rpb25bXSA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG5hdlN0YXJ0QWN0aW9uczogQWN0aW9uW10gPSBbeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snIH1dO1xuXG4gIEBJbnB1dCgpXG4gIG5hdkVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U/OiBQYWdlRXZlbnQgPSB7XG4gICAgcGFnZUluZGV4OiAwLFxuICAgIHBhZ2VTaXplOiAyMCxcbiAgICBsZW5ndGg6IDEwMCxcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBASW5wdXQoKVxuICBxdWVyeVBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGV2aWNlOiAnc3AnIHwgJ3RhYmxldCcgfCAncGMnID0gJ3NwJztcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIG9uQWN0aW9uKGFjdGlvbjogQWN0aW9uKTogdm9pZCB7XG4gICAgc3dpdGNoKGFjdGlvbi5pZCkge1xuICAgICAgY2FzZSBMaXN0QWN0aW9uSWQuQ0xJQ0tfSVRFTTpcbiAgICAgICAgcmV0dXJuIHRoaXMuYWN0aW9uLmVtaXQoey4uLmFjdGlvbiwgaWQ6IEFjdGlvbklkLklURU1fQ0xJQ0t9KTtcbiAgICAgIGRlZmF1bHQ6IHJldHVybiB0aGlzLmFjdGlvbi5lbWl0KGFjdGlvbik7XG4gICAgfVxuICB9XG59XG4iLCI8ZnJhbWVzLXNjcm9sbD5cbiAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3JcbiAgICBbc3RhcnRBY3Rpb25zXT1cIm5hdlN0YXJ0QWN0aW9uc1wiXG4gICAgW2VuZEFjdGlvbnNdPVwibmF2RW5kQWN0aW9uc1wiXG4gICAgKGFjdGlvbik9XCJvbkFjdGlvbigkZXZlbnQpXCJcbiAgICBuYXZpZ2F0b3JcbiAgPlxuICAgIDxtb2xlY3VsZXMtaGVhZGVyIFt0aXRsZV09XCJ0aXRsZVwiIFtkZXNjcmlwdGlvbl09XCJkZXNjcmlwdGlvblwiPjwvbW9sZWN1bGVzLWhlYWRlcj5cbiAgPC9vcmdhbmlzbXMtbmF2aWdhdG9yPlxuICA8ZnJhbWVzLWF1dG8tbGF5b3V0IHZlcnRpY2FsIGNvbnRlbnRzIFtuZ1N3aXRjaF09XCJkZXZpY2VcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInc3AnXCI+XG4gICAgICA8b3JnYW5pc21zLXNtYXJ0LWxpc3RcbiAgICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgICAgKGFjdGlvbik9XCJvbkFjdGlvbigkZXZlbnQpXCJcbiAgICAgID48L29yZ2FuaXNtcy1zbWFydC1saXN0PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgIDxvcmdhbmlzbXMtZ3JpZC10b29sYmFyXG4gICAgICAgIFthY3Rpb25zXT1cImdyaWRUb29sYmFyQWN0aW9uc1wiXG4gICAgICAgIChhY3Rpb24pPVwib25BY3Rpb24oJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtZ3JpZC10b29sYmFyPlxuICAgICAgPG9yZ2FuaXNtcy1zbWFydC10YWJsZVxuICAgICAgICBbaXRlbXNdPVwiaXRlbXNcIlxuICAgICAgICBbaXRlbUFjdGlvbnNdPVwiaXRlbUFjdGlvbnNcIlxuICAgICAgICBbY29sdW1uc109XCJwcm9wZXJ0aWVzXCJcbiAgICAgICAgW3NlbGVjdGVkSWRTZXRdPVwic2VsZWN0ZWRJZFNldFwiXG4gICAgICAgIFtzb3J0S2V5XT1cInNvcnRLZXlcIlxuICAgICAgICBbc29ydE9yZGVyXT1cInNvcnRPcmRlclwiXG4gICAgICAgIFtjaGlsZHJlbktleV09XCJ0YWJsZUNoaWxkcmVuS2V5XCJcbiAgICAgICAgKGFjdGlvbik9XCJvbkFjdGlvbigkZXZlbnQpXCJcbiAgICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAoaGVhZGVyQ2xpY2spPVwib25BY3Rpb24oe2lkOiBBY3Rpb25JZC5UQUJMRV9IRUFERVJfQ0xJQ0ssIHBheWxvYWQ6ICRldmVudH0pXCJcbiAgICAgID48L29yZ2FuaXNtcy1zbWFydC10YWJsZT5cbiAgICAgIDxvcmdhbmlzbXMtcGFnaW5hdG9yXG4gICAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICAgIFtjb250cm9sXT1cInF1ZXJ5Q29udHJvbFwiXG4gICAgICAgIFtmb3JtXT1cImZvcm1cIlxuICAgICAgICBbcGFnZV09XCJwYWdlXCJcbiAgICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicXVlcnlQbGFjZWhvbGRlclwiXG4gICAgICAgIChwYWdlQ2hhbmdlKT1cInBhZ2VDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICAgID48L29yZ2FuaXNtcy1wYWdpbmF0b3I+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZnJhbWVzLWF1dG8tbGF5b3V0PlxuPC9mcmFtZXMtc2Nyb2xsPiJdfQ==

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

@@ -18,13 +18,13 @@ 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, isStandalone: true, 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-a0v1: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-a0v1)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-a0v1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IconAtom, isStandalone: true, 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-9hRF: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-9hRF)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-9hRF)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], 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', standalone: true, imports: [
                         CommonModule,
                         MatIconModule,
-                    ], 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-a0v1: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-a0v1)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-a0v1)}\n"] }]
+                    ], 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-9hRF: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-9hRF)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-9hRF)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], color: [{

package/fesm2015/ng-atomic-components-extras-editor.mjs CHANGED Viewed

@@ -31,12 +31,12 @@ class EditorComponent {
     }
 }
 EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EditorComponent, isStandalone: true, selector: "extras-editor", inputs: { state: "state" }, viewQueries: [{ propertyName: "_editor", first: true, predicate: ["editor"], descendants: true, static: true }], ngImport: i0, template: "<div #editor></div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EditorComponent, isStandalone: true, selector: "extras-editor", inputs: { state: "state" }, viewQueries: [{ propertyName: "_editor", first: true, predicate: ["editor"], descendants: true, static: true }], ngImport: i0, template: `<div #editor></div>`, isInline: true, styles: [":host{display:block}:host{width:100%;height:100%}:host div{width:100%;height:100%}:host div ::ng-deep>.cm-editor{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'extras-editor', standalone: true, imports: [
                         CommonModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #editor></div>\n", styles: [":host{display:block}\n"] }]
+                    ], template: `<div #editor></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{width:100%;height:100%}:host div{width:100%;height:100%}:host div ::ng-deep>.cm-editor{width:100%;height:100%}\n"] }]
         }], propDecorators: { state: [{
                 type: Input
             }], _editor: [{

package/fesm2015/ng-atomic-components-extras-editor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/extras/editor/~~editor.component.html","../../../../../packages/@~~ng-atomic~~/components/src/extras/editor/ng~~-~~atomic-~~components-extras-editor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\nimport { EditorState } from '@codemirror/state';\nimport { EditorView } from 'codemirror';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n selector: 'extras-editor',\n standalone: true,\n imports: [\n CommonModule\n ],\n ~~templateUrl~~: ~~'./~~editor~~.component.html',\~~n styleUrls: ['./editor.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent {\n\n private readonly state$ = new ReplaySubject<EditorState>(1);\n\n @Input()\n set state(value: EditorState \| null) {\n if (!value) return;\n this.state$.next(value);\n }\n\n @ViewChild('editor', { static: true })\n private _editor!: ElementRef<HTMLElement>;\n private editor!: EditorView;\n\n async ngOnInit(): Promise<void> { }\n\n async ngAfterViewInit() {\n this.state$.subscribe((state) => {\n if (this.editor) {\n this.editor.dispatch(\n this.editor.state.update({...state}),\n {changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() }},\n );\n } else {\n this.editor = new EditorView({state, parent: this._editor.nativeElement});\n }\n });\n }\n}\n","~~<div #editor></div>\n","~~/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;QAYmB,IAAA,CAAA,MAAM,GAAG,IAAI,aAAa,CAAc,CAAC,CAAC,CAAC;KA0B7D;IAxBC,IACI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK;YAAE,OAAO;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;IAMK,QAAQ,GAAA;+DAAqB,CAAA,CAAA;AAAA,KAAA;IAE7B,eAAe,GAAA;;YACnB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;gBAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAE,CAAA,EACpC,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAC,CACvF,CAAC;AACH,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAC,CAAC,CAAC;AAC3E,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ,CAAA,CAAA;AAAA,KAAA;;4GA3BU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EChB5B~~,~~uBACA~~,EAAA,MAAA,EAAA,CAAA,~~wBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EDSI~~,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,~~EAGgB~~,~~eAAA~~,~~EAAA~~,~~uBAAuB~~,~~CAAC~~,~~MAAM~~,EAAA,~~QAAA~~,~~EAAA~~,~~uBAAA~~,EAAA,MAAA,EAAA,CAAA,~~wBAAA~~,CAAA,EAAA,CAAA;8BAO3C,KAAK,EAAA,CAAA;sBADR,KAAK;gBAOE,OAAO,EAAA,CAAA;sBADd,SAAS;gBAAC,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;~~AE1BvC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\nimport { EditorState } from '@codemirror/state';\nimport { EditorView } from 'codemirror';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n selector: 'extras-editor',\n standalone: true,\n imports: [\n CommonModule\n ],\n template: `<div #editor></div>`,\n styleUrls: ['./editor.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent {\n\n private readonly state$ = new ReplaySubject<EditorState>(1);\n\n @Input()\n set state(value: EditorState \| null) {\n if (!value) return;\n this.state$.next(value);\n }\n\n @ViewChild('editor', { static: true })\n private _editor!: ElementRef<HTMLElement>;\n private editor!: EditorView;\n\n async ngOnInit(): Promise<void> { }\n\n async ngAfterViewInit() {\n this.state$.subscribe((state) => {\n if (this.editor) {\n this.editor.dispatch(\n this.editor.state.update({...state}),\n {changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() }},\n );\n } else {\n this.editor = new EditorView({state, parent: this._editor.nativeElement});\n }\n });\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;QAYmB,IAAA,CAAA,MAAM,GAAG,IAAI,aAAa,CAAc,CAAC,CAAC,CAAC;KA0B7D;IAxBC,IACI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK;YAAE,OAAO;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;IAMK,QAAQ,GAAA;+DAAqB,CAAA,CAAA;AAAA,KAAA;IAE7B,eAAe,GAAA;;YACnB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;gBAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAE,CAAA,EACpC,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAC,CACvF,CAAC;AACH,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAC,CAAC,CAAC;AAC3E,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ,CAAA,CAAA;AAAA,KAAA;;4GA3BU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJhB,CAAqB,mBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAF7B,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,CAAA,mBAAA,CAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,CAAA;8BAO3C,KAAK,EAAA,CAAA;sBADR,KAAK;gBAOE,OAAO,EAAA,CAAA;sBADd,SAAS;gBAAC,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AC1BvC;;AAEG;;;;"}

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

@@ -5,12 +5,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 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, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-fJo8: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-fJo8: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-fJo8);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-fJo8) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-3MvY: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-3MvY: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-3MvY);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-3MvY) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], 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', standalone: true, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-fJo8: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-fJo8: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-fJo8);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-fJo8) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-3MvY: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-3MvY: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-3MvY);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-3MvY) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 /**

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

@@ -27,13 +27,13 @@ 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, isStandalone: true, 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-7tvq: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-7tvq: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-7tvq)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { 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, isStandalone: true, 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-2vEm: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-2vEm: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-2vEm)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { 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', standalone: true, imports: [
                         CommonModule,
                         MatSidenavModule,
-                    ], 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-7tvq: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-7tvq: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-7tvq)}:host mat-drawer-content{width:100%}\n"] }]
+                    ], 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-2vEm: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-2vEm: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-2vEm)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]

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

@@ -162,7 +162,7 @@ LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
     <div class="next" [@modeChangeForNext]="mode" #next>
       <ng-content select="[next]"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-o0nM: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-o0nM: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-o0nM: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-o0nM);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-o0nM)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-o0nM)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+  `, isInline: true, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-PMe8: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-PMe8: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-PMe8: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-PMe8);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-PMe8)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-PMe8)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], 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: [{ standalone: true, imports: [
@@ -174,7 +174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
     <div class="next" [@modeChangeForNext]="mode" #next>
       <ng-content select="[next]"></ng-content>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-o0nM: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-o0nM: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-o0nM: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-o0nM);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-o0nM)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-o0nM)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-PMe8: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-PMe8: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-PMe8: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-PMe8);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-PMe8)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-PMe8)}: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']

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

@@ -37,13 +37,13 @@ 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, isStandalone: true, 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-gZ7P: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-gZ7P: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-gZ7P: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-gZ7P);height:var(--height-SCOPED-IN-line-overlay-gZ7P)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-gZ7P);height:var(--height-SCOPED-IN-line-overlay-gZ7P);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-gZ7P);height:var(--height-SCOPED-IN-line-overlay-gZ7P);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-gZ7P);--width: var(--width-SCOPED-IN-line-overlay-gZ7P);--height: var(--height-SCOPED-IN-line-overlay-gZ7P)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-gZ7P);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-gZ7P);--width: var(--width-SCOPED-IN-line-overlay-gZ7P);--height: var(--height-SCOPED-IN-line-overlay-gZ7P)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: OverlayFrame, isStandalone: true, 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-JT3z: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-JT3z: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-JT3z: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-JT3z);height:var(--height-SCOPED-IN-line-overlay-JT3z)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-JT3z);height:var(--height-SCOPED-IN-line-overlay-JT3z);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-JT3z);height:var(--height-SCOPED-IN-line-overlay-JT3z);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-JT3z);--width: var(--width-SCOPED-IN-line-overlay-JT3z);--height: var(--height-SCOPED-IN-line-overlay-JT3z)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-JT3z);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-JT3z);--width: var(--width-SCOPED-IN-line-overlay-JT3z);--height: var(--height-SCOPED-IN-line-overlay-JT3z)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }], 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', standalone: true, imports: [
                         CommonModule,
                         MatProgressSpinnerModule,
-                    ], 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-gZ7P: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-gZ7P: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-gZ7P: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-gZ7P);height:var(--height-SCOPED-IN-line-overlay-gZ7P)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-gZ7P);height:var(--height-SCOPED-IN-line-overlay-gZ7P);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-gZ7P);height:var(--height-SCOPED-IN-line-overlay-gZ7P);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-gZ7P);--width: var(--width-SCOPED-IN-line-overlay-gZ7P);--height: var(--height-SCOPED-IN-line-overlay-gZ7P)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-gZ7P);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-gZ7P);--width: var(--width-SCOPED-IN-line-overlay-gZ7P);--height: var(--height-SCOPED-IN-line-overlay-gZ7P)}\n"] }]
+                    ], 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-JT3z: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-JT3z: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-JT3z: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-JT3z);height:var(--height-SCOPED-IN-line-overlay-JT3z)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-JT3z);height:var(--height-SCOPED-IN-line-overlay-JT3z);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-JT3z);height:var(--height-SCOPED-IN-line-overlay-JT3z);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-JT3z);--width: var(--width-SCOPED-IN-line-overlay-JT3z);--height: var(--height-SCOPED-IN-line-overlay-JT3z)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-JT3z);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-JT3z);--width: var(--width-SCOPED-IN-line-overlay-JT3z);--height: var(--height-SCOPED-IN-line-overlay-JT3z)}\n"] }]
         }], propDecorators: { hasNext: [{
                 type: Input
             }] } });

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

@@ -7,13 +7,13 @@ import { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives/ios
 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, isStandalone: true, 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-4KUD: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-4KUD: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-4KUD);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-4KUD);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-4KUD) - var(--navigator-height-SCOPED-IN-scroll-4KUD));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: IosSafariScrollBuggyfillModule }, { 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, isStandalone: true, 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-EMUn: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-EMUn: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-EMUn);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-EMUn);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-EMUn) - var(--navigator-height-SCOPED-IN-scroll-EMUn));overflow:auto;-webkit-overflow-scrolling:touch}:host .contents-container::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: IosSafariScrollBuggyfillModule }, { 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', standalone: true, imports: [
                         CommonModule,
                         IosSafariScrollBuggyfillModule,
-                    ], 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-4KUD: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-4KUD: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-4KUD);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-4KUD);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-4KUD) - var(--navigator-height-SCOPED-IN-scroll-4KUD));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+                    ], 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-EMUn: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-EMUn: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-EMUn);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-EMUn);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-EMUn) - var(--navigator-height-SCOPED-IN-scroll-EMUn));overflow:auto;-webkit-overflow-scrolling:touch}:host .contents-container::-webkit-scrollbar{display:none}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-scroll.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/scroll/scroll.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/scroll/scroll.frame.html","../../../../../packages/@ng-atomic/components/src/frames/scroll/ng-atomic-components-frames-scroll.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives/ios-safari-scroll-buggyfill';\n\n@Component({\n selector: 'frames-scroll',\n standalone: true,\n imports: [\n CommonModule,\n IosSafariScrollBuggyfillModule,\n ],\n templateUrl: './scroll.frame.html',\n styleUrls: ['./scroll.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n <ng-content select=[contents]></ng-content>\n</div>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAea,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,ECfxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,iNAKM,EDGF,MAAA,EAAA,CAAA,~~igBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,8BAA8B,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMrB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,8BAA8B;AAC/B,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iNAAA,EAAA,MAAA,EAAA,CAAA,~~igBAAA~~,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-scroll.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/scroll/scroll.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/scroll/scroll.frame.html","../../../../../packages/@ng-atomic/components/src/frames/scroll/ng-atomic-components-frames-scroll.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives/ios-safari-scroll-buggyfill';\n\n@Component({\n selector: 'frames-scroll',\n standalone: true,\n imports: [\n CommonModule,\n IosSafariScrollBuggyfillModule,\n ],\n templateUrl: './scroll.frame.html',\n styleUrls: ['./scroll.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n <ng-content select=[contents]></ng-content>\n</div>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAea,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,ECfxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,iNAKM,EDGF,MAAA,EAAA,CAAA,yjBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,8BAA8B,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMrB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,8BAA8B;AAC/B,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iNAAA,EAAA,MAAA,EAAA,CAAA,yjBAAA,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}

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

@@ -15,12 +15,12 @@ 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, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-XsuL: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-XsuL: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-XsuL: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-XsuL);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-XsuL)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-XsuL)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartMenuFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-glsL: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-glsL: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-glsL: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-glsL);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-glsL)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-glsL)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-XsuL: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-XsuL: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-XsuL: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-XsuL);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-XsuL)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-XsuL)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-glsL: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-glsL: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-glsL: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-glsL);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-glsL)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-glsL)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs CHANGED Viewed

@@ -27,7 +27,7 @@ class DateInputFieldMolecule {
     }
 }
 DateInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DateInputFieldMolecule, isStandalone: true, selector: "molecules-date-input-field", inputs: { control: "control", label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"_control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Yvui: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatDayjsDateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DateInputFieldMolecule, isStandalone: true, selector: "molecules-date-input-field", inputs: { control: "control", label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"_control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-gxfa: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatDayjsDateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-date-input-field', standalone: true, imports: [
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         MatInputModule,
                         MatDatepickerModule,
                         MatDayjsDateModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"_control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Yvui: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"_control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-gxfa: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{

package/fesm2015/ng-atomic-components-molecules-nested-menu.mjs ADDED Viewed

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, ViewChild, Output } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+class NestedMenuMolecule {
+    constructor() {
+        this.action = new EventEmitter();
+    }
+}
+NestedMenuMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NestedMenuMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NestedMenuMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NestedMenuMolecule, isStandalone: true, selector: "molecules-nested-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, viewQueries: [{ propertyName: "childMenu", first: true, predicate: ["childMenu"], descendants: true }], ngImport: i0, template: `
+    <mat-menu #childMenu="matMenu" [overlapTrigger]="false">
+    <span *ngFor="let _action of actions">
+      <span *ngIf="_action?.children">
+        <button mat-menu-item [matMenuTriggerFor]="menu.childMenu">
+          <mat-icon>{{_action.icon}}</mat-icon>
+          <span>{{ _action.name }}</span>
+        </button>
+        <molecules-nested-menu
+          #menu
+          [actions]="_action.children"
+          (action)="action.emit($event)"
+        ></molecules-nested-menu>
+      </span>
+      <span *ngIf="!_action?.children">
+        <button mat-menu-item (click)="action.emit(_action)">
+          <mat-icon>{{ _action.icon }}</mat-icon>
+          <span>{{ _action.name }}</span>
+        </button>
+      </span>
+    </span>
+  </mat-menu>
+  `, isInline: true, dependencies: [{ kind: "component", type: NestedMenuMolecule, selector: "molecules-nested-menu", inputs: ["actions"], outputs: ["action"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NestedMenuMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-nested-menu',
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        MatMenuModule,
+                    ],
+                    template: `
+    <mat-menu #childMenu="matMenu" [overlapTrigger]="false">
+    <span *ngFor="let _action of actions">
+      <span *ngIf="_action?.children">
+        <button mat-menu-item [matMenuTriggerFor]="menu.childMenu">
+          <mat-icon>{{_action.icon}}</mat-icon>
+          <span>{{ _action.name }}</span>
+        </button>
+        <molecules-nested-menu
+          #menu
+          [actions]="_action.children"
+          (action)="action.emit($event)"
+        ></molecules-nested-menu>
+      </span>
+      <span *ngIf="!_action?.children">
+        <button mat-menu-item (click)="action.emit(_action)">
+          <mat-icon>{{ _action.icon }}</mat-icon>
+          <span>{{ _action.name }}</span>
+        </button>
+      </span>
+    </span>
+  </mat-menu>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }], childMenu: [{
+                type: ViewChild,
+                args: ['childMenu']
+            }], action: [{
+                type: Output
+            }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { NestedMenuMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-nested-menu.mjs.map

package/fesm2015/ng-atomic-components-molecules-nested-menu.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ng-atomic-components-molecules-nested-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/molecules/nested-menu/nested-menu.molecule.ts","../../../../../packages/@ng-atomic/components/src/molecules/nested-menu/ng-atomic-components-molecules-nested-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Action } from '@ng-atomic/common/models';\nimport { MatMenuModule } from '@angular/material/menu';\n\n@Component({\n selector: 'molecules-nested-menu',\n standalone: true,\n imports: [\n CommonModule,\n MatMenuModule,\n ],\n template: `\n <mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <span *ngFor=\"let _action of actions\">\n <span *ngIf=\"_action?.children\">\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\">\n <mat-icon>{{_action.icon}}</mat-icon>\n <span>{{ _action.name }}</span>\n </button>\n <molecules-nested-menu\n #menu\n [actions]=\"_action.children\"\n (action)=\"action.emit($event)\"\n ></molecules-nested-menu>\n </span>\n \n <span *ngIf=\"!_action?.children\">\n <button mat-menu-item (click)=\"action.emit(_action)\">\n <mat-icon>{{ _action.icon }}</mat-icon>\n <span>{{ _action.name }}</span>\n </button>\n </span>\n </span>\n </mat-menu>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NestedMenuMolecule {\n @Input()\n actions: Action[];\n\n @ViewChild('childMenu')\n childMenu;\n\n @Output()\n action = new EventEmitter<Action>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs CHANGED Viewed

@@ -19,14 +19,14 @@ class SelectInputFieldMolecule {
     }
 }
 SelectInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectInputFieldMolecule, isStandalone: true, selector: "molecules-select-input-field", inputs: { label: "label", appearance: "appearance", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: "<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-AYkY: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectInputFieldMolecule, isStandalone: true, selector: "molecules-select-input-field", inputs: { label: "label", appearance: "appearance", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: "<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-FPjE: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-select-input-field', standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
                         MatSelectModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-AYkY: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-FPjE: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], appearance: [{