@ng-atomic/components 16.1.0 → 16.2.0

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

@@ -5,32 +5,40 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i4 from '@angular/material/tooltip';
+import * as i6 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@angular/material/core';
+import * as i7 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import { KeysPipe } from '@ng-atomic/common/pipes/keys';
 import { GroupedByPipe } from '@ng-atomic/common/pipes/grouped-by';
+import * as i5 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { ActionsPipe } from '@ng-atomic/common/pipes/actions';
 import * as i3 from '@angular/material/divider';
 
 var ActionId;
 (function (ActionId) {
     ActionId["CLICK_ITEM"] = "[@ng-atomic/components/organisms/smart-list] Click Item";
+    ActionId["ITEM_BUTTON_CLICK"] = "[@ng-atomic/components/organisms/smart-list] Item Button Click";
 })(ActionId || (ActionId = {}));
 class SmartListOrganismStore {
     constructor() {
         this.items = [];
+        this.itemActions = [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartListOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SmartListOrganismStore, isStandalone: true, inputs: { items: "items", groupedBy: "groupedBy", groupKeys: "groupKeys" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SmartListOrganismStore, isStandalone: true, inputs: { items: "items", itemActions: "itemActions", groupedBy: "groupedBy", groupKeys: "groupKeys" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartListOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }], propDecorators: { items: [{
                 type: Input
+            }], itemActions: [{
+                type: Input
             }], groupedBy: [{
                 type: Input
             }], groupKeys: [{
@@ -48,44 +56,52 @@ class SmartListOrganism extends NgAtomicComponent {
     onItemClick(item) {
         this.dispatch({ id: ActionId.CLICK_ITEM, payload: item });
     }
+    onItemActionsClick(item, $event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        this.dispatch({ id: ActionId.ITEM_BUTTON_CLICK, payload: item });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", usesInheritance: true, hostDirectives: [{ directive: SmartListOrganismStore, inputs: ["items", "items", "groupedBy", "groupedBy", "groupKeys", "groupKeys"] }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", usesInheritance: true, hostDirectives: [{ directive: SmartListOrganismStore, inputs: ["items", "items", "itemActions", "itemActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys"] }], ngImport: i0, template: `
     <mat-list *ngIf="store.groupedBy">
       <ng-container *ngFor="let key of store.groupKeys ?? (store.items | groupedBy:store.groupedBy | keys); trackBy: trackByItem;">
         <div mat-subheader>{{ key }}</div>
         <ng-container *ngFor="let item of (store.items | groupedBy:store.groupedBy)[key]; trackBy: trackById">
-          <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
-            <span
-              matListItemTitle
-              [matTooltip]="item | dataAccessor:'title'"
-            >
-              {{ item | dataAccessor:'title' }}
-            </span>
-            <span matListItemLine>
-              {{ item | dataAccessor:'description' }}
-            </span>
-          </mat-list-item>
+          <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
         </ng-container>
         <mat-divider></mat-divider>
       </ng-container>
     </mat-list>
     <mat-list *ngIf="!store.groupedBy">
       <ng-container *ngFor="let item of store.items; trackBy: trackById">
-        <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
-          <span
-            matListItemTitle
-            [matTooltip]="item | dataAccessor:'title'"
-          >
-            {{ item | dataAccessor:'title' }}
-          </span>
-          <span matListItemLine>
-            {{ item | dataAccessor:'description' }}
-          </span>
-        </mat-list-item>
+        <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
         <mat-divider></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}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\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: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "pipe", type: GroupedByPipe, name: "groupedBy" }, { kind: "pipe", type: KeysPipe, name: "keys" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+
+    <ng-template #listItem let-item>
+      <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
+        <span
+          matListItemTitle
+          [matTooltip]="item | dataAccessor:'title'"
+        >
+          {{ item | dataAccessor:'title' }}
+        </span>
+        <span matListItemLine>
+          {{ item | dataAccessor:'description' }}
+        </span>
+        <ng-container *ngIf="(store.itemActions | resolveActions:item) as actions" matListItemMeta>
+          <button
+            *ngIf="actions.length"
+            mat-icon-button
+            (click)="onItemActionsClick(item, $event)"
+          >
+            <mat-icon>menu</mat-icon>
+          </button>
+        </ng-container>
+      </mat-list-item>
+    </ng-template>
+  `, isInline: true, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "directive", type: i2.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "pipe", type: GroupedByPipe, name: "groupedBy" }, { kind: "pipe", type: KeysPipe, name: "keys" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartListOrganism, decorators: [{
             type: Component,
@@ -93,9 +109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         MatListModule,
                         MatIconModule,
+                        MatButtonModule,
                         MatTooltipModule,
                         MatRippleModule,
                         DataAccessorPipe,
+                        ActionsPipe,
                         GroupedByPipe,
                         KeysPipe,
                     ], template: `
@@ -103,41 +121,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
       <ng-container *ngFor="let key of store.groupKeys ?? (store.items | groupedBy:store.groupedBy | keys); trackBy: trackByItem;">
         <div mat-subheader>{{ key }}</div>
         <ng-container *ngFor="let item of (store.items | groupedBy:store.groupedBy)[key]; trackBy: trackById">
-          <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
-            <span
-              matListItemTitle
-              [matTooltip]="item | dataAccessor:'title'"
-            >
-              {{ item | dataAccessor:'title' }}
-            </span>
-            <span matListItemLine>
-              {{ item | dataAccessor:'description' }}
-            </span>
-          </mat-list-item>
+          <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
         </ng-container>
         <mat-divider></mat-divider>
       </ng-container>
     </mat-list>
     <mat-list *ngIf="!store.groupedBy">
       <ng-container *ngFor="let item of store.items; trackBy: trackById">
-        <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
-          <span
-            matListItemTitle
-            [matTooltip]="item | dataAccessor:'title'"
-          >
-            {{ item | dataAccessor:'title' }}
-          </span>
-          <span matListItemLine>
-            {{ item | dataAccessor:'description' }}
-          </span>
-        </mat-list-item>
+        <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
         <mat-divider></mat-divider>
       </ng-container>
     </mat-list>
+
+    <ng-template #listItem let-item>
+      <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
+        <span
+          matListItemTitle
+          [matTooltip]="item | dataAccessor:'title'"
+        >
+          {{ item | dataAccessor:'title' }}
+        </span>
+        <span matListItemLine>
+          {{ item | dataAccessor:'description' }}
+        </span>
+        <ng-container *ngIf="(store.itemActions | resolveActions:item) as actions" matListItemMeta>
+          <button
+            *ngIf="actions.length"
+            mat-icon-button
+            (click)="onItemActionsClick(item, $event)"
+          >
+            <mat-icon>menu</mat-icon>
+          </button>
+        </ng-container>
+      </mat-list-item>
+    </ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: SmartListOrganismStore,
-                            inputs: ['items', 'groupedBy', 'groupKeys'],
+                            inputs: ['items', 'itemActions', 'groupedBy', 'groupKeys'],
                         },
                     ], styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\n"] }]
         }] });

package/fesm2022/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/lib/organisms/smart-list/smart-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/smart-list/ng-atomic-components-organisms-smart-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, Input, inject } from '@angular/core';\nimport { DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { KeysPipe } from '@ng-atomic/common/pipes/keys';\nimport { GroupedByPipe } from '@ng-atomic/common/pipes/grouped-by';\n\nexport enum ActionId {\n  CLICK_ITEM = '[@ng-atomic/components/organisms/smart-list] Click Item',\n}\n\n@Directive({standalone: true})\nexport class SmartListOrganismStore {\n  @Input() items: any[] = [];\n  @Input() groupedBy: string;\n  @Input() groupKeys: string[];\n}\n\n@Component({\n  selector: 'organisms-smart-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule,\n    MatTooltipModule,\n    MatRippleModule,\n    DataAccessorPipe,\n    GroupedByPipe,\n    KeysPipe,\n  ],\n  template: `\n    <mat-list *ngIf=\"store.groupedBy\">\n      <ng-container *ngFor=\"let key of store.groupKeys ?? (store.items | groupedBy:store.groupedBy | keys); trackBy: trackByItem;\">\n        <div mat-subheader>{{ key }}</div>\n        <ng-container *ngFor=\"let item of (store.items | groupedBy:store.groupedBy)[key]; trackBy: trackById\">\n          <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n            <span\n              matListItemTitle\n              [matTooltip]=\"item | dataAccessor:'title'\"\n            >\n              {{ item | dataAccessor:'title' }}\n            </span>\n            <span matListItemLine>\n              {{ item | dataAccessor:'description' }}\n            </span>\n          </mat-list-item>\n        </ng-container>\n        <mat-divider></mat-divider>\n      </ng-container>\n    </mat-list>\n    <mat-list *ngIf=\"!store.groupedBy\">\n      <ng-container *ngFor=\"let item of store.items; trackBy: trackById\">\n        <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n          <span\n            matListItemTitle\n            [matTooltip]=\"item | dataAccessor:'title'\"\n          >\n            {{ item | dataAccessor:'title' }}\n          </span>\n          <span matListItemLine>\n            {{ item | dataAccessor:'description' }}\n          </span>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n      </ng-container>\n    </mat-list>\n  `,\n  styleUrls: ['./smart-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SmartListOrganismStore,\n      inputs: ['items', 'groupedBy', 'groupKeys'],\n    },\n  ],\n})\nexport class SmartListOrganism<T> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected readonly store = inject(SmartListOrganismStore);\n  protected readonly dataAccessor = inject(DATA_ACCESSOR) ?? defaultDataAccessor;\n  protected readonly trackByItem = (_: number, item: T) => item;\n  protected readonly trackById = (_: number, item: T) => this.dataAccessor(item, 'id');\n\n  protected onItemClick(item: T) {\n    this.dispatch({id: ActionId.CLICK_ITEM, payload: item});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;IAYY,SAEX;AAFD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,yDAAsE,CAAA;AACxE,CAAC,EAFW,QAAQ,KAAR,QAAQ,GAEnB,EAAA,CAAA,CAAA,CAAA;MAGY,sBAAsB,CAAA;AADnC,IAAA,WAAA,GAAA;QAEW,IAAK,CAAA,KAAA,GAAU,EAAE,CAAC;AAG5B,KAAA;+GAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBADlC,SAAS;mBAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAA;8BAElB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;AA8DF,MAAO,iBAAqB,SAAQ,iBAAiB,CAAA;AA3D3D,IAAA,WAAA,GAAA;;AA6DqB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AACvC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,IAAI,mBAAmB,CAAC;QAC5D,IAAW,CAAA,WAAA,GAAG,CAAC,CAAS,EAAE,IAAO,KAAK,IAAI,CAAC;AAC3C,QAAA,IAAA,CAAA,SAAS,GAAG,CAAC,CAAS,EAAE,IAAO,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAKtF,KAAA;aATiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AAM1B,IAAA,WAAW,CAAC,IAAO,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KACzD;+GATU,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAjEjB,sBAAsB,EAmBvB,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA7CC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAChB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,gBAAgB,EAChB,IAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,aAAa,6CACb,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAgDC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA3D7B,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,eAAe;wBACf,gBAAgB;wBAChB,aAAa;wBACb,QAAQ;qBACT,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;AACjC,4BAAA,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC;AAC5C,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,2NAAA,CAAA,EAAA,CAAA;;;AChFH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-smart-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/smart-list/smart-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/smart-list/ng-atomic-components-organisms-smart-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, Input, inject } from '@angular/core';\nimport { DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { Actions, NgAtomicComponent } from '@ng-atomic/core';\nimport { KeysPipe } from '@ng-atomic/common/pipes/keys';\nimport { GroupedByPipe } from '@ng-atomic/common/pipes/grouped-by';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\n\nexport enum ActionId {\n  CLICK_ITEM = '[@ng-atomic/components/organisms/smart-list] Click Item',\n  ITEM_BUTTON_CLICK = '[@ng-atomic/components/organisms/smart-list] Item Button Click',\n}\n\n@Directive({standalone: true})\nexport class SmartListOrganismStore {\n  @Input() items: any[] = [];\n  @Input() itemActions: Actions = [];\n  @Input() groupedBy: string;\n  @Input() groupKeys: string[];\n}\n\n@Component({\n  selector: 'organisms-smart-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule,\n    MatButtonModule,\n    MatTooltipModule,\n    MatRippleModule,\n    DataAccessorPipe,\n    ActionsPipe,\n    GroupedByPipe,\n    KeysPipe,\n  ],\n  template: `\n    <mat-list *ngIf=\"store.groupedBy\">\n      <ng-container *ngFor=\"let key of store.groupKeys ?? (store.items | groupedBy:store.groupedBy | keys); trackBy: trackByItem;\">\n        <div mat-subheader>{{ key }}</div>\n        <ng-container *ngFor=\"let item of (store.items | groupedBy:store.groupedBy)[key]; trackBy: trackById\">\n          <ng-container *ngTemplateOutlet=\"listItem; context: {$implicit: item}\"></ng-container>\n        </ng-container>\n        <mat-divider></mat-divider>\n      </ng-container>\n    </mat-list>\n    <mat-list *ngIf=\"!store.groupedBy\">\n      <ng-container *ngFor=\"let item of store.items; trackBy: trackById\">\n        <ng-container *ngTemplateOutlet=\"listItem; context: {$implicit: item}\"></ng-container>\n        <mat-divider></mat-divider>\n      </ng-container>\n    </mat-list>\n\n    <ng-template #listItem let-item>\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span\n          matListItemTitle\n          [matTooltip]=\"item | dataAccessor:'title'\"\n        >\n          {{ item | dataAccessor:'title' }}\n        </span>\n        <span matListItemLine>\n          {{ item | dataAccessor:'description' }}\n        </span>\n        <ng-container *ngIf=\"(store.itemActions | resolveActions:item) as actions\" matListItemMeta>\n          <button\n            *ngIf=\"actions.length\"\n            mat-icon-button\n            (click)=\"onItemActionsClick(item, $event)\"\n          >\n            <mat-icon>menu</mat-icon>\n          </button>\n        </ng-container>\n      </mat-list-item>\n    </ng-template>\n  `,\n  styleUrls: ['./smart-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SmartListOrganismStore,\n      inputs: ['items', 'itemActions', 'groupedBy', 'groupKeys'],\n    },\n  ],\n})\nexport class SmartListOrganism<T> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected readonly store = inject(SmartListOrganismStore);\n  protected readonly dataAccessor = inject(DATA_ACCESSOR) ?? defaultDataAccessor;\n  protected readonly trackByItem = (_: number, item: T) => item;\n  protected readonly trackById = (_: number, item: T) => this.dataAccessor(item, 'id');\n\n  protected onItemClick(item: T) {\n    this.dispatch({id: ActionId.CLICK_ITEM, payload: item});\n  }\n\n  protected onItemActionsClick(item: T, $event: Event) {\n    $event.stopPropagation();\n    $event.preventDefault();\n    this.dispatch({id: ActionId.ITEM_BUTTON_CLICK, payload: item});\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-smart-table.mjs

@@ -125,7 +125,7 @@ class SmartTableOrganism {
     <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-IMgO: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-IMgO: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-IMgO: 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-IMgO)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-IMgO) - var(--cell-SCOPED-IN-smart-table-IMgO) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-IMgO) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-IMgO) * 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 }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-FU0w: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-FU0w: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-FU0w: 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-FU0w)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-FU0w) - var(--cell-SCOPED-IN-smart-table-FU0w) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-FU0w) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-FU0w) * 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,
@@ -183,7 +183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     <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-IMgO: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-IMgO: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-IMgO: 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-IMgO)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-IMgO) - var(--cell-SCOPED-IN-smart-table-IMgO) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-IMgO) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-IMgO) * 2)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-FU0w: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-FU0w: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-FU0w: 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-FU0w)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-FU0w) - var(--cell-SCOPED-IN-smart-table-FU0w) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-FU0w) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-FU0w) * 2)}\n"] }]
         }], propDecorators: { _columns: [{
                 type: Input,
                 args: ['columns']

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

@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
         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-xnBV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-xnBV);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 }); }
+    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-wWdY: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-wWdY);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-xnBV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-xnBV);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+                    ], 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-wWdY: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-wWdY);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

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

@@ -21,7 +21,7 @@ class TextInputSectionOrganism {
     [placeholder]="placeholder"
     [hint]="hint"
     [autoComplete]="autoComplete"
-  ></molecules-text-input-field>`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-n9aO: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-n9aO);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" }] }); }
+  ></molecules-text-input-field>`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-v4M0: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-v4M0);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,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     [placeholder]="placeholder"
     [hint]="hint"
     [autoComplete]="autoComplete"
-  ></molecules-text-input-field>`, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-n9aO: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-n9aO);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+  ></molecules-text-input-field>`, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-v4M0: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-v4M0);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{

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

@@ -21,7 +21,7 @@ class TextareaSectionOrganism {
     [rows]="rows"
     [placeholder]="placeholder"
     (action)="action.emit($event)"
-  ></molecules-textarea-field>`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-TuUB: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-TuUB);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 }); }
+  ></molecules-textarea-field>`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-iqaL: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-iqaL);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,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     [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-TuUB: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-TuUB);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+  ></molecules-textarea-field>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-iqaL: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-iqaL);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], rows: [{

package/fesm2022/ng-atomic-components-sheets-actions.mjs

@@ -0,0 +1,52 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetRef } from '@angular/material/bottom-sheet';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { IconAtom } from '@ng-atomic/components/atoms/icon';
+
+class ActionsSheet extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.actions = inject(MAT_BOTTOM_SHEET_DATA);
+        this.sheetRef = inject((MatBottomSheetRef));
+    }
+    onItemClick(action) {
+        this.dispatch(action, 'root');
+        this.sheetRef.dismiss(action);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsSheet, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsSheet, isStandalone: true, selector: "sheets-actions", usesInheritance: true, ngImport: i0, template: `
+    <mat-action-list>
+      <button mat-list-item *ngFor="let action of actions" (click)="onItemClick(action)">
+        <atoms-icon matListItemIcon [name]="action.icon" [color]="action.color"></atoms-icon>
+        <div matListItemTitle [style.color]="action.color">{{ action.name }}</div>
+      </button>
+    </mat-action-list>
+  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { 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.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsSheet, decorators: [{
+            type: Component,
+            args: [{ selector: 'sheets-actions', standalone: true, imports: [
+                        CommonModule,
+                        MatListModule,
+                        IconAtom,
+                    ], template: `
+    <mat-action-list>
+      <button mat-list-item *ngFor="let action of actions" (click)="onItemClick(action)">
+        <atoms-icon matListItemIcon [name]="action.icon" [color]="action.color"></atoms-icon>
+        <div matListItemTitle [style.color]="action.color">{{ action.name }}</div>
+      </button>
+    </mat-action-list>
+  `, changeDetection: ChangeDetectionStrategy.OnPush }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionsSheet };
+//# sourceMappingURL=ng-atomic-components-sheets-actions.mjs.map

package/fesm2022/ng-atomic-components-sheets-actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-sheets-actions.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/sheets/actions/actions.sheet.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/actions/ng-atomic-components-sheets-actions.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { MatBottomSheetRef, MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';\nimport { MatListModule } from '@angular/material/list';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { IconAtom } from '@ng-atomic/components/atoms/icon';\n\n@Component({\n  selector: 'sheets-actions',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    IconAtom,\n  ],\n  template: `\n    <mat-action-list>\n      <button mat-list-item *ngFor=\"let action of actions\" (click)=\"onItemClick(action)\">\n        <atoms-icon matListItemIcon [name]=\"action.icon\" [color]=\"action.color\"></atoms-icon>\n        <div matListItemTitle [style.color]=\"action.color\">{{ action.name }}</div>\n      </button>\n    </mat-action-list>\n  `,\n  styleUrls: ['./actions.sheet.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionsSheet extends NgAtomicComponent {\n  protected actions = inject<Action[]>(MAT_BOTTOM_SHEET_DATA);\n  private sheetRef = inject(MatBottomSheetRef<ActionsSheet>);\n\n  protected onItemClick(action: Action): void {\n    this.dispatch(action, 'root');\n    this.sheetRef.dismiss(action);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA0BM,MAAO,YAAa,SAAQ,iBAAiB,CAAA;AAnBnD,IAAA,WAAA,GAAA;;AAoBY,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAW,qBAAqB,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAC,iBAA+B,EAAC,CAAC;AAM5D,KAAA;AAJW,IAAA,WAAW,CAAC,MAAc,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KAC/B;+GAPU,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAXb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAXC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAaC,YAAY,EAAA,UAAA,EAAA,CAAA;kBAnBxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,QAAQ;qBACT,EACS,QAAA,EAAA,CAAA;;;;;;;GAOT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,CAAA;;;ACxBjD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-sheets.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { Injectable, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/bottom-sheet';
+import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
+
+class SheetService {
+    constructor(bottomSheet) {
+        this.bottomSheet = bottomSheet;
+    }
+    async openActions(actions) {
+        return import('@ng-atomic/components/sheets/actions').then(({ ActionsSheet }) => {
+            return this.bottomSheet.open(ActionsSheet, { data: actions });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetService, deps: [{ token: i1.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.MatBottomSheet }]; } });
+
+class NgAtomicSheetsModule {
+    static forRoot() {
+        return {
+            ngModule: NgAtomicSheetsModule,
+            providers: [],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, imports: [MatBottomSheetModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, providers: [SheetService], imports: [MatBottomSheetModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicSheetsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MatBottomSheetModule
+                    ],
+                    providers: [SheetService]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgAtomicSheetsModule, SheetService };
+//# sourceMappingURL=ng-atomic-components-sheets.mjs.map

package/fesm2022/ng-atomic-components-sheets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-sheets.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/sheets/sheets.service.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/sheets.module.ts","../../../../../packages/@ng-atomic/components/src/lib/sheets/ng-atomic-components-sheets.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { MatBottomSheet, MatBottomSheetRef } from '@angular/material/bottom-sheet';\nimport { Action } from '@ng-atomic/core';\n\n@Injectable()\nexport class SheetService {\n\n  constructor(private bottomSheet: MatBottomSheet) { }\n\n  async openActions(actions: Action[]): Promise<MatBottomSheetRef> {\n    return import('@ng-atomic/components/sheets/actions').then(({ActionsSheet}) => {\n      return this.bottomSheet.open(ActionsSheet, {data: actions});\n    });\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\nimport { SheetService } from \"./sheets.service\";\n\n@NgModule({\n  imports: [\n    MatBottomSheetModule\n  ],\n  providers: [SheetService]\n})\nexport class NgAtomicSheetsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicSheetsModule,\n      providers: [\n\n      ],\n    };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAKa,YAAY,CAAA;AAEvB,IAAA,WAAA,CAAoB,WAA2B,EAAA;QAA3B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgB;KAAK;IAEpD,MAAM,WAAW,CAAC,OAAiB,EAAA;AACjC,QAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,YAAY,EAAC,KAAI;AAC5E,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC;AAC9D,SAAC,CAAC,CAAC;KACJ;+GARU,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;mHAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;;;MCME,oBAAoB,CAAA;AAC/B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,SAAS,EAAE,EAEV;SACF,CAAC;KACH;+GARU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAJ7B,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAIX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAFpB,SAAA,EAAA,CAAC,YAAY,CAAC,YAFvB,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;oBACD,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-templates-entrance.mjs

@@ -65,7 +65,7 @@ class EntranceTemplate {
       ></organisms-action-buttons-section>
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-pmcV: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-pmcV: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pmcV);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-pmcV)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-zl1K: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-zl1K: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-zl1K);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-zl1K)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
@@ -97,7 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
       ></organisms-action-buttons-section>
     </frames-auto-layout>
   </frames-card>
-  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-pmcV: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-pmcV: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pmcV);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-pmcV)}\n"] }]
+  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-zl1K: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-zl1K: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-zl1K);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-zl1K)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], actions: [{

package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs

@@ -38,7 +38,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
     >
       <mat-icon>{{ action.icon }}</mat-icon>
     </button>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-sM69: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-sM69: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-sM69)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-0vWW: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-0vWW: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-0vWW)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.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: IconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-sM69: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-sM69: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-sM69)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-0vWW: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-0vWW: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-0vWW)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-menu.mjs

@@ -36,7 +36,7 @@ class MenuTemplate extends NgAtomicComponent {
     ></organisms-navigation-list>
   </div>
   <organisms-menu-footer injectable></organisms-menu-footer>
-  `, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-TSlz: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-TSlz: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-TSlz: var(--width);--height: 100%;--height-SCOPED-IN-menu-TSlz: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-TSlz);height:var(--height-SCOPED-IN-menu-TSlz);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-TSlz)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-TSlz);--secondary-color: var(--secondary-color-SCOPED-IN-menu-TSlz)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header" }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: 
+  `, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-WsyA: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-WsyA: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-WsyA: var(--width);--height: 100%;--height-SCOPED-IN-menu-WsyA: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-WsyA);height:var(--height-SCOPED-IN-menu-WsyA);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-WsyA)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-WsyA);--secondary-color: var(--secondary-color-SCOPED-IN-menu-WsyA)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header" }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: 
                 // NavigationListOrganism,
                 MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             directive: MenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-TSlz: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-TSlz: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-TSlz: var(--width);--height: 100%;--height-SCOPED-IN-menu-TSlz: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-TSlz);height:var(--height-SCOPED-IN-menu-TSlz);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-TSlz)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-TSlz);--secondary-color: var(--secondary-color-SCOPED-IN-menu-TSlz)}\n"] }]
+                    ], styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-WsyA: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-WsyA: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-WsyA: var(--width);--height: 100%;--height-SCOPED-IN-menu-WsyA: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-WsyA);height:var(--height-SCOPED-IN-menu-WsyA);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-WsyA)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-WsyA);--secondary-color: var(--secondary-color-SCOPED-IN-menu-WsyA)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-smart-crud.mjs

@@ -131,7 +131,7 @@ class SmartCrudTemplate extends NgAtomicComponent {
       ></organisms-action-buttons-section>
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-SVMF: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-SVMF: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-SVMF: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-SVMF);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-SVMF)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-SVMF)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "pipe", type: SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: ActionInputSectionOrganism, selector: "organisms-action-input-section", inputs: ["control", "label", "placeholder", "actions"] }, { kind: "component", type: FileInputSectionOrganism, selector: "organisms-file-input-section", inputs: ["control", "label", "placeholder", "hint", "progress"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "placeholder", "hint", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "pipe", type: SignalPipe, name: "signal" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qnnz: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qnnz: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qnnz: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qnnz);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qnnz)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qnnz)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "pipe", type: SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: ActionInputSectionOrganism, selector: "organisms-action-input-section", inputs: ["control", "label", "placeholder", "actions"] }, { kind: "component", type: FileInputSectionOrganism, selector: "organisms-file-input-section", inputs: ["control", "label", "placeholder", "hint", "progress"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "placeholder", "hint", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "pipe", type: SignalPipe, name: "signal" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartCrudTemplate, decorators: [{
             type: Component,
@@ -228,7 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
       ></organisms-action-buttons-section>
     </frames-auto-layout>
   </frames-scroll>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-SVMF: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-SVMF: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-SVMF: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-SVMF);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-SVMF)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-SVMF)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qnnz: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qnnz: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qnnz: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qnnz);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qnnz)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qnnz)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], form: [{