@ng-atomic/components 5.4.2 → 5.5.0

package/fesm2020/ng-atomic-components-organisms-smart-list.mjs

@@ -1,15 +1,14 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Optional, Inject, Input, Output, NgModule } from '@angular/core';
-import * as i5 from '@ng-atomic/common/pipes/data-accessor';
+import { EventEmitter, Component, ChangeDetectionStrategy, Optional, Inject, Input, Output } from '@angular/core';
 import { defaultDataAccessor, DATA_ACCESSOR, DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/legacy-list';
-import { MatLegacyListModule } from '@angular/material/legacy-list';
-import * as i3 from '@angular/material/core';
-import { MatRippleModule } from '@angular/material/core';
-import * as i4 from '@angular/material/divider';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import * as i3 from '@angular/material/divider';
 
 var ActionId;
 (function (ActionId) {
@@ -18,7 +17,6 @@ var ActionId;
 class SmartListOrganism {
     constructor(dataAccessor) {
         this.dataAccessor = dataAccessor;
-        this.statusAccessor = (data) => data['status'];
         this.items = [];
         this.action = new EventEmitter();
         this.dataAccessor ?? (this.dataAccessor = defaultDataAccessor);
@@ -42,10 +40,44 @@ class SmartListOrganism {
     }
 }
 SmartListOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListOrganism, deps: [{ token: DATA_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SmartListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartListOrganism, selector: "organisms-smart-list", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n      <mat-divider *ngIf=\"statuses.length === 1\"></mat-divider>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\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: "component", type: i2.MatLegacyList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { kind: "component", type: i2.MatLegacyListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i3.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i2.MatLegacyListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i5.DataAccessorPipe, name: "dataAccessor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: `
+    <mat-list>
+      <ng-container *ngFor="let status of statuses">
+        <div mat-subheader> {{ status }}</div>
+        <ng-container *ngFor="let item of statusMap[status]">
+          <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
+            <span matListItemTitle>{{ item | dataAccessor:'title' }}</span>
+            <span matListItemLine>{{ item | dataAccessor:'description' }}</span>
+          </mat-list-item>
+          <mat-divider *ngIf="statuses.length === 1"></mat-divider>
+        </ng-container>
+        <mat-divider *ngIf="statuses.length > 1"></mat-divider>
+      </ng-container>
+    </mat-list>
+  `, isInline: true, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-smart-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n      <mat-divider *ngIf=\"statuses.length === 1\"></mat-divider>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\n"] }]
+            args: [{ selector: 'organisms-smart-list', standalone: true, imports: [
+                        CommonModule,
+                        MatListModule,
+                        MatIconModule,
+                        MatRippleModule,
+                        DataAccessorPipe,
+                    ], template: `
+    <mat-list>
+      <ng-container *ngFor="let status of statuses">
+        <div mat-subheader> {{ status }}</div>
+        <ng-container *ngFor="let item of statusMap[status]">
+          <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
+            <span matListItemTitle>{{ item | dataAccessor:'title' }}</span>
+            <span matListItemLine>{{ item | dataAccessor:'description' }}</span>
+          </mat-list-item>
+          <mat-divider *ngIf="statuses.length === 1"></mat-divider>
+        </ng-container>
+        <mat-divider *ngIf="statuses.length > 1"></mat-divider>
+      </ng-container>
+    </mat-list>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -57,40 +89,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class SmartListModule {
-}
-SmartListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, declarations: [SmartListOrganism], imports: [CommonModule,
-        MatLegacyListModule,
-        MatIconModule,
-        MatRippleModule,
-        DataAccessorPipe], exports: [SmartListOrganism] });
-SmartListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, imports: [CommonModule,
-        MatLegacyListModule,
-        MatIconModule,
-        MatRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartListOrganism,
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatLegacyListModule,
-                        MatIconModule,
-                        MatRippleModule,
-                        DataAccessorPipe,
-                    ],
-                    exports: [
-                        SmartListOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, SmartListModule, SmartListOrganism };
+export { ActionId, SmartListOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-smart-list.mjs.map

package/fesm2020/ng-atomic-components-organisms-smart-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-smart-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/smart-list/smart-list.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/smart-list/smart-list.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/smart-list/smart-list.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/smart-list/ng-atomic-components-organisms-smart-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { DataAccessor, DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\n\nexport enum ActionId {\n  CLICK_ITEM = '[@ng-atomic/components/organisms/smart-list] Click Item',\n}\n\n@Component({\n  selector: 'organisms-smart-list',\n  templateUrl: './smart-list.organism.html',\n  styleUrls: ['./smart-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SmartListOrganism<T> {\n\n  constructor(\n    @Optional() @Inject(DATA_ACCESSOR) private dataAccessor: DataAccessor<T>\n  ) {\n    this.dataAccessor ??= defaultDataAccessor;\n  }\n\n  statusAccessor = (data) => data['status'];\n\n  @Input()\n  items: T[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  get statusMap() {\n    return (this.items ?? []).reduce((acc, item) => {\n      const key = this.dataAccessor(item, '__status');\n      acc[key] ??= [],\n      acc[key].push(item);\n      return acc;\n    }, {} as { [id: string]: any[] });\n  }\n\n  get statuses() {\n    return Object.keys(this.statusMap);\n  }\n\n  protected onItemClick(item: T) {\n    this.action.emit({\n      id: ActionId.CLICK_ITEM,\n      payload: item,\n    });\n  }\n}\n","<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n      <mat-divider *ngIf=\"statuses.length === 1\"></mat-divider>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SmartListOrganism } from './smart-list.organism';\nimport { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\n@NgModule({\n  declarations: [\n    SmartListOrganism,\n  ],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule,\n    MatRippleModule,\n    DataAccessorPipe,\n  ],\n  exports: [\n    SmartListOrganism\n  ]\n})\nexport class SmartListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatListModule"],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-smart-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/smart-list/smart-list.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/smart-list/ng-atomic-components-organisms-smart-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { DataAccessor, DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\nexport enum ActionId {\n  CLICK_ITEM = '[@ng-atomic/components/organisms/smart-list] Click Item',\n}\n\n@Component({\n  selector: 'organisms-smart-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule,\n    MatRippleModule,\n    DataAccessorPipe,\n  ],\n  template: `\n    <mat-list>\n      <ng-container *ngFor=\"let status of statuses\">\n        <div mat-subheader> {{ status }}</div>\n        <ng-container *ngFor=\"let item of statusMap[status]\">\n          <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n            <span matListItemTitle>{{ item | dataAccessor:'title' }}</span>\n            <span matListItemLine>{{ item | dataAccessor:'description' }}</span>\n          </mat-list-item>\n          <mat-divider *ngIf=\"statuses.length === 1\"></mat-divider>\n        </ng-container>\n        <mat-divider *ngIf=\"statuses.length > 1\"></mat-divider>\n      </ng-container>\n    </mat-list>\n  `,\n  styleUrls: ['./smart-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SmartListOrganism<T> {\n\n  constructor(\n    @Optional() @Inject(DATA_ACCESSOR) private dataAccessor: DataAccessor<T>\n  ) {\n    this.dataAccessor ??= defaultDataAccessor;\n  }\n\n  @Input()\n  items: T[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  get statusMap() {\n    return (this.items ?? []).reduce((acc, item) => {\n      const key = this.dataAccessor(item, '__status');\n      acc[key] ??= [],\n      acc[key].push(item);\n      return acc;\n    }, {} as { [id: string]: any[] });\n  }\n\n  get statuses() {\n    return Object.keys(this.statusMap);\n  }\n\n  protected onItemClick(item: T) {\n    this.action.emit({\n      id: ActionId.CLICK_ITEM,\n      payload: item,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,26 +1,26 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/legacy-table';
-import { MatLegacyTableModule } from '@angular/material/legacy-table';
-import { MatLegacyCheckboxModule } from '@angular/material/legacy-checkbox';
-import { MatLegacyMenuModule } from '@angular/material/legacy-menu';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
+import * as i3 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import * as i6 from '@ng-atomic/common/pipes/domain';
+import * as i2 from '@ng-atomic/common/pipes/domain';
 import { DomainModule } from '@ng-atomic/common/pipes/domain';
-import * as i3 from '@ng-atomic/components/molecules/actions-column';
-import { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';
-import * as i4 from '@ng-atomic/components/molecules/checkbox-column';
-import { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';
-import * as i5 from '@ng-atomic/components/molecules/smart-column';
-import { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';
+import { ActionsColumnMolecule } from '@ng-atomic/components/molecules/actions-column';
+import { CheckboxColumnMolecule } from '@ng-atomic/components/molecules/checkbox-column';
+import { SmartColumnMolecule } from '@ng-atomic/components/molecules/smart-column';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { MatTreeFlattener, MatTreeFlatDataSource } from '@angular/material/tree';
+import { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';
 
 class SmartTableOrganism {
     constructor() {
         this._columns = [];
-        this.items = [];
+        this.childrenKey = 'children';
         this.itemActions = () => [];
         this.pageSize = 0;
         this.selectedIdSet = new Set();
@@ -31,19 +31,45 @@ class SmartTableOrganism {
         this.pageChange = new EventEmitter();
         this.itemCheck = new EventEmitter();
         this.trackByColumnName = (columnName) => columnName;
+        this.treeControl = new FlatTreeControl((node) => node.level, (node) => node.isExpandable);
     }
     get columns() {
         return [...this._columns];
     }
+    set items(items) {
+        this.dataSource = this.buildTreeFlatDatasource(items, this.childrenKey);
+    }
+    buildTreeFlatDatasource(data, key = 'children') {
+        const treeFlattener = new MatTreeFlattener((node, level) => ({
+            ...node,
+            isExpandable: (node[key] ?? []).length > 0,
+            level,
+        }), (node) => node.level, (node) => node.isExpandable, (node) => node[key]);
+        return new MatTreeFlatDataSource(this.treeControl, treeFlattener, data);
+    }
 }
 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-cKJ2: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-cKJ2: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-cKJ2: 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-cKJ2)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-cKJ2) - var(--cell-SCOPED-IN-smart-table-cKJ2) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-cKJ2) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-cKJ2) * 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, isStandalone: true, selector: "organisms-smart-table", inputs: { _columns: ["columns", "_columns"], childrenKey: "childrenKey", 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]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-N7Po: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-N7Po: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-N7Po: var(--column-vertical-padding)}:host{position:relative;display:block;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-N7Po)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-N7Po) - var(--cell-SCOPED-IN-smart-table-N7Po) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-N7Po) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-N7Po) * 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "itemActions"], outputs: ["action"] }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", inputs: ["sort", "treeControl"], outputs: ["headerClick"] }], 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-cKJ2: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-cKJ2: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-cKJ2: 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-cKJ2)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-cKJ2) - var(--cell-SCOPED-IN-smart-table-cKJ2) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-cKJ2) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-cKJ2) * 2)}\n"] }]
+            args: [{ selector: 'organisms-smart-table', standalone: true, imports: [
+                        CommonModule,
+                        DomainModule,
+                        MatTableModule,
+                        MatCheckboxModule,
+                        MatMenuModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        ActionsColumnMolecule,
+                        CheckboxColumnMolecule,
+                        SmartColumnMolecule,
+                        TreeColumnMolecule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-N7Po: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-N7Po: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-N7Po: var(--column-vertical-padding)}:host{position:relative;display:block;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-N7Po)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-N7Po) - var(--cell-SCOPED-IN-smart-table-N7Po) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-N7Po) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-N7Po) * 2)}\n"] }]
         }], propDecorators: { _columns: [{
                 type: Input,
                 args: ['columns']
+            }], childrenKey: [{
+                type: Input
             }], items: [{
                 type: Input
             }], itemActions: [{
@@ -66,65 +92,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class SmartTableModule {
-}
-SmartTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartTableModule, declarations: [SmartTableOrganism], imports: [CommonModule,
-        // Pipes
-        DomainModule,
-        // Material
-        MatLegacyTableModule,
-        MatLegacyCheckboxModule,
-        MatLegacyMenuModule,
-        MatLegacyButtonModule,
-        MatIconModule,
-        // Molecules
-        ActionsColumnModule,
-        CheckboxColumnModule,
-        SmartColumnModule], exports: [SmartTableOrganism] });
-SmartTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableModule, imports: [CommonModule,
-        // Pipes
-        DomainModule,
-        // Material
-        MatLegacyTableModule,
-        MatLegacyCheckboxModule,
-        MatLegacyMenuModule,
-        MatLegacyButtonModule,
-        MatIconModule,
-        // Molecules
-        ActionsColumnModule,
-        CheckboxColumnModule,
-        SmartColumnModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartTableOrganism,
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Pipes
-                        DomainModule,
-                        // Material
-                        MatLegacyTableModule,
-                        MatLegacyCheckboxModule,
-                        MatLegacyMenuModule,
-                        MatLegacyButtonModule,
-                        MatIconModule,
-                        // Molecules
-                        ActionsColumnModule,
-                        CheckboxColumnModule,
-                        SmartColumnModule,
-                    ],
-                    exports: [
-                        SmartTableOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SmartTableModule, SmartTableOrganism };
+export { SmartTableOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-smart-table.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/smart-table/smart-table.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/smart-table/smart-table.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/smart-table/smart-table.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Actions, Action } from '@ng-atomic/common/models';\n\ninterface Sort {\n  key?: string;\n  order?: 'desc' | 'asc';\n}\n\n@Component({\n  selector: 'organisms-smart-table',\n  templateUrl: './smart-table.organism.html',\n  styleUrls: ['./smart-table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n  @Input('columns')\n  _columns: (keyof Item)[] = [];\n\n  get columns(): (keyof Item | string)[] {\n    return [...this._columns];\n  }\n\n  @Input()\n  items: Item[] = [];\n\n  @Input()\n  itemActions: Actions = () => [];\n\n  @Input()\n  pageSize: number = 0;\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Input()\n  sort: Sort = {};\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  @Output()\n  headerClick = new EventEmitter<string>();\n  \n  @Output()\n  checkboxClick = new EventEmitter<[Item, boolean]>();\n\n  @Output()\n  pageChange = new EventEmitter();\n\n  @Output()\n  itemCheck = new EventEmitter<[Item, boolean]>();\n  \n  protected trackByColumnName = (columnName: string) => columnName;\n}\n","<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\">データがありません。</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyTableModule as MatTableModule } from '@angular/material/legacy-table';\nimport { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\nimport { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n  declarations: [\n    SmartTableOrganism,\n  ],\n  imports: [\n    CommonModule,\n    // Pipes\n    DomainModule,\n    // Material\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    // Molecules\n    ActionsColumnModule,\n    CheckboxColumnModule,\n    SmartColumnModule,\n  ],\n  exports: [\n    SmartTableOrganism\n  ]\n})\nexport class SmartTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatTableModule","MatCheckboxModule","MatMenuModule","MatButtonModule"],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/smart-table/smart-table.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/smart-table/smart-table.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnMolecule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnMolecule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnMolecule } from '@ng-atomic/components/molecules/smart-column';\nimport { Actions, Action } from '@ng-atomic/common/models';\n\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport {\n  MatTreeFlatDataSource,\n  MatTreeFlattener,\n} from '@angular/material/tree';\nimport { DataSource } from '@angular/cdk/collections';\nimport { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';\n\ninterface Sort {\n  key?: string;\n  order?: 'desc' | 'asc';\n}\n\n@Component({\n  selector: 'organisms-smart-table',\n  standalone: true,\n  imports: [\n    CommonModule,\n    DomainModule,\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    ActionsColumnMolecule,\n    CheckboxColumnMolecule,\n    SmartColumnMolecule,\n    TreeColumnMolecule,\n  ],\n  templateUrl: './smart-table.organism.html',\n  styleUrls: ['./smart-table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n  protected dataSource: DataSource<Item>;\n\n  @Input('columns')\n  _columns: (keyof Item)[] = [];\n\n  get columns(): (keyof Item | string)[] {\n    return [...this._columns];\n  }\n\n  @Input()\n  childrenKey = 'children';\n\n  @Input()\n  // items: Item[] = [];\n  set items(items: Item[]) {\n    this.dataSource = this.buildTreeFlatDatasource(items, this.childrenKey);\n  }\n\n  @Input()\n  itemActions: Actions = () => [];\n\n  @Input()\n  pageSize: number = 0;\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Input()\n  sort: Sort = {};\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  @Output()\n  headerClick = new EventEmitter<string>();\n  \n  @Output()\n  checkboxClick = new EventEmitter<[Item, boolean]>();\n\n  @Output()\n  pageChange = new EventEmitter();\n\n  @Output()\n  itemCheck = new EventEmitter<[Item, boolean]>();\n  \n  protected trackByColumnName = (columnName: string) => columnName;\n\n  protected treeControl = new FlatTreeControl<any>(\n    (node) => node.level,\n    (node) => node.isExpandable\n  );\n\n  buildTreeFlatDatasource<T = any>(data: T[], key = 'children') {\n    const treeFlattener = new MatTreeFlattener(\n      (node: any, level: number) => ({\n        ...node,\n        isExpandable: (node[key] ?? []).length > 0,\n        level,\n      }),\n      (node) => node.level,\n      (node) => node.isExpandable,\n      (node) => node[key]\n    );\n    \n    return new MatTreeFlatDataSource(this.treeControl, treeFlattener, data);\n  }\n}\n","<table mat-table [dataSource]=\"dataSource\" 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    <ng-container *ngSwitchDefault>\n      <molecules-tree-column\n        *ngIf=\"name.startsWith('__tree_')\"\n        [name]=\"name\"\n        [headerText]=\"name | D\"\n        [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n        [treeControl]=\"treeControl\"\n        (headerClick)=\"headerClick.emit(name)\"\n      ></molecules-tree-column>\n      <molecules-smart-column\n        *ngIf=\"!name.startsWith('__tree_')\"\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  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n  <div class=\"mat-row\" *matNoDataRow>No Data</div>\n</table>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/material/legacy-button';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Output } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 
 class SocialLoginSectionOrganism {
     constructor() {
@@ -10,43 +10,20 @@ 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-F0cd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-F0cd);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, isStandalone: true, 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-MfAc: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-MfAc);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-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-F0cd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-F0cd);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+            args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                    ], 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-MfAc: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-MfAc);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });
 
-class SocialLoginSectionModule {
-}
-SocialLoginSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SocialLoginSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionModule, declarations: [SocialLoginSectionOrganism], imports: [CommonModule,
-        // Material
-        MatLegacyButtonModule], exports: [SocialLoginSectionOrganism] });
-SocialLoginSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionModule, imports: [CommonModule,
-        // Material
-        MatLegacyButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SocialLoginSectionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SocialLoginSectionOrganism
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Material
-                        MatLegacyButtonModule,
-                    ],
-                    exports: [
-                        SocialLoginSectionOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SocialLoginSectionModule, SocialLoginSectionOrganism };
+export { SocialLoginSectionOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-social-login-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-social-login-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/social-login-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/social-login-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/social-login-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/ng-atomic-components-organisms-social-login-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';\n\n@Component({\n  selector: 'organisms-social-login-section',\n  templateUrl: './social-login-section.organism.html',\n  styleUrls: ['./social-login-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SocialLoginSectionOrganism {\n\n  @Output()\n  signInWithGoogleButtonClick = new EventEmitter<void>();\n  \n}\n","<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Googleアカウントでログイン</button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';\nimport { SocialLoginSectionOrganism } from './social-login-section.organism';\n\n\n\n@NgModule({\n  declarations: [\n    SocialLoginSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n  ],\n  exports: [\n    SocialLoginSectionOrganism\n  ]\n})\nexport class SocialLoginSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatButtonModule"],"mappings":";;;;;;MAQa,0BAA0B,CAAA;AANvC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,2BAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;AAExD,KAAA;;uHALY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,+ICRvC,sLAI0B,EAAA,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDIb,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BACE,gCAAgC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sLAAA,EAAA,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,CAAA;8BAK/C,2BAA2B,EAAA,CAAA;sBAD1B,MAAM;;;MEUI,wBAAwB,CAAA;;qHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;sHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAXjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;AAEZ,QAAAA,qBAAe,aAGf,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YARjC,YAAY;;QAEZA,qBAAe,CAAA,EAAA,CAAA,CAAA;2FAMN,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,qBAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA,CAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-social-login-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/social-login-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/social-login-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/social-login-section/ng-atomic-components-organisms-social-login-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n  selector: 'organisms-social-login-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n  ],\n  templateUrl: './social-login-section.organism.html',\n  styleUrls: ['./social-login-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SocialLoginSectionOrganism {\n\n  @Output()\n  signInWithGoogleButtonClick = new EventEmitter<void>();\n  \n}\n","<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Googleアカウントでログイン</button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,0BAA0B,CAAA;AAXvC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,2BAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;AAExD,KAAA;;uHALY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,ECfvC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,OAAA,EAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,sLAI0B,EDItB,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMN,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;qBAChB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sLAAA,EAAA,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,CAAA;8BAK/C,2BAA2B,EAAA,CAAA;sBAD1B,MAAM;;;AEjBT;;AAEG;;;;"}

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

@@ -1,9 +1,8 @@
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import * as i1 from '@ng-atomic/components/molecules/text-input-field';
-import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
-import { CommonModule } from '@angular/common';
+import { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';
 
 class TextInputSectionOrganism {
     constructor() {
@@ -14,10 +13,13 @@ 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-Bebt: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Bebt);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, isStandalone: true, 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-0dgg: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-0dgg);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["appearance", "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-Bebt: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Bebt);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-text-input-section', standalone: true, imports: [
+                        CommonModule,
+                        TextInputFieldMolecule,
+                    ], 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-0dgg: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-0dgg);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -30,35 +32,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }] } });
 
-class TextInputSectionModule {
-}
-TextInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TextInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionModule, declarations: [TextInputSectionOrganism], imports: [CommonModule,
-        // Molecules
-        TextInputFieldModule], exports: [TextInputSectionOrganism] });
-TextInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionModule, imports: [CommonModule,
-        // Molecules
-        TextInputFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TextInputSectionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TextInputSectionOrganism
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Molecules
-                        TextInputFieldModule,
-                    ],
-                    exports: [
-                        TextInputSectionOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TextInputSectionModule, TextInputSectionOrganism };
+export { TextInputSectionOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-text-input-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  selector: 'organisms-text-input-section',\n  templateUrl: './text-input-section.organism.html',\n  styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n  \n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n}\n","<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { TextInputSectionOrganism } from './text-input-section.organism';\n\n\n@NgModule({\n  declarations: [\n    TextInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [\n    TextInputSectionOrganism\n  ]\n})\nexport class TextInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAG5B,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;AAM9C,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAE/B,KAAA;;qHAjBY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,4KCRrC,+JAK8B,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDGjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,+JAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAOxC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;MEHK,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAX/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;;AAEZ,QAAA,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAR/B,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\n@Component({\n  selector: 'organisms-text-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './text-input-section.organism.html',\n  styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n  \n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n}\n","<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;QAaE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAG5B,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;AAM9C,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAE/B,KAAA;;qHAjBY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,ECfrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+JAK8B,EDI1B,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAKb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;AACvB,qBAAA,EAAA,QAAA,EAAA,+JAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAOD,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;AE7BR;;AAEG;;;;"}