npm - @ng-atomic/components - Versions diffs - 5.11.0 → 5.13.0 - Mend

@ng-atomic/components 5.11.0 → 5.13.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 (100) hide show

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

@@ -40,7 +40,7 @@ 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-h9Aj: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-h9Aj: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-h9Aj: 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-h9Aj);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-h9Aj)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-h9Aj)}\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-593s: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-593s: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-593s: 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-593s);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-593s)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-593s)}\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-h9Aj: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-h9Aj: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-h9Aj: 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-h9Aj);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-h9Aj)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-h9Aj)}\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-593s: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-593s: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-593s: 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-593s);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-593s)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-593s)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], form: [{

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

@@ -66,7 +66,6 @@ class SmartIndexTemplate {
         this.navStartActions = [{ id: ActionId.BACK, icon: 'arrow_back' }];
         this.navEndActions = [];
         this.properties = [];
-        this.selectedIdSet = new Set();
         this.pageSizeOptions = [5, 10, 25, 100];
         this.queryPlaceholder = '';
         this.device = 'sp';
@@ -82,7 +81,7 @@ class SmartIndexTemplate {
 }
 SmartIndexTemplate.ActionId = ActionId;
 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: { 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", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { backButtonClick: "backButtonClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, hostDirectives: [{ directive: NgAtomicDirective, outputs: ["action", "action"] }], ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-7ojw: 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: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { 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", selection: "selection", sortKey: "sortKey", sortOrder: "sortOrder", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { backButtonClick: "backButtonClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, hostDirectives: [{ directive: NgAtomicDirective, outputs: ["action", "action"] }], ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selection]=\"selection\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-4AXy: 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: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "pageSize", "selection", "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: [
@@ -102,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                             directive: NgAtomicDirective,
                             outputs: ['action'],
                         }
-                    ], template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-7ojw: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+                    ], template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <frames-divider>\n        <ng-content first select=\"[dashboard]\"></ng-content>\n        <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n          <organisms-grid-toolbar\n            *ngIf=\"gridToolbarActions\"\n            [actions]=\"gridToolbarActions\"\n            (action)=\"ngAtomic.onAction($event)\"\n          ></organisms-grid-toolbar>\n          <organisms-smart-table\n            [items]=\"items\"\n            [itemActions]=\"itemActions\"\n            [columns]=\"properties\"\n            [selection]=\"selection\"\n            [sortKey]=\"sortKey\"\n            [sortOrder]=\"sortOrder\"\n            [childrenKey]=\"tableChildrenKey\"\n            (action)=\"ngAtomic.onAction($event)\"\n            (checkboxClick)=\"onCheckboxClickItem($event)\"\n            (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n          ></organisms-smart-table>\n          <organisms-paginator\n            *ngIf=\"form\"\n            [form]=\"form\"\n            [pageSizeOptions]=\"pageSizeOptions\"\n            [placeholder]=\"queryPlaceholder\"\n            (pageChange)=\"pageChange.emit($event)\"\n          ></organisms-paginator>\n        </div>\n      </frames-divider>\n      \n    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-4AXy: 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: [{
@@ -125,7 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }], properties: [{
                 type: Input
-            }], selectedIdSet: [{
+            }], selection: [{
                 type: Input
             }], sortKey: [{
                 type: Input

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableOrganism } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListOrganism, ActionId as ListActionId } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganism } from '@ng-atomic/components/organisms/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { GridToolbarOrganism } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/smart-index] Item Click',\n CHECKBOX_CLICK = '[@ng-atomic/components/templates/smart-index] Check Item',\n}\n\n\n@Directive({ standalone: true })\nexport class NgAtomicDirective {\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n this.action.subscribe(action => {\n console.debug('NgAtomicDirective.action', action);\n });\n }\n\n onAction(action: Action): void {\n switch(action.id) {\n case ListActionId.CLICK_ITEM:\n return this.action.emit({...action, id: ActionId.ITEM_CLICK});\n default: return this.action.emit(action);\n }\n }\n\n dispatch(action: Action): void {\n this.action.emit(action);\n }\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n AutoLayoutFrame,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganism,\n PaginatorOrganism,\n SmartTableOrganism,\n SmartListOrganism,\n NavigatorOrganism,\n FiltersSectionOrganism,\n HeaderMolecule,\n ],\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: NgAtomicDirective,\n outputs: ['action'],\n }\n ],\n})\nexport class SmartIndexTemplate<T> {\n static ActionId = ActionId;\n\n protected ngAtomic = inject(NgAtomicDirective);\n\n @Input()\n gridToolbarActions: Action[] = [];\n\n @Input()\n tableChildrenKey: string = '';\n\n @Input()\n form = new FormGroup({\n pageIndex: new FormControl(0),\n pageSize: new FormControl(0),\n length: new FormControl(0),\n });\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n itemActions: (item: T) => Action[] = () => [];\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Input()\n device: 'sp' \| 'tablet' \| 'pc' = 'sp';\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n onCheckboxClickItem(item: T) {\n this.ngAtomic.action.emit({\n id: ActionId.CHECKBOX_CLICK,\n payload: item,\n });\n }\n}\n","<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\n (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container ngSwitchDefault>\n <frames-divider>\n <ng-content first select=\"[dashboard]\"></ng-content>\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n <organisms-grid-toolbar\n ngIf=\"gridToolbarActions\"\n [actions]=\"gridToolbarActions\"\n (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n (checkboxClick)=\"onCheckboxClickItem($event)\"\n (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n ></organisms-smart-table>\n <organisms-paginator\n ngIf=\"form\"\n [form]=\"form\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </div>\n </frames-divider>\n \n </ng-container>\n </frames-auto-layout>\n</frames-scroll>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["ListActionId"],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/lib/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableOrganism } from '@ng-atomic/components/organisms/smart-table';\nimport { SmartListOrganism, ActionId as ListActionId } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganism } from '@ng-atomic/components/organisms/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { GridToolbarOrganism } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/smart-index] Item Click',\n CHECKBOX_CLICK = '[@ng-atomic/components/templates/smart-index] Check Item',\n}\n\n\n@Directive({ standalone: true })\nexport class NgAtomicDirective {\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n this.action.subscribe(action => {\n console.debug('NgAtomicDirective.action', action);\n });\n }\n\n onAction(action: Action): void {\n switch(action.id) {\n case ListActionId.CLICK_ITEM:\n return this.action.emit({...action, id: ActionId.ITEM_CLICK});\n default: return this.action.emit(action);\n }\n }\n\n dispatch(action: Action): void {\n this.action.emit(action);\n }\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n AutoLayoutFrame,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganism,\n PaginatorOrganism,\n SmartTableOrganism,\n SmartListOrganism,\n NavigatorOrganism,\n FiltersSectionOrganism,\n HeaderMolecule,\n ],\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: NgAtomicDirective,\n outputs: ['action'],\n }\n ],\n})\nexport class SmartIndexTemplate<T> {\n static ActionId = ActionId;\n\n protected ngAtomic = inject(NgAtomicDirective);\n\n @Input()\n gridToolbarActions: Action[] = [];\n\n @Input()\n tableChildrenKey: string = '';\n\n @Input()\n form = new FormGroup({\n pageIndex: new FormControl(0),\n pageSize: new FormControl(0),\n length: new FormControl(0),\n });\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n itemActions: (item: T) => Action[] = () => [];\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selection!: SelectionModel<string>;\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Input()\n device: 'sp' \| 'tablet' \| 'pc' = 'sp';\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n onCheckboxClickItem(item: T) {\n this.ngAtomic.action.emit({\n id: ActionId.CHECKBOX_CLICK,\n payload: item,\n });\n }\n}\n","<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\n (action)=\"ngAtomic.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)=\"ngAtomic.onAction($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container ngSwitchDefault>\n <frames-divider>\n <ng-content first select=\"[dashboard]\"></ng-content>\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n <organisms-grid-toolbar\n ngIf=\"gridToolbarActions\"\n [actions]=\"gridToolbarActions\"\n (action)=\"ngAtomic.onAction($event)\"\n ></organisms-grid-toolbar>\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selection]=\"selection\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n [childrenKey]=\"tableChildrenKey\"\n (action)=\"ngAtomic.onAction($event)\"\n (checkboxClick)=\"onCheckboxClickItem($event)\"\n (headerClick)=\"ngAtomic.onAction({id: ActionId.TABLE_HEADER_CLICK, payload: $event})\"\n ></organisms-smart-table>\n <organisms-paginator\n ngIf=\"form\"\n [form]=\"form\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </div>\n </frames-divider>\n \n </ng-container>\n </frames-auto-layout>\n</frames-scroll>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["ListActionId"],"mappings":"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"}

package/fesm2020/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-zPIM: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-zPIM)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-zPIM)}\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-QB7R: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-QB7R)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-QB7R)}\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-zPIM: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-zPIM)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-zPIM)}\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-QB7R: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-QB7R)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-QB7R)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], color: [{

package/fesm2020/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-HBBM: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HBBM: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HBBM);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HBBM) 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-oVSU: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-oVSU: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-oVSU);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-oVSU) 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-HBBM: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-HBBM: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-HBBM);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-HBBM) 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-oVSU: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-oVSU: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-oVSU);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-oVSU) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 /**

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

@@ -38,7 +38,7 @@ DividerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-3MoB: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-3MoB);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-3MoB));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-RBB7: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-RBB7);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-RBB7));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-divider', standalone: true, imports: [
@@ -61,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-3MoB: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-3MoB);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-3MoB));overflow:hidden}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: inherit;--first-content-height-SCOPED-IN-divider-RBB7: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-RBB7);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-RBB7));overflow:hidden}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { divider: [{
                 type: ViewChild,
                 args: ['el', { read: ElementRef }]

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

@@ -25,13 +25,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-0TRM: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-0TRM: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-0TRM)}: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-Smm7: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-Smm7: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-Smm7)}: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-0TRM: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-0TRM: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-0TRM)}: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-Smm7: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-Smm7: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-Smm7)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]

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

@@ -161,7 +161,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-vvSa: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-vvSa: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-vvSa: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-vvSa);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-vvSa)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-vvSa)}: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-Lr0Q: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Lr0Q: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-Lr0Q: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Lr0Q);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-Lr0Q)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-Lr0Q)}: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: [
@@ -173,7 +173,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-vvSa: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-vvSa: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-vvSa: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-vvSa);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-vvSa)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-vvSa)}: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-Lr0Q: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-Lr0Q: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-Lr0Q: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Lr0Q);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-Lr0Q)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-Lr0Q)}: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/fesm2020/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-KTI4: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-KTI4: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-KTI4: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-KTI4);height:var(--height-SCOPED-IN-line-overlay-KTI4)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-KTI4);height:var(--height-SCOPED-IN-line-overlay-KTI4);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-KTI4);height:var(--height-SCOPED-IN-line-overlay-KTI4);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-KTI4);--width: var(--width-SCOPED-IN-line-overlay-KTI4);--height: var(--height-SCOPED-IN-line-overlay-KTI4)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-KTI4);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-KTI4);--width: var(--width-SCOPED-IN-line-overlay-KTI4);--height: var(--height-SCOPED-IN-line-overlay-KTI4)}\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-obWU: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-obWU: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-obWU: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-obWU);height:var(--height-SCOPED-IN-line-overlay-obWU)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-obWU);height:var(--height-SCOPED-IN-line-overlay-obWU);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-obWU);height:var(--height-SCOPED-IN-line-overlay-obWU);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-obWU);--width: var(--width-SCOPED-IN-line-overlay-obWU);--height: var(--height-SCOPED-IN-line-overlay-obWU)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-obWU);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-obWU);--width: var(--width-SCOPED-IN-line-overlay-obWU);--height: var(--height-SCOPED-IN-line-overlay-obWU)}\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-KTI4: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-KTI4: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-KTI4: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-KTI4);height:var(--height-SCOPED-IN-line-overlay-KTI4)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-KTI4);height:var(--height-SCOPED-IN-line-overlay-KTI4);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-KTI4);height:var(--height-SCOPED-IN-line-overlay-KTI4);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-KTI4);--width: var(--width-SCOPED-IN-line-overlay-KTI4);--height: var(--height-SCOPED-IN-line-overlay-KTI4)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-KTI4);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-KTI4);--width: var(--width-SCOPED-IN-line-overlay-KTI4);--height: var(--height-SCOPED-IN-line-overlay-KTI4)}\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-obWU: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-obWU: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-obWU: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-obWU);height:var(--height-SCOPED-IN-line-overlay-obWU)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-obWU);height:var(--height-SCOPED-IN-line-overlay-obWU);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-obWU);height:var(--height-SCOPED-IN-line-overlay-obWU);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-obWU);--width: var(--width-SCOPED-IN-line-overlay-obWU);--height: var(--height-SCOPED-IN-line-overlay-obWU)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-obWU);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-obWU);--width: var(--width-SCOPED-IN-line-overlay-obWU);--height: var(--height-SCOPED-IN-line-overlay-obWU)}\n"] }]
         }], propDecorators: { hasNext: [{
                 type: Input
             }] } });

package/fesm2020/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-ex8q: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-ex8q: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-ex8q);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-ex8q);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-ex8q) - var(--navigator-height-SCOPED-IN-scroll-ex8q));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 });
+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-XDO8: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-XDO8: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-XDO8);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-XDO8);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-XDO8) - var(--navigator-height-SCOPED-IN-scroll-XDO8));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-ex8q: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-ex8q: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-ex8q);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-ex8q);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-ex8q) - var(--navigator-height-SCOPED-IN-scroll-ex8q));overflow:auto;-webkit-overflow-scrolling:touch}:host .contents-container::-webkit-scrollbar{display:none}\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-XDO8: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-XDO8: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-XDO8);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-XDO8);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-XDO8) - var(--navigator-height-SCOPED-IN-scroll-XDO8));overflow:auto;-webkit-overflow-scrolling:touch}:host .contents-container::-webkit-scrollbar{display:none}\n"] }]
         }] });
 /**

package/fesm2020/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-0HKJ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-0HKJ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-0HKJ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-0HKJ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-0HKJ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-0HKJ)}: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-hwWQ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-hwWQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-hwWQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-hwWQ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-hwWQ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-hwWQ)}: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-0HKJ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-0HKJ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-0HKJ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-0HKJ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-0HKJ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-0HKJ)}: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-hwWQ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-hwWQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-hwWQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-hwWQ);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-hwWQ)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-hwWQ)}: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/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+import { SelectionModel } from '@angular/cdk/collections';
 import * as i1 from '@angular/cdk/table';
 import { CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
 import { CommonModule } from '@angular/common';
@@ -19,7 +20,7 @@ class CheckboxColumnMolecule {
     }
     constructor(_table) {
         this._table = _table;
-        this.selectedIdSet = new Set();
+        this.selection = new SelectionModel(true, []);
         this.checkboxClick = new EventEmitter();
     }
     ngOnInit() {
@@ -42,9 +43,18 @@ class CheckboxColumnMolecule {
     }
 }
 CheckboxColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CheckboxColumnMolecule, deps: [{ token: i1.CdkTable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: CheckboxColumnMolecule, isStandalone: true, selector: "molecules-checkbox-column", inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, providers: [
+CheckboxColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: CheckboxColumnMolecule, isStandalone: true, selector: "molecules-checkbox-column", inputs: { name: "name", selection: "selection" }, outputs: { checkboxClick: "checkboxClick" }, providers: [
         { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
-    ], viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, static: true }], ngImport: i0, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item | selectId)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: SelectIdPipe, name: "selectId" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, static: true }], ngImport: i0, template: `
+  <ng-container matColumnDef>
+    <th mat-header-cell *matHeaderCellDef></th>
+    <td mat-cell *matCellDef="let item">
+      <mat-checkbox
+        (click)="checkboxClick.emit(item)"
+        [checked]="selection.isSelected(item | selectId)"
+      ></mat-checkbox>
+    </td>
+  </ng-container>`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: SelectIdPipe, name: "selectId" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CheckboxColumnMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-checkbox-column', standalone: true, imports: [
@@ -54,12 +64,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         SelectIdPipe,
                     ], providers: [
                         { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item | selectId)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n" }]
+                    ], template: `
+  <ng-container matColumnDef>
+    <th mat-header-cell *matHeaderCellDef></th>
+    <td mat-cell *matCellDef="let item">
+      <mat-checkbox
+        (click)="checkboxClick.emit(item)"
+        [checked]="selection.isSelected(item | selectId)"
+      ></mat-checkbox>
+    </td>
+  </ng-container>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush }]
         }], ctorParameters: function () { return [{ type: i1.CdkTable, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { name: [{
                 type: Input
-            }], selectedIdSet: [{
+            }], selection: [{
                 type: Input
             }], checkboxClick: [{
                 type: Output

package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/~~checkbox-column.molecule.html","../../../../../packages/@~~ng-atomic~~/components/src/lib/molecules/checkbox~~-~~column/ng-atomic-~~components-molecules-checkbox-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxDefaultOptions, MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { SelectIdPipe } from '@ng-atomic/common/pipes/select-id';\n\n@Component({\n selector: 'molecules-checkbox-column',\n standalone: true,\n imports: [\n CommonModule,\n MatTableModule,\n MatCheckboxModule,\n SelectIdPipe,\n ],\n providers: [\n {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n ],\n ~~templateUrl~~: ~~'./~~checkbox~~-column~~.~~molecule~~.~~html',\~~n styleUrls: ['./checkbox-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxColumnMolecule<T> implements OnInit {\n\n @Input()\n get name(): string {\n return this._name;\n }\n set name(name: string) {\n this._name = name;\n this._syncColumnDefName();\n }\n _name!: string;\n\n @Input()\n ~~selectedIdSet~~ = new ~~Set~~<string>();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @ViewChild(CdkColumnDef, {static: true})\n columnDef!: CdkColumnDef;\n\n @ViewChild(CdkCellDef, {static: true})\n cell!: CdkCellDef;\n\n @ViewChild(CdkHeaderCellDef, {static: true})\n headerCell!: CdkHeaderCellDef;\n\n constructor(@Optional() private _table: CdkTable<T>) { }\n\n ngOnInit() {\n this._syncColumnDefName();\n\n if (this._table) {\n this.columnDef.cell = this.cell;\n this.columnDef.headerCell = this.headerCell;\n this._table.addColumnDef(this.columnDef);\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef);\n }\n }\n\n private _syncColumnDefName() {\n if (this.columnDef) {\n this.columnDef.name = this.name;\n }\n }\n}\n","<ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef></th>\n <td mat-cell matCellDef=\"let item\">\n <mat-checkbox\n (click)=\"checkboxClick.emit(item)\"\n [checked]=\"selectedIdSet.has(item \| selectId)\"\n ></mat-checkbox>\n </td>\n</ng-container>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;MAwBa~~,sBAAsB,CAAA;AAEjC,IAAA,IACI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IACD,IAAI,IAAI,CAAC,IAAY,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;AAkBD,IAAA,WAAA,CAAgC,MAAmB,EAAA;QAAnB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAa;~~AAdnD~~,~~QAAA~~,~~IAAA,~~CAAA,~~aAAa~~,GAAG,IAAI,~~GAAG~~,~~EAAU~~,CAAC;~~AAGlC~~,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAK,CAAC;KAWkB;IAExD,QAAQ,GAAA;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC1C,SAAA;KACF;IAED,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7C,SAAA;KACF;IAEO,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACjC,SAAA;KACF;;mHAjDU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,~~EARtB~~,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,~~aAAA~~,EAAA,~~eAAA~~,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,SAAA,EAAA;QACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;AACxG,KAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EAwBU~~,YAAY,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGZ,UAAU,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGV,gBAAgB,~~EChD7B~~,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA~~,+RASA~~,~~EDEI~~,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EAAA~~,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,4KACjB,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;~~2FAUH~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;~~kBAjBlC~~,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,cAAc;wBACd,iBAAiB;wBACjB,YAAY;qBACb,EACU,SAAA,EAAA;wBACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;~~AACxG~~,~~qBAAA~~,EAAA,aAAA,~~EAGc~~,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,~~QAAA,EAAA,+RAAA,EAAA,~~CAAA;;0BA6BlC,QAAQ;4CAxBjB,IAAI,EAAA,CAAA;sBADP,KAAK;gBAWN,~~aAAa~~,EAAA,CAAA;~~sBADZ~~,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAIP,SAAS,EAAA,CAAA;sBADR,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBAIvC,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBAIrC,UAAU,EAAA,CAAA;sBADT,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;~~AEhD7C~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxDefaultOptions, MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { SelectIdPipe } from '@ng-atomic/common/pipes/select-id';\n\n@Component({\n selector: 'molecules-checkbox-column',\n standalone: true,\n imports: [\n CommonModule,\n MatTableModule,\n MatCheckboxModule,\n SelectIdPipe,\n ],\n providers: [\n {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef></th>\n <td mat-cell matCellDef=\"let item\">\n <mat-checkbox\n (click)=\"checkboxClick.emit(item)\"\n [checked]=\"selection.isSelected(item \| selectId)\"\n ></mat-checkbox>\n </td>\n </ng-container>`,\n styleUrls: ['./checkbox-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxColumnMolecule<T> implements OnInit {\n\n @Input()\n get name(): string {\n return this._name;\n }\n set name(name: string) {\n this._name = name;\n this._syncColumnDefName();\n }\n _name!: string;\n\n @Input()\n selection = new SelectionModel<string>(true, []);\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @ViewChild(CdkColumnDef, {static: true})\n columnDef!: CdkColumnDef;\n\n @ViewChild(CdkCellDef, {static: true})\n cell!: CdkCellDef;\n\n @ViewChild(CdkHeaderCellDef, {static: true})\n headerCell!: CdkHeaderCellDef;\n\n constructor(@Optional() private _table: CdkTable<T>) { }\n\n ngOnInit() {\n this._syncColumnDefName();\n\n if (this._table) {\n this.columnDef.cell = this.cell;\n this.columnDef.headerCell = this.headerCell;\n this._table.addColumnDef(this.columnDef);\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef);\n }\n }\n\n private _syncColumnDefName() {\n if (this.columnDef) {\n this.columnDef.name = this.name;\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/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-SaVF: 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-kJAo: 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-SaVF: 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-kJAo: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{

package/fesm2020/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-gaBE: 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-ns4O: 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-gaBE: 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-ns4O: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], appearance: [{