@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1,55 +1,68 @@
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Directive, Input, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { DATA_ACCESSOR, defaultDataAccessor, DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/list';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i6 from '@angular/material/tooltip';
+import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i4 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i7 from '@angular/material/core';
+import * as i6 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { InjectableComponent, _computed, TokenizedType, 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 * as i4 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';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import * as i2 from '@angular/material/divider';
 
+var SmartListOrganismStore_1;
 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 {
+let SmartListOrganismStore = class SmartListOrganismStore extends InjectableComponent {
     constructor() {
-        this.items = [];
-        this.itemActions = [];
+        super(...arguments);
+        this.config = SmartListOrganismStore_1.Config.inject();
+        this.items = input([]);
+        this.itemActions = input([]);
+        this.groupedBy = input();
+        this.groupKeys = input();
+        this.itemActionsType = input(_computed(() => this.config().itemActionsType));
     }
-    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", itemActions: "itemActions", groupedBy: "groupedBy", groupKeys: "groupKeys" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartListOrganismStore, decorators: [{
+    static { SmartListOrganismStore_1 = this; }
+    static { this.ActionId = ActionId; }
+    static { this.Config = makeConfig(() => {
+        return (_, context) => ({
+            items: [],
+            itemActions: [],
+            groupedBy: '',
+            groupKeys: [],
+            itemActionsType: (context.breakpoint === 'xSmall' ? 'dispatch' : 'menu')
+        });
+    }, ['components', 'organisms', 'smart-list']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SmartListOrganismStore, isStandalone: true, inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, itemActionsType: { classPropertyName: "itemActionsType", publicName: "itemActionsType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+SmartListOrganismStore = SmartListOrganismStore_1 = __decorate([
+    TokenizedType()
+], SmartListOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
-        }], propDecorators: { items: [{
-                type: Input
-            }], itemActions: [{
-                type: Input
-            }], groupedBy: [{
-                type: Input
-            }], groupKeys: [{
-                type: Input
-            }] } });
+        }] });
 class SmartListOrganism extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.store = inject(SmartListOrganismStore);
-        this.dataAccessor = inject(DATA_ACCESSOR) ?? defaultDataAccessor;
-        this.trackByItem = (_, item) => item;
+        this.dataAccessor = inject(DATA_ACCESSOR, { optional: true }) ?? defaultDataAccessor;
         this.trackById = (_, item) => this.dataAccessor(item, 'id');
     }
     static { this.ActionId = ActionId; }
@@ -61,52 +74,67 @@ class SmartListOrganism extends NgAtomicComponent {
         $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", "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;">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", usesInheritance: true, hostDirectives: [{ directive: SmartListOrganismStore, inputs: ["items", "items", "itemActions", "itemActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "itemActionsType", "itemActionsType"] }], ngImport: i0, template: `
+  @if (store.groupedBy()) {
+    <mat-list>
+      @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {
         <div mat-subheader>{{ key }}</div>
-        <ng-container *ngFor="let item of (store.items | groupedBy:store.groupedBy)[key]; trackBy: trackById">
-          <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
-        </ng-container>
-        <mat-divider></mat-divider>
-      </ng-container>
+        @for (item of ((store.items() ?? [] | groupedBy:store.groupedBy())?.[key] ?? []); track item.id) { 
+          <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}" />
+          <mat-divider />
+        }
+      }
     </mat-list>
-    <mat-list *ngIf="!store.groupedBy">
-      <ng-container *ngFor="let item of store.items; trackBy: trackById">
-        <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
-        <mat-divider></mat-divider>
-      </ng-container>
+  } @else {
+    <mat-list>
+      @for (item of store.items(); track item.id) {
+        <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}" />
+        <mat-divider />
+      }
     </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-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>
+      @if ((store.itemActions() | resolveActions:item); as actions) {
+        <ng-container matListItemMeta>
+          @if (actions.length) {
+            @switch (store.itemActionsType()) {
+              @case ('dispatch') {
+                <button
+                  mat-icon-button
+                  (click)="onItemActionsClick(item, $event)"
+                >
+                  <mat-icon>menu</mat-icon>
+                </button>
+              }
+              @case ('menu') {
+                <atoms-smart-menu-button
+                  [actions]="actions"
+                  (action)="dispatch($event)"
+                />
+              }
+            }
+          }
         </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 }); }
+      }
+    </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;align-items:center}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.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" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartListOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-smart-list', standalone: true, imports: [
-                        CommonModule,
+                        NgTemplateOutlet,
                         MatListModule,
                         MatIconModule,
                         MatButtonModule,
@@ -116,51 +144,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ActionsPipe,
                         GroupedByPipe,
                         KeysPipe,
+                        SmartMenuButtonAtom
                     ], template: `
-    <mat-list *ngIf="store.groupedBy">
-      <ng-container *ngFor="let key of store.groupKeys ?? (store.items | groupedBy:store.groupedBy | keys); trackBy: trackByItem;">
+  @if (store.groupedBy()) {
+    <mat-list>
+      @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {
         <div mat-subheader>{{ key }}</div>
-        <ng-container *ngFor="let item of (store.items | groupedBy:store.groupedBy)[key]; trackBy: trackById">
-          <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
-        </ng-container>
-        <mat-divider></mat-divider>
-      </ng-container>
+        @for (item of ((store.items() ?? [] | groupedBy:store.groupedBy())?.[key] ?? []); track item.id) { 
+          <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}" />
+          <mat-divider />
+        }
+      }
     </mat-list>
-    <mat-list *ngIf="!store.groupedBy">
-      <ng-container *ngFor="let item of store.items; trackBy: trackById">
-        <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}"></ng-container>
-        <mat-divider></mat-divider>
-      </ng-container>
+  } @else {
+    <mat-list>
+      @for (item of store.items(); track item.id) {
+        <ng-container *ngTemplateOutlet="listItem; context: {$implicit: item}" />
+        <mat-divider />
+      }
     </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-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>
+      @if ((store.itemActions() | resolveActions:item); as actions) {
+        <ng-container matListItemMeta>
+          @if (actions.length) {
+            @switch (store.itemActionsType()) {
+              @case ('dispatch') {
+                <button
+                  mat-icon-button
+                  (click)="onItemActionsClick(item, $event)"
+                >
+                  <mat-icon>menu</mat-icon>
+                </button>
+              }
+              @case ('menu') {
+                <atoms-smart-menu-button
+                  [actions]="actions"
+                  (action)="dispatch($event)"
+                />
+              }
+            }
+          }
         </ng-container>
-      </mat-list-item>
-    </ng-template>
+      }
+    </mat-list-item>
+  </ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: SmartListOrganismStore,
-                            inputs: ['items', 'itemActions', 'groupedBy', 'groupKeys'],
+                            inputs: ['items', 'itemActions', 'groupedBy', 'groupKeys', 'itemActionsType'],
                         },
-                    ], 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"] }]
+                    ], styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer;align-items:center}: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 { 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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"}
+{"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, inject, input } from '@angular/core';\nimport { DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\nimport { NgTemplateOutlet } 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 { _computed, Actions, InjectableComponent, NgAtomicComponent, TokenizedType } 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';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\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@TokenizedType()\n@Directive({standalone: true})\nexport class SmartListOrganismStore<T> extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    return (_, context) => ({\n      items: [],\n      itemActions: [],\n      groupedBy: '',\n      groupKeys: [],\n      itemActionsType: (context.breakpoint === 'xSmall' ? 'dispatch' : 'menu') as 'menu' | 'dispatch'\n    });\n  }, ['components', 'organisms', 'smart-list']);\n\n  readonly config = SmartListOrganismStore.Config.inject();\n  readonly items = input<T[]>([]);\n  readonly itemActions = input<Actions>([]);\n  readonly groupedBy = input<string>();\n  readonly groupKeys = input<string[]>();\n  readonly itemActionsType = input(_computed(() => this.config().itemActionsType));\n}\n\n@Component({\n  selector: 'organisms-smart-list',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    MatListModule,\n    MatIconModule,\n    MatButtonModule,\n    MatTooltipModule,\n    MatRippleModule,\n    DataAccessorPipe,\n    ActionsPipe,\n    GroupedByPipe,\n    KeysPipe,\n    SmartMenuButtonAtom\n  ],\n  template: `\n  @if (store.groupedBy()) {\n    <mat-list>\n      @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {\n        <div mat-subheader>{{ key }}</div>\n        @for (item of ((store.items() ?? [] | groupedBy:store.groupedBy())?.[key] ?? []); track item.id) { \n          <ng-container *ngTemplateOutlet=\"listItem; context: {$implicit: item}\" />\n          <mat-divider />\n        }\n      }\n    </mat-list>\n  } @else {\n    <mat-list>\n      @for (item of store.items(); track item.id) {\n        <ng-container *ngTemplateOutlet=\"listItem; context: {$implicit: item}\" />\n        <mat-divider />\n      }\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      @if ((store.itemActions() | resolveActions:item); as actions) {\n        <ng-container matListItemMeta>\n          @if (actions.length) {\n            @switch (store.itemActionsType()) {\n              @case ('dispatch') {\n                <button\n                  mat-icon-button\n                  (click)=\"onItemActionsClick(item, $event)\"\n                >\n                  <mat-icon>menu</mat-icon>\n                </button>\n              }\n              @case ('menu') {\n                <atoms-smart-menu-button\n                  [actions]=\"actions\"\n                  (action)=\"dispatch($event)\"\n                />\n              }\n            }\n          }\n        </ng-container>\n      }\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', 'itemActionsType'],\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, {optional: true}) ?? defaultDataAccessor;\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-social-login-section.mjs

@@ -8,15 +8,15 @@ 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-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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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-sPmV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-sPmV);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]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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-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"] }]
+                    ], 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-sPmV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-sPmV);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

package/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;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;;;;"}
+{"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;8GALY,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,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,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAMN,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;qBAChB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sLAAA,EAAA,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,CAAA;8BAK/C,2BAA2B,EAAA,CAAA;sBAD1B,MAAM;;;AEjBT;;AAEG;;;;"}