@ng-atomic/components 5.14.0 → 6.0.3

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

@@ -0,0 +1,217 @@
+import * as i0 from '@angular/core';
+import { Pipe, inject, 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/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 { DomainPipe } from '@ng-atomic/common/pipes/domain';
+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 { SortService } from '@ng-atomic/common/services/form/sort';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { MatTreeFlattener, MatTreeFlatDataSource } from '@angular/material/tree';
+import { SelectionModel } from '@angular/cdk/collections';
+import { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';
+import { get } from 'lodash-es';
+
+class ResolveColumnsPipe {
+    transform(columns) {
+        const data = columns.map((column, i) => {
+            if (typeof column === 'string') {
+                if (column === '__checkbox')
+                    return { type: 'checkbox', name: `__checkbox_${i}` };
+                if (column === '__actions')
+                    return { type: 'actions', name: `__actions_${i}` };
+                return { type: 'key', name: column };
+            }
+            return { type: 'actions', name: `__actions_${i}`, payload: column };
+        });
+        return data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResolveColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ResolveColumnsPipe, isStandalone: true, name: "resolveColumns" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResolveColumnsPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'resolveColumns', standalone: true, pure: true }]
+        }] });
+class GetPipe {
+    transform(itemOrItems, path) {
+        if (Array.isArray(itemOrItems))
+            return itemOrItems.map(item => get(item, path));
+        return get(itemOrItems, path);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GetPipe, isStandalone: true, name: "get" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'get', standalone: true, pure: true }]
+        }] });
+class SmartTableOrganism {
+    constructor() {
+        this.#form = inject(SortService);
+        this._columns = [];
+        this.childrenKey = 'children';
+        this.itemActions = [];
+        this.selection = new SelectionModel(true, []);
+        this.form = this.#form.build();
+        this.action = new EventEmitter();
+        this.headerClick = new EventEmitter();
+        this.checkboxClick = new EventEmitter();
+        this.pageChange = new EventEmitter();
+        this.itemCheck = new EventEmitter();
+        this.trackByColumnName = (columnName) => columnName;
+        this.treeControl = new FlatTreeControl((node) => node.level, (node) => node.isExpandable);
+    }
+    #form;
+    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);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartTableOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartTableOrganism, isStandalone: true, selector: "organisms-smart-table", inputs: { _columns: ["columns", "_columns"], childrenKey: "childrenKey", items: "items", itemActions: "itemActions", selection: "selection", form: "form" }, 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">
+    <ng-container
+      *ngFor="let column of (columns | resolveColumns); trackBy: trackByColumnName; let i = index"
+      [ngSwitch]="column.type"
+    >
+      <molecules-checkbox-column
+        *ngSwitchCase="'checkbox'"
+        name="__checkbox"
+        [selection]="selection"
+        (checkboxClick)="checkboxClick.emit($event)"
+      ></molecules-checkbox-column>
+      <molecules-actions-column 
+        *ngSwitchCase="'actions'" 
+        [name]="column.name"
+        [itemActions]="column?.payload || itemActions"
+        (action)="action.emit($event)"
+      ></molecules-actions-column>
+      <ng-container *ngSwitchDefault>
+        <molecules-tree-column
+          *ngIf="column.name.startsWith('__tree_')"
+          [name]="column.name"
+          [headerText]="column.name | domain"
+          [sort]="form.value.key === column.payload ? form.value.order : 'none'"
+          [treeControl]="treeControl"
+          (headerClick)="headerClick.emit(column.payload)"
+        ></molecules-tree-column>
+        <molecules-smart-column
+          *ngIf="!column.name.startsWith('__tree_')"
+          [name]="column.name"
+          [headerText]="column.name | domain"
+          [sort]="form.value.key === column.payload ? form.value.order : 'none'"
+          (headerClick)="headerClick.emit(column.payload)"
+        ></molecules-smart-column>
+      </ng-container>
+    </ng-container>
+    <tr mat-header-row *matHeaderRowDef="(columns | resolveColumns | get:'name'); sticky: true"></tr>
+    <tr mat-row *matRowDef="let item; columns: (columns | resolveColumns | get:'name');"></tr>
+    <div class="mat-row" *matNoDataRow>No Data</div>
+  </table>
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-8up1: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-8up1: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-8up1: 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-8up1)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-8up1) - var(--cell-SCOPED-IN-smart-table-8up1) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-8up1) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-8up1) * 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: "pipe", type: DomainPipe, name: "domain" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i2.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", "selection"], 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"] }, { kind: "pipe", type: ResolveColumnsPipe, name: "resolveColumns" }, { kind: "pipe", type: GetPipe, name: "get" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartTableOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-smart-table', standalone: true, imports: [
+                        CommonModule,
+                        DomainPipe,
+                        MatTableModule,
+                        MatCheckboxModule,
+                        MatMenuModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        ActionsColumnMolecule,
+                        CheckboxColumnMolecule,
+                        SmartColumnMolecule,
+                        TreeColumnMolecule,
+                        ResolveColumnsPipe,
+                        GetPipe,
+                    ], template: `
+  <table mat-table [dataSource]="dataSource" matSort matSortDisableClear matSortDirection="desc">
+    <ng-container
+      *ngFor="let column of (columns | resolveColumns); trackBy: trackByColumnName; let i = index"
+      [ngSwitch]="column.type"
+    >
+      <molecules-checkbox-column
+        *ngSwitchCase="'checkbox'"
+        name="__checkbox"
+        [selection]="selection"
+        (checkboxClick)="checkboxClick.emit($event)"
+      ></molecules-checkbox-column>
+      <molecules-actions-column 
+        *ngSwitchCase="'actions'" 
+        [name]="column.name"
+        [itemActions]="column?.payload || itemActions"
+        (action)="action.emit($event)"
+      ></molecules-actions-column>
+      <ng-container *ngSwitchDefault>
+        <molecules-tree-column
+          *ngIf="column.name.startsWith('__tree_')"
+          [name]="column.name"
+          [headerText]="column.name | domain"
+          [sort]="form.value.key === column.payload ? form.value.order : 'none'"
+          [treeControl]="treeControl"
+          (headerClick)="headerClick.emit(column.payload)"
+        ></molecules-tree-column>
+        <molecules-smart-column
+          *ngIf="!column.name.startsWith('__tree_')"
+          [name]="column.name"
+          [headerText]="column.name | domain"
+          [sort]="form.value.key === column.payload ? form.value.order : 'none'"
+          (headerClick)="headerClick.emit(column.payload)"
+        ></molecules-smart-column>
+      </ng-container>
+    </ng-container>
+    <tr mat-header-row *matHeaderRowDef="(columns | resolveColumns | get:'name'); sticky: true"></tr>
+    <tr mat-row *matRowDef="let item; columns: (columns | resolveColumns | get:'name');"></tr>
+    <div class="mat-row" *matNoDataRow>No Data</div>
+  </table>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-8up1: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-8up1: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-8up1: 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-8up1)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-8up1) - var(--cell-SCOPED-IN-smart-table-8up1) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-8up1) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-8up1) * 2)}\n"] }]
+        }], propDecorators: { _columns: [{
+                type: Input,
+                args: ['columns']
+            }], childrenKey: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], itemActions: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], headerClick: [{
+                type: Output
+            }], checkboxClick: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], itemCheck: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GetPipe, ResolveColumnsPipe, SmartTableOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-smart-table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/smart-table/smart-table.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, Pipe, PipeTransform, inject } 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 { DomainPipe } 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';\nimport { SortService } from '@ng-atomic/common/services/form/sort';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport {\n  MatTreeFlatDataSource,\n  MatTreeFlattener,\n} from '@angular/material/tree';\nimport { DataSource, SelectionModel } from '@angular/cdk/collections';\nimport { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';\nimport { get } from 'lodash-es';\n\n@Pipe({name: 'resolveColumns', standalone: true, pure: true})\nexport class ResolveColumnsPipe implements PipeTransform {\n  transform(columns: string[]): {type: 'key' | 'actions' | 'checkbox', name: string, payload?: any}[] {\n    const data = columns.map((column, i) => {\n      if (typeof column === 'string') {\n        if (column === '__checkbox') return {type: 'checkbox', name: `__checkbox_${i}`};\n        if (column === '__actions') return {type: 'actions', name: `__actions_${i}`};\n        return {type: 'key', name: column};\n      }\n      return {type: 'actions', name: `__actions_${i}`, payload: column};\n    });\n    return data as any;\n  }\n}\n\n@Pipe({name: 'get', standalone: true, pure: true})\nexport class GetPipe<T> implements PipeTransform {\n  transform(itemOrItems: T | T[], path: string): any | any[] {\n    if (Array.isArray(itemOrItems)) return itemOrItems.map(item => get(item, path));\n    return get(itemOrItems, path);\n  }\n}\n\n@Component({\n  selector: 'organisms-smart-table',\n  standalone: true,\n  imports: [\n    CommonModule,\n    DomainPipe,\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    ActionsColumnMolecule,\n    CheckboxColumnMolecule,\n    SmartColumnMolecule,\n    TreeColumnMolecule,\n    ResolveColumnsPipe,\n    GetPipe,\n  ],\n  template: `\n  <table mat-table [dataSource]=\"dataSource\" matSort matSortDisableClear matSortDirection=\"desc\">\n    <ng-container\n      *ngFor=\"let column of (columns | resolveColumns); trackBy: trackByColumnName; let i = index\"\n      [ngSwitch]=\"column.type\"\n    >\n      <molecules-checkbox-column\n        *ngSwitchCase=\"'checkbox'\"\n        name=\"__checkbox\"\n        [selection]=\"selection\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n      ></molecules-checkbox-column>\n      <molecules-actions-column \n        *ngSwitchCase=\"'actions'\" \n        [name]=\"column.name\"\n        [itemActions]=\"column?.payload || itemActions\"\n        (action)=\"action.emit($event)\"\n      ></molecules-actions-column>\n      <ng-container *ngSwitchDefault>\n        <molecules-tree-column\n          *ngIf=\"column.name.startsWith('__tree_')\"\n          [name]=\"column.name\"\n          [headerText]=\"column.name | domain\"\n          [sort]=\"form.value.key === column.payload ? form.value.order : 'none'\"\n          [treeControl]=\"treeControl\"\n          (headerClick)=\"headerClick.emit(column.payload)\"\n        ></molecules-tree-column>\n        <molecules-smart-column\n          *ngIf=\"!column.name.startsWith('__tree_')\"\n          [name]=\"column.name\"\n          [headerText]=\"column.name | domain\"\n          [sort]=\"form.value.key === column.payload ? form.value.order : 'none'\"\n          (headerClick)=\"headerClick.emit(column.payload)\"\n        ></molecules-smart-column>\n      </ng-container>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"(columns | resolveColumns | get:'name'); sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let item; columns: (columns | resolveColumns | get:'name');\"></tr>\n    <div class=\"mat-row\" *matNoDataRow>No Data</div>\n  </table>\n  `,\n  styleUrls: ['./smart-table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n  #form = inject(SortService);\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  set items(items: Item[]) {\n    this.dataSource = this.buildTreeFlatDatasource(items, this.childrenKey);\n  }\n\n  @Input()\n  itemActions: Actions = [];\n\n  @Input()\n  selection = new SelectionModel<string>(true, []);\n\n  @Input()\n  form = this.#form.build();\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+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() {
+        this.signInWithGoogleButtonClick = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-bPyV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-bPyV);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: "16.2.12", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
+            type: Component,
+            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-bPyV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-bPyV);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+        }], propDecorators: { signInWithGoogleButtonClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SocialLoginSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-social-login-section.mjs.map

package/{fesm2015 → fesm2022}/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/lib/organisms/social-login-section/social-login-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/social-login-section/social-login-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/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;KAExD;;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;AAChB,qBAAA,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;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-social-login-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/social-login-section/social-login-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/social-login-section/social-login-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/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;+GALY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,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,EAAA;;4FAMN,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/fesm2022/ng-atomic-components-organisms-terminal.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import 'xterm';
+
+class TerminalOrganism {
+    constructor() {
+        this.xterm = null;
+    }
+    async ngAfterViewInit() {
+        this.xterm.open(this.terminal.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TerminalOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TerminalOrganism, isStandalone: true, selector: "organisms-terminal", inputs: { xterm: "xterm" }, viewQueries: [{ propertyName: "terminal", first: true, predicate: ["terminal"], descendants: true }], ngImport: i0, template: `
+    <div #terminal></div>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TerminalOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-terminal', standalone: true, imports: [CommonModule], template: `
+    <div #terminal></div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { terminal: [{
+                type: ViewChild,
+                args: ['terminal']
+            }], xterm: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TerminalOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-terminal.mjs.map

package/fesm2022/ng-atomic-components-organisms-terminal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-terminal.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/terminal/terminal.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/terminal/ng-atomic-components-organisms-terminal.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Terminal } from 'xterm';\n\n@Component({\n  selector: 'organisms-terminal',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    <div #terminal></div>\n  `,\n  styleUrls: ['./terminal.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TerminalOrganism {\n  @ViewChild('terminal')\n  terminal!: ElementRef<HTMLDivElement>;\n\n  @Input()\n  xterm: Terminal | null = null;\n\n  async ngAfterViewInit() {\n    this.xterm.open(this.terminal.nativeElement);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAca,gBAAgB,CAAA;AAV7B,IAAA,WAAA,GAAA;QAeE,IAAK,CAAA,KAAA,GAAoB,IAAI,CAAC;AAK/B,KAAA;AAHC,IAAA,MAAM,eAAe,GAAA;QACnB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;KAC9C;+GATU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EANjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAHS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAOX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,cAClB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EACb,QAAA,EAAA,CAAA;;GAET,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAI/C,QAAQ,EAAA,CAAA;sBADP,SAAS;uBAAC,UAAU,CAAA;gBAIrB,KAAK,EAAA,CAAA;sBADJ,KAAK;;;AClBR;;AAEG;;;;"}

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

@@ -0,0 +1,59 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';
+
+class TextInputSectionOrganism {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.type = 'text';
+        this.control = new FormControl('');
+        this.autoComplete = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control", autoComplete: "autoComplete" }, ngImport: i0, template: `
+  <molecules-text-input-field
+    [type]="type"
+    [control]="control"
+    [label]="label"
+    [placeholder]="placeholder"
+    [hint]="hint"
+    [autoComplete]="autoComplete"
+  ></molecules-text-input-field>`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-2ZtN: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-2ZtN);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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-text-input-section', standalone: true, imports: [
+                        CommonModule,
+                        TextInputFieldMolecule,
+                    ], template: `
+  <molecules-text-input-field
+    [type]="type"
+    [control]="control"
+    [label]="label"
+    [placeholder]="placeholder"
+    [hint]="hint"
+    [autoComplete]="autoComplete"
+  ></molecules-text-input-field>`, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-2ZtN: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-2ZtN);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], autoComplete: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-text-input-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/text-input-section/text-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/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  template: `\n  <molecules-text-input-field\n    [type]=\"type\"\n    [control]=\"control\"\n    [label]=\"label\"\n    [placeholder]=\"placeholder\"\n    [hint]=\"hint\"\n    [autoComplete]=\"autoComplete\"\n  ></molecules-text-input-field>`,\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  @Input()\n  autoComplete: string[] = [];\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAuBa,wBAAwB,CAAA;AAlBrC,IAAA,WAAA,GAAA;QAqBE,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;QAG9B,IAAY,CAAA,YAAA,GAAa,EAAE,CAAC;AAE7B,KAAA;+GApBY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EAXzB,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,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;iCAQqB,EAX7B,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAab,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAlBpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EACS,QAAA,EAAA,CAAA;;;;;;;;AAQqB,gCAAA,CAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAM/B,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;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;;;ACxCR;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs

@@ -0,0 +1,59 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';
+
+class TextareaSectionOrganism {
+    constructor() {
+        this.label = 'label';
+        this.rows = 10;
+        this.placeholder = 'placeholder';
+        this.control = new FormControl('');
+        this.action = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", inputs: { label: "label", rows: "rows", placeholder: "placeholder", hint: "hint", control: "control" }, outputs: { action: "action" }, ngImport: i0, template: `
+  <molecules-textarea-field
+    [control]="control"
+    [label]="label"
+    [hint]="hint"
+    [rows]="rows"
+    [placeholder]="placeholder"
+    (action)="action.emit($event)"
+  ></molecules-textarea-field>`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-9AKd: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-9AKd);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder", "control", "rows"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-textarea-section', standalone: true, imports: [
+                        CommonModule,
+                        TextareaFieldMolecule,
+                    ], template: `
+  <molecules-textarea-field
+    [control]="control"
+    [label]="label"
+    [hint]="hint"
+    [rows]="rows"
+    [placeholder]="placeholder"
+    (action)="action.emit($event)"
+  ></molecules-textarea-field>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-9AKd: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-9AKd);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-textarea-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\nimport { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextareaFieldMolecule,\n  ],\n  template: `\n  <molecules-textarea-field\n    [control]=\"control\"\n    [label]=\"label\"\n    [hint]=\"hint\"\n    [rows]=\"rows\"\n    [placeholder]=\"placeholder\"\n    (action)=\"action.emit($event)\"\n  ></molecules-textarea-field>`,\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  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAyBa,uBAAuB,CAAA;AAnBpC,IAAA,WAAA,GAAA;QAsBE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAGV,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAM5B,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAG9B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;+GApBY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAZxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;+BAQmB,EAX3B,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,qBAAqB,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,EAAA;;4FAcZ,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAnBnC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;qBACtB,EACS,QAAA,EAAA,CAAA;;;;;;;;+BAQmB,EAEZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AC1CT;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-organisms-toolbar.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
+import * as i3 from '@angular/forms';
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+var ActionId;
+(function (ActionId) {
+})(ActionId || (ActionId = {}));
+class ToolbarOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.form = new FormGroup({});
+        this.actions = [];
+        this.endActions = [];
+    }
+    static { this.ActionId = ActionId; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarOrganism, isStandalone: true, selector: "organisms-toolbar", inputs: { form: "form", actions: "actions", endActions: "endActions" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="start">
+      <mat-slider min="360" max="1920" step="10">
+        <input [formControl]="form.get(['width'])" matSliderThumb>
+      </mat-slider>
+      <!-- <span>width: {{ form.get(['width'])!.value }}</span> -->
+    </div>
+    <div class="center">
+      <button 
+        *ngFor="let action of actions"
+        mat-icon-button color="primary"
+        aria-label="screenshot button"
+        (click)="dispatch(action)"
+      >
+        <mat-icon>{{ action.icon }}</mat-icon>
+      </button>
+    </div>
+    <div class="end">
+      <button 
+        *ngFor="let action of endActions"
+        mat-icon-button color="primary"
+        aria-label="screenshot button"
+        (click)="dispatch(action)"
+      >
+        <mat-icon>{{ action.icon }}</mat-icon>
+      </button>
+    </div>
+  `, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 8px;width:100%;height:56px;bottom:0;left:0;background:white}:host div.start,:host div.end{width:120px}:host .end{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["color", "disableRipple", "disabled", "discrete", "showTickMarks", "min", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-toolbar', standalone: true, imports: [
+                        CommonModule,
+                        MatSliderModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                    ], template: `
+    <div class="start">
+      <mat-slider min="360" max="1920" step="10">
+        <input [formControl]="form.get(['width'])" matSliderThumb>
+      </mat-slider>
+      <!-- <span>width: {{ form.get(['width'])!.value }}</span> -->
+    </div>
+    <div class="center">
+      <button 
+        *ngFor="let action of actions"
+        mat-icon-button color="primary"
+        aria-label="screenshot button"
+        (click)="dispatch(action)"
+      >
+        <mat-icon>{{ action.icon }}</mat-icon>
+      </button>
+    </div>
+    <div class="end">
+      <button 
+        *ngFor="let action of endActions"
+        mat-icon-button color="primary"
+        aria-label="screenshot button"
+        (click)="dispatch(action)"
+      >
+        <mat-icon>{{ action.icon }}</mat-icon>
+      </button>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 8px;width:100%;height:56px;bottom:0;left:0;background:white}:host div.start,:host div.end{width:120px}:host .end{display:flex;justify-content:flex-end}\n"] }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], endActions: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToolbarOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-toolbar.mjs.map

package/fesm2022/ng-atomic-components-organisms-toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-toolbar.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/toolbar/toolbar.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/toolbar/ng-atomic-components-organisms-toolbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/common/models';\n\nenum ActionId {\n}\n\n@Component({\n  selector: 'organisms-toolbar',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatSliderModule,\n    ReactiveFormsModule,\n    MatButtonModule,\n    MatIconModule,\n  ],\n  template: `\n    <div class=\"start\">\n      <mat-slider min=\"360\" max=\"1920\" step=\"10\">\n        <input [formControl]=\"form.get(['width'])\" matSliderThumb>\n      </mat-slider>\n      <!-- <span>width: {{ form.get(['width'])!.value }}</span> -->\n    </div>\n    <div class=\"center\">\n      <button \n        *ngFor=\"let action of actions\"\n        mat-icon-button color=\"primary\"\n        aria-label=\"screenshot button\"\n        (click)=\"dispatch(action)\"\n      >\n        <mat-icon>{{ action.icon }}</mat-icon>\n      </button>\n    </div>\n    <div class=\"end\">\n      <button \n        *ngFor=\"let action of endActions\"\n        mat-icon-button color=\"primary\"\n        aria-label=\"screenshot button\"\n        (click)=\"dispatch(action)\"\n      >\n        <mat-icon>{{ action.icon }}</mat-icon>\n      </button>\n    </div>\n  `,\n  styleUrls: ['./toolbar.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToolbarOrganism extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  @Input()\n  form = new FormGroup({});\n\n  @Input()\n  actions = [];\n\n  @Input()\n  endActions: Action[] = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}