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

@ng-atomic/components 5.3.0 → 5.4.0

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

Files changed (178) hide show

package/fesm2020/ng-atomic-components-organisms-smart-table.mjs CHANGED Viewed

@@ -37,10 +37,10 @@ class SmartTableOrganism {
     }
 }
 SmartTableOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { _columns: ["columns", "_columns"], items: "items", itemActions: "itemActions", pageSize: "pageSize", selectedIdSet: "selectedIdSet", sort: "sort" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of columns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-UQUm: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-UQUm: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-UQUm: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-UQUm)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-UQUm) - var(--cell-SCOPED-IN-smart-table-UQUm) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-UQUm) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-UQUm) * 2)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatLegacyTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatLegacyHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatLegacyRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i2.MatLegacyHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatLegacyRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "itemActions"], outputs: ["action"] }, { kind: "component", type: i4.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { kind: "component", type: i5.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { kind: "pipe", type: i6.DomainPipe, name: "D" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { _columns: ["columns", "_columns"], items: "items", itemActions: "itemActions", pageSize: "pageSize", selectedIdSet: "selectedIdSet", sort: "sort" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of columns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-t3NS: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-t3NS: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-t3NS: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-t3NS)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-t3NS) - var(--cell-SCOPED-IN-smart-table-t3NS) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-t3NS) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-t3NS) * 2)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatLegacyTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatLegacyHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatLegacyRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i2.MatLegacyHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatLegacyRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "itemActions"], outputs: ["action"] }, { kind: "component", type: i4.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { kind: "component", type: i5.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { kind: "pipe", type: i6.DomainPipe, name: "D" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of columns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-UQUm: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-UQUm: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-UQUm: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-UQUm)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-UQUm) - var(--cell-SCOPED-IN-smart-table-UQUm) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-UQUm) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-UQUm) * 2)}\n"] }]
+            args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of columns; trackBy: trackByColumnName\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\"\n      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-t3NS: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-t3NS: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-t3NS: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-t3NS)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-t3NS) - var(--cell-SCOPED-IN-smart-table-t3NS) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-t3NS) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-t3NS) * 2)}\n"] }]
         }], propDecorators: { _columns: [{
                 type: Input,
                 args: ['columns']

package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ class SocialLoginSectionOrganism {
     }
 }
 SocialLoginSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-591m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-591m);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "component", type: i1.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-QuPr: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-QuPr);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "component", type: i1.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-591m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-591m);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+            args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-QuPr: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-QuPr);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs CHANGED Viewed

@@ -14,10 +14,10 @@ class TextInputSectionOrganism {
     }
 }
 TextInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Te4m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Te4m);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
+TextInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-3cOT: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-3cOT);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Te4m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Te4m);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-3cOT: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-3cOT);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{

package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { FormControl } from '@angular/forms';
 import * as i1 from '@ng-atomic/components/molecules/textarea-field';
 import { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';
 import { CommonModule } from '@angular/common';
@@ -7,15 +8,24 @@ import { CommonModule } from '@angular/common';
 class TextareaSectionOrganism {
     constructor() {
         this.label = 'label';
+        this.rows = 10;
+        this.control = new FormControl('');
+        this.action = new EventEmitter();
     }
 }
 TextareaSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextareaSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Sl40: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Sl40);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label", rows: "rows", control: "control" }, outputs: { action: "action" }, ngImport: i0, template: "<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-fAEY: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-fAEY);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder", "control", "rows"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Sl40: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Sl40);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [rows]=\"rows\"\n  (action)=\"action.emit($event)\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-fAEY: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-fAEY);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
+            }], rows: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], action: [{
+                type: Output
             }] } });
 class TextareaSectionModule {

package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'organisms-textarea-section',\n templateUrl: './textarea-section.organism.html',\n styleUrls: ['./textarea-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n @Input()\n label = 'label';\n\n}\n","<molecules-textarea-field\n [label]=\"label\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\n\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n@NgModule({\n declarations: [TextareaSectionOrganism],\n imports: [\n CommonModule,\n // Molecules\n TextareaFieldModule,\n ],\n exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;MAQa~~,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;~~AAEjB~~,KAAA;;~~oHALY~~,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,~~8FCRpC~~,~~8EAE4B,~~EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;~~2FDMf~~,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~8EAAA~~,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;~~MEMK~~,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;AAEZ,QAAA,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAN9B,YAAY;;QAEZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-textarea-section',\n templateUrl: './textarea-section.organism.html',\n styleUrls: ['./textarea-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n @Input()\n label = 'label';\n\n @Input()\n rows = 10;\n\n @Input()\n control = new FormControl('');\n\n @Output()\n action = new EventEmitter<Action>();\n\n}\n","<molecules-textarea-field\n [control]=\"control\"\n [label]=\"label\"\n [rows]=\"rows\"\n (action)=\"action.emit($event)\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\n\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n@NgModule({\n declarations: [TextareaSectionOrganism],\n imports: [\n CommonModule,\n // Molecules\n TextareaFieldModule,\n ],\n exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAGV,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAG9B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;oHAdY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,+JCVpC,8JAK4B,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,SAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDKf,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8JAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MELI,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;AAEZ,QAAA,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAN9B,YAAY;;QAEZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs CHANGED Viewed

@@ -15,10 +15,10 @@ class TopNavigatorOrganism {
     }
 }
 TopNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-JIi6: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-JIi6);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"], dependencies: [{ kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-DxRj: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-DxRj);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"], dependencies: [{ kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-JIi6: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-JIi6);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
+            args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-DxRj: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-DxRj);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], items: [{

package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { ~~ActionItem~~ } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-top-navigator',\n templateUrl: './top-navigator.organism.html',\n styleUrls: ['./top-navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n @Input()\n title?: string;\n\n @Input()\n items: ~~ActionItem~~[] = [];\n\n @Output()\n action = new EventEmitter<~~ActionItem~~>();\n \n id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title \|\| '' }}\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n declarations: [\n TopNavigatorOrganism\n ],\n imports: [\n CommonModule,\n // Material\n MatToolbarModule,\n MatMenuModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [\n TopNavigatorOrganism\n ]\n})\nexport class TopNavigatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["MatMenuModule"],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAYE,IAAK,CAAA,KAAA,~~GAAiB~~,EAAE,CAAC;~~AAGzB~~,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,~~EAAc~~,CAAC;~~QAExC~~,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;AAEtC,KAAA;;iHAbY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0ICVjC,0QAWA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0QAAA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEMI,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAd3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;AAEb,QAAA,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAX3B,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAMZ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChBA,mBAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACvBD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-top-navigator',\n templateUrl: './top-navigator.organism.html',\n styleUrls: ['./top-navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n @Input()\n title?: string;\n\n @Input()\n items: Action[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n \n id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title \|\| '' }}\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n declarations: [\n TopNavigatorOrganism\n ],\n imports: [\n CommonModule,\n // Material\n MatToolbarModule,\n MatMenuModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [\n TopNavigatorOrganism\n ]\n})\nexport class TopNavigatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["MatMenuModule"],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAYE,IAAK,CAAA,KAAA,GAAa,EAAE,CAAC;AAGrB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;AAEtC,KAAA;;iHAbY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0ICVjC,0QAWA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0QAAA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEMI,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAd3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;AAEb,QAAA,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAX3B,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAMZ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChBA,mBAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-templates-entrance.mjs CHANGED Viewed

@@ -52,10 +52,10 @@ class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-bajN: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-bajN: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-bajN);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-bajN)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.CardFrame, selector: "frames-card" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: i6.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-Vb1D: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-Vb1D: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-Vb1D);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-Vb1D)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.CardFrame, selector: "frames-card" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: i6.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-bajN: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-bajN: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-bajN);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-bajN)}\n"] }]
+            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-Vb1D: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-Vb1D: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-Vb1D);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-Vb1D)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], isEmailSectionShown: [{

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

@@ -6,16 +6,16 @@ import { CommonModule } from '@angular/common';
 class MenuTemplate {
     constructor() {
-        this.items = [];
+        this.actions = [];
         this.action = new EventEmitter();
     }
 }
 MenuTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, selector: "templates-menu", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-W0pS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-W0pS: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-W0pS: var(--width);--height: 100%;--height-SCOPED-IN-menu-W0pS: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-W0pS);height:var(--height-SCOPED-IN-menu-W0pS);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-W0pS)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-W0pS);--secondary-color: var(--secondary-color-SCOPED-IN-menu-W0pS)}\n"], dependencies: [{ kind: "component", type: i1.NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-p0LD: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-p0LD: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-p0LD: var(--width);--height: 100%;--height-SCOPED-IN-menu-p0LD: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-p0LD);height:var(--height-SCOPED-IN-menu-p0LD);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-p0LD)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-p0LD);--secondary-color: var(--secondary-color-SCOPED-IN-menu-p0LD)}\n"], dependencies: [{ kind: "component", type: i1.NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-W0pS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-W0pS: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-W0pS: var(--width);--height: 100%;--height-SCOPED-IN-menu-W0pS: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-W0pS);height:var(--height-SCOPED-IN-menu-W0pS);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-W0pS)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-W0pS);--secondary-color: var(--secondary-color-SCOPED-IN-menu-W0pS)}\n"] }]
-        }], propDecorators: { items: [{
+            args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-p0LD: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-p0LD: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-p0LD: var(--width);--height: 100%;--height-SCOPED-IN-menu-p0LD: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-p0LD);height:var(--height-SCOPED-IN-menu-p0LD);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-p0LD)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-p0LD);--secondary-color: var(--secondary-color-SCOPED-IN-menu-p0LD)}\n"] }]
+        }], propDecorators: { actions: [{
                 type: Input
             }], action: [{
                 type: Output

package/fesm2020/ng-atomic-components-templates-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.module.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ~~ActionItem~~ } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'templates-menu',\n templateUrl: './menu.template.html',\n styleUrls: ['./menu.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n @Input()\n ~~items~~: ~~ActionItem~~<string>[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-navigation-list\n [~~items~~]=\"~~items~~\"\n (action)=\"action.emit($event)\"\n ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n <ng-content select=[footer]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n declarations: [MenuTemplate],\n imports: [\n CommonModule,\n // Organisms\n NavigationListModule,\n ],\n exports: [MenuTemplate],\n bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;QASE,~~IAAK~~,CAAA,~~KAAA~~,~~GAAyB~~,EAAE,CAAC;~~AAGjC~~,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,~~iHCTzB~~,~~mRASM~~,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,~~OAAA~~,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~mRAAA~~,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,~~KAAK~~,EAAA,CAAA;~~sBADJ~~,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEGI,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAV,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAFT,SAAA,EAAA,CAAA,YAAY,CAPT,EAAA,YAAA,EAAA,CAAA,YAAY,aAEzB,YAAY;;AAEZ,QAAA,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAGX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAPnB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAKX,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.module.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'templates-menu',\n templateUrl: './menu.template.html',\n styleUrls: ['./menu.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n @Input()\n actions: Action<string>[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-navigation-list\n [actions]=\"actions\"\n (action)=\"action.emit($event)\"\n ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n <ng-content select=[footer]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n declarations: [MenuTemplate],\n imports: [\n CommonModule,\n // Organisms\n NavigationListModule,\n ],\n exports: [MenuTemplate],\n bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;QASE,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,qHCTzB,uRASM,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEGI,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAV,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAFT,SAAA,EAAA,CAAA,YAAY,CAPT,EAAA,YAAA,EAAA,CAAA,YAAY,aAEzB,YAAY;;AAEZ,QAAA,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAGX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAPnB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAKX,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

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

@@ -1,27 +1,29 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@ng-atomic/components/frames/scroll';
+import * as i5 from '@ng-atomic/components/frames/scroll';
 import { ScrollModule } from '@ng-atomic/components/frames/scroll';
-import * as i2 from '@ng-atomic/components/frames/auto-layout';
+import * as i4 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
-import * as i9 from '@ng-atomic/components/molecules/header';
+import * as i12 from '@ng-atomic/components/molecules/header';
 import { HeaderModule } from '@ng-atomic/components/molecules/header';
-import * as i4 from '@ng-atomic/components/organisms/action-buttons-section';
+import * as i6 from '@ng-atomic/components/organisms/action-buttons-section';
 import { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';
-import * as i5 from '@ng-atomic/components/organisms/navigator';
+import * as i7 from '@ng-atomic/components/organisms/navigator';
 import { NavigatorModule } from '@ng-atomic/components/organisms/navigator';
-import * as i7 from '@ng-atomic/components/organisms/text-input-section';
+import * as i10 from '@ng-atomic/components/organisms/textarea-section';
+import { TextareaSectionModule } from '@ng-atomic/components/organisms/textarea-section';
+import * as i9 from '@ng-atomic/components/organisms/text-input-section';
 import { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';
-import * as i6 from '@ng-atomic/components/organisms/date-input-section';
+import * as i8 from '@ng-atomic/components/organisms/date-input-section';
 import { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';
-import * as i8 from '@ng-atomic/components/organisms/select-input-section';
+import * as i11 from '@ng-atomic/components/organisms/select-input-section';
 import { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';
-import * as i11 from '@ng-atomic/common/pipes/smart-field';
+import * as i3 from '@ng-atomic/common/pipes/smart-field';
 import { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';
-import * as i10 from '@ng-atomic/common/pipes/domain';
+import * as i2 from '@ng-atomic/common/pipes/domain';
 import { DomainModule } from '@ng-atomic/common/pipes/domain';
 import '@ngneat/reactive-forms';
@@ -42,70 +44,24 @@ class SmartCrudTemplate {
         this.trackByIndex = (index) => index;
     }
     get controls() {
-        return Object.entries(this.form.controls);
+        const controlMap = new Map();
+        walkControls(this.form.controls, (name, control) => controlMap.set(name, control));
+        return [...controlMap.entries()];
     }
 }
 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, 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-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-Tf3m: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Tf3m: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Tf3m: 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-Tf3m);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Tf3m)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Tf3m)}\n"], dependencies: [{ 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: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: i6.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: i7.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: i8.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: i9.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "pipe", type: i10.DomainPipe, name: "D" }, { kind: "pipe", type: i11.SmartFieldPipe, name: "smartField" }], 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-XkxV: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-XkxV: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-XkxV: 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-XkxV);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-XkxV)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-XkxV)}\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:
+            // Pipes
+            DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "ngmodule", type:
+            // Frames
+            AutoLayoutModule }, { kind: "component", type: i4.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "ngmodule", type: ScrollModule }, { kind: "component", type: i5.ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type:
+            // Organisms
+            ActionButtonsSectionModule }, { kind: "component", type: i6.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "ngmodule", type: NavigatorModule }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "ngmodule", type: DateInputSectionModule }, { kind: "component", type: i8.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "ngmodule", type: TextInputSectionModule }, { kind: "component", type: i9.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "ngmodule", type: TextareaSectionModule }, { kind: "component", type: i10.TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "ngmodule", type: SelectInputSectionModule }, { kind: "component", type: i11.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "ngmodule", type:
+            // Molecules
+            HeaderModule }, { kind: "component", type: i12.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: [{ 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-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-Tf3m: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Tf3m: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Tf3m: 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-Tf3m);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Tf3m)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Tf3m)}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], navStartActions: [{
-                type: Input
-            }], navEndActions: [{
-                type: Input
-            }], actions: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
-class SmartCrudModule {
-}
-SmartCrudModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartCrudModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, bootstrap: [SmartCrudTemplate], declarations: [SmartCrudTemplate], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Pipes
-        DomainModule,
-        SmartFieldModule,
-        // Frames
-        AutoLayoutModule,
-        ScrollModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        NavigatorModule,
-        DateInputSectionModule,
-        TextInputSectionModule,
-        SelectInputSectionModule,
-        // Molecules
-        HeaderModule], exports: [SmartCrudTemplate] });
-SmartCrudModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        // Pipes
-        DomainModule,
-        SmartFieldModule,
-        // Frames
-        AutoLayoutModule,
-        ScrollModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        NavigatorModule,
-        DateInputSectionModule,
-        TextInputSectionModule,
-        SelectInputSectionModule,
-        // Molecules
-        HeaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartCrudTemplate
-                    ],
-                    imports: [
+            args: [{ standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
                         // Pipes
@@ -119,21 +75,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                         NavigatorModule,
                         DateInputSectionModule,
                         TextInputSectionModule,
+                        TextareaSectionModule,
                         SelectInputSectionModule,
                         // Molecules
                         HeaderModule,
-                    ],
-                    exports: [
-                        SmartCrudTemplate
-                    ],
-                    providers: [],
-                    bootstrap: [SmartCrudTemplate],
-                }]
-        }] });
+                    ], 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-XkxV: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-XkxV: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-XkxV: 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-XkxV);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-XkxV)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-XkxV)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], navStartActions: [{
+                type: Input
+            }], navEndActions: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+function walkControls(controls, cb, name = '') {
+    Object.entries(controls).forEach(([key, control]) => {
+        const path = name === '' ? key : `${name}.${key}`;
+        if (control.controls) {
+            walkControls(control.controls, cb, path);
+        }
+        else {
+            cb(path, control);
+        }
+    });
+}
 /**
  * Generated bundle index. Do not edit.
  */
-export { ActionId, SmartCrudModule, SmartCrudTemplate };
+export { ActionId, SmartCrudTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-smart-crud.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/~~smart-crud.module.ts","../../../../../packages/@~~ng-atomic~~/components/src/templates/smart~~-~~crud/ng-atomic-~~components-templates-smart-crud.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n CREATE = '[@ng-atomic/components/templates/smart-crud] Create',\n UPDATE = '[@ng-atomic/components/templates/smart-crud] Update',\n DELETE = '[@ng-atomic/components/templates/smart-crud] Delete',\n}\n\n@Component({\n selector: 'templates-smart-crud',\n templateUrl: './smart-crud.template.html',\n styleUrls: ['./smart-crud.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n @Input()\n title: string = '';\n\n @Input()\n form!: FormGroup<any>;\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [{id: ActionId.DELETE, name: '削除'}];\n\n @Input()\n actions: Action[] = [{id: ActionId.CREATE, name: '作成'}];\n\n @Output()\n action = new EventEmitter<Action>();\n\n get controls() {\n ~~return~~ ~~Object.entries~~(this.form.controls);\n }\n\n trackByIndex = (index: number) => index;\n}\n","<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-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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\n\nimport { SmartCrudTemplate } from './smart-crud.template';\n\n\n@NgModule({\n declarations: [\n SmartCrudTemplate\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Pipes\n DomainModule,\n SmartFieldModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n ActionButtonsSectionModule,\n NavigatorModule,\n DateInputSectionModule,\n TextInputSectionModule,\n SelectInputSectionModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartCrudTemplate\n ],\n providers: [],\n bootstrap: [SmartCrudTemplate],\n})\nexport class SmartCrudModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIY~~,SAKX;AALD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,mDAA0D,CAAA;AAC1D,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,qDAA8D,CAAA;AAC9D,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,qDAA8D,CAAA;AAC9D,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,qDAA8D,CAAA;AAChE,CAAC,EALW,QAAQ,KAAR,QAAQ,GAKnB,EAAA,CAAA,CAAA,CAAA;~~MASY~~,iBAAiB,CAAA;~~AAP9B~~,IAAA,WAAA,GAAA;~~QAUE~~,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAMnB,QAAA,IAAA,CAAA,eAAe,GAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAGxE,QAAA,IAAA,CAAA,aAAa,GAAa,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;AAG9D,QAAA,IAAA,CAAA,OAAO,GAAa,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;AAGxD,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;~~AAMpC~~,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAa,KAAK,KAAK,CAAC;AACzC,KAAA;~~AALC~~,IAAA,IAAI,QAAQ,GAAA;~~QACV~~,~~OAAO~~,MAAM,CAAC,~~OAAO~~,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;~~KAC3C~~;;~~8GAtBU~~,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,~~mQClB9B~~,~~w5CAuCgB~~,EAAA,~~MAAA~~,EAAA,~~CAAA~~,~~6lBAAA~~,~~CAAA~~,EAAA,~~YAAA~~,EAAA,~~CAAA,~~EAAA,~~IAAA~~,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,~~CAAA~~,~~OAAA~~,EAAA,~~QAAA~~,EAAA,~~kBAAA~~,EAAA,~~MAAA~~,EAAA,~~CAAA,~~SAAA,EAAA,~~cAAA~~,EAAA,~~eAAA~~,~~CAAA~~,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,EAAA,~~CAAA,~~QAAA,EAAA,~~QAAA~~,EAAA,~~YAAA~~,EAAA,MAAA,EAAA,CAAA,~~UAAA~~,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,~~EAAA~~,~~CAAA~~,~~YAAA~~,EAAA,~~QAAA~~,EAAA,~~gBAAA~~,EAAA,~~MAAA~~,EAAA,~~CAAA~~,~~cAAA~~,~~CAAA~~,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,CAAA,~~eAAA~~,EAAA,~~QAAA~~,EAAA,~~mBAAA~~,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,~~CAAA~~,~~eAAA~~,EAAA,~~QAAA~~,EAAA,~~oBAAA~~,EAAA,EAAA,~~EAAA~~,~~IAAA~~,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,EAAA,~~CAAA~~,~~WAAA~~,EAAA,~~QAAA~~,EAAA,~~eAAA~~,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,~~SAAA~~,EAAA,~~OAAA~~,EAAA,~~aAAA~~,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,CAAA,~~wBAAA~~,EAAA,QAAA,EAAA,~~8BAAA~~,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,~~aAAA~~,EAAA,~~MAAA~~,EAAA,~~MAAA~~,EAAA,~~SAAA~~,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,CAAA,EAAA,~~EAAA~~,EAAA,~~IAAA~~,EAAA,~~MAAA,~~EAAA,~~IAAA~~,~~EAAA~~,~~GAAA,~~CAAA,~~UAAA~~,EAAA,~~IAAA~~,~~EAAA~~,~~GAAA~~,EAAA,~~EAAA~~,EAAA,~~IAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA,~~IAAA,EAAA,~~GAAA,~~CAAA,~~cAAA,~~EAAA,~~IAAA~~,EAAA,~~YAAA~~,~~EAAA~~,~~CAAA~~,EAAA,~~eAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~uBAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~,~~CAAA~~,~~CAAA~~;~~2FDrBH~~,~~iBAAiB~~,~~EAAA~~,~~UAAA~~,~~EAAA~~,~~CAAA;kBAP7B~~,~~SAAS;+BACE~~,sBAAsB,~~EAAA~~,eAAA,~~EAGf~~,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,QAAA,EAAA,~~w5CAAA~~,EAAA,MAAA,EAAA,CAAA,6lBAAA,CAAA,EAAA,CAAA;8BAKzB,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM~~;;;MEUI,eAAe,CAAA~~;;~~4GAAf~~,~~eAAe~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~eAAA,CAAA,QAAA,~~EAAA~~,CAAA,CAAA~~;~~AAAf~~,~~eAAA,CAAA,~~IAAA,~~GAAA~~,~~EAAA~~,~~CAAA~~,~~mBAAA~~,~~CAAA~~,~~EAAA~~,~~UAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~OAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAFd,SAAA,EAAA,CAAA,iBAAiB,CAxB3B,EAAA,YAAA,EAAA,CAAA,iBAAiB,aAGjB,YAAY~~;~~QACZ~~,~~mBAAmB;;QAEnB~~,~~YAAY;QACZ~~,~~gBAAgB;;QAEhB~~,~~gBAAgB;QAChB~~,~~YAAY;;QAEZ~~,~~0BAA0B;QAC1B~~,~~eAAe;QACf~~,~~sBAAsB;QACtB~~,~~sBAAsB;QACtB~~,~~wBAAwB;;AAExB~~,~~QAAA,YAAY,aAGZ,iBAAiB,~~CAAA,~~EAAA~~,~~CAAA~~,~~CAAA;AAKR~~,~~eAAA,~~CAAA,~~IAAA,GAAA,~~EAAA,~~CAAA~~,~~mBAAA~~,~~CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAvBxB,YAAY~~;~~QACZ~~,~~mBAAmB;;QAEnB~~,~~YAAY;QACZ~~,~~gBAAgB;;QAEhB~~,~~gBAAgB;QAChB~~,~~YAAY;;QAEZ,0BAA0B~~;~~QAC1B~~,~~eAAe;QACf,sBAAsB;QACtB,sBAAsB;QACtB,wBAAwB;;QAExB,~~YAAY,~~CAAA~~,~~EAAA~~,~~CAAA~~,~~CAAA;2FAQH,eAAe,EAAA,UAAA,EAAA,CAAA;kBA5B3B,~~QAAQ~~;AAAC~~,~~YAAA~~,~~IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,~~EAAE~~;wBACZ~~,~~iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,~~EAAE~~;wBACP~~,~~YAAY;wBACZ~~,~~mBAAmB;;wBAEnB~~,~~YAAY~~;~~wBACZ~~,~~gBAAgB;;wBAEhB,gBAAgB~~;~~wBAChB~~,~~YAAY;;wBAEZ,0BAA0B~~;~~wBAC1B~~,~~eAAe;wBACf~~,~~sBAAsB;wBACtB~~,~~sBAAsB;wBACtB~~,~~wBAAwB;;wBAExB~~,~~YAAY;AACb~~,~~qBAAA;AACD,oBAAA,~~OAAO,~~EAAE;wBACP~~,~~iBAAiB~~;~~AAClB~~,~~qBAAA~~;~~AACD~~,~~oBAAA~~,~~SAAS,EAAE,EAAE;oBACb,SAAS,EAAE,~~CAAC,~~iBAAiB,~~CAAC;~~AAC/B,iBAAA,CAAA;;;AC5CD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/smart-crud.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { TextareaSectionModule } from '@ng-atomic/components/organisms/textarea-section';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { AbstractControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n CREATE = '[@ng-atomic/components/templates/smart-crud] Create',\n UPDATE = '[@ng-atomic/components/templates/smart-crud] Update',\n DELETE = '[@ng-atomic/components/templates/smart-crud] Delete',\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Pipes\n DomainModule,\n SmartFieldModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n ActionButtonsSectionModule,\n NavigatorModule,\n DateInputSectionModule,\n TextInputSectionModule,\n TextareaSectionModule,\n SelectInputSectionModule,\n // Molecules\n HeaderModule,\n ],\n selector: 'templates-smart-crud',\n templateUrl: './smart-crud.template.html',\n styleUrls: ['./smart-crud.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n @Input()\n title: string = '';\n\n @Input()\n form!: FormGroup<any>;\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [{id: ActionId.DELETE, name: '削除'}];\n\n @Input()\n actions: Action[] = [{id: ActionId.CREATE, name: '作成'}];\n\n @Output()\n action = new EventEmitter<Action>();\n\n get controls() { \n const controlMap = new Map<string, AbstractControl>();\n walkControls(this.form.controls, (name, control: any) => controlMap.set(name, control));\n return [...controlMap.entries()];\n }\n\n trackByIndex = (index: number) => index;\n}\n\nfunction walkControls(\n controls: any,\n cb: (name: string, control: any) => void,\n name = ''\n) {\n Object.entries(controls).forEach(([key, control]: any) => {\n const path = name === '' ? key : `${name}.${key}`;\n if (control.controls) {\n walkControls(control.controls, cb, path);\n } else {\n cb(path, control);\n }\n });\n}\n","<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>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}