@ng-atomic/components 18.2.0 → 18.4.0

package/fesm2022/ng-atomic-components-molecules-smart-column.mjs

@@ -1,51 +1,92 @@
+import { __decorate } from 'tslib';
 import * as i1 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
 import { CdkTable, CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
 import * as i0 from '@angular/core';
-import { input, signal, Directive, inject, viewChild, EventEmitter, effect, Component, ViewEncapsulation, ChangeDetectionStrategy, Output } from '@angular/core';
+import { InjectionToken, inject, Pipe, input, signal, Directive, viewChild, EventEmitter, effect, Component, ViewEncapsulation, ChangeDetectionStrategy, Output } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
 import * as i4 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
 import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
+import { injectDataAccessor, DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import * as i2 from '@ng-atomic/common/pipes/smart-exp';
 import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 
-class SmartColumnTemplateStore {
+const EDITABLE_RESOLVER = new InjectionToken('EDITABLE_RESOLVER');
+function provideEditableResolver(resolverFactory) {
+    return { provide: EDITABLE_RESOLVER, useFactory: resolverFactory };
+}
+class EditablePipe {
+    constructor() {
+        this.resolver = inject(EDITABLE_RESOLVER, { optional: true }) || (() => false);
+    }
+    transform(value, name) {
+        return this.resolver(value, name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: EditablePipe, isStandalone: true, name: "editable" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditablePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'editable',
+                    standalone: true,
+                    pure: true,
+                }]
+        }] });
+var ActionId;
+(function (ActionId) {
+    ActionId["UPDATE_VALUE"] = "[@ng-atomic/components/molecules/smart-column] update value";
+})(ActionId || (ActionId = {}));
+let SmartColumnMoleculeStore = class SmartColumnMoleculeStore extends InjectableComponent {
     constructor() {
+        super(...arguments);
+        this.dataAccessor = injectDataAccessor();
+        this.index = input(null);
         this.sort = input('none');
+        this.sticky = input(false);
+        this.headerText = input('');
+        this.name = input.required();
+        this.editable = input(false);
         this.tooltipText = signal(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartColumnTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SmartColumnTemplateStore, isStandalone: true, inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartColumnTemplateStore, decorators: [{
+    static { this.ActionId = ActionId; }
+    isNumeric(value) {
+        return !isNaN(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartColumnMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SmartColumnMoleculeStore, isStandalone: true, inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+SmartColumnMoleculeStore = __decorate([
+    TokenizedType()
+], SmartColumnMoleculeStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartColumnMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
 class SmartColumnMolecule extends NgAtomicComponent {
     constructor() {
         super();
-        this.store = inject(SmartColumnTemplateStore);
+        this.store = inject(SmartColumnMoleculeStore);
         this._table = inject(CdkTable, { optional: true });
-        this.headerText = input('');
-        this.name = input.required();
         this.columnDef = viewChild.required(CdkColumnDef);
         this.cell = viewChild.required(CdkCellDef);
         this.headerCell = viewChild.required(CdkHeaderCellDef);
         this.headerClick = new EventEmitter();
         effect(() => {
             if (this.columnDef())
-                this.columnDef().name = this.name();
+                this.columnDef().name = this.store.name();
         });
     }
     ngOnInit() {
         if (this._table) {
-            this.columnDef().name = this.name();
+            this.columnDef().name = this.store.name();
             this.columnDef().cell = this.cell();
             this.columnDef().headerCell = this.headerCell();
             this._table.addColumnDef(this.columnDef());
@@ -56,13 +97,27 @@ class SmartColumnMolecule extends NgAtomicComponent {
             this._table.removeColumnDef(this.columnDef());
         }
     }
+    onNgModelChange(item, event) {
+        const value = event.target.value;
+        const pre = this.store.dataAccessor(item, this.store.name());
+        if (pre === Number(value))
+            return;
+        this.dispatch({
+            id: ActionId.UPDATE_VALUE,
+            payload: {
+                item,
+                name: this.store.name(),
+                value: Number(event.target.value),
+            }
+        });
+    }
     copied() {
         this.store.tooltipText.set('copied!');
         setTimeout(() => this.store.tooltipText.set(null), 1000);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SmartColumnMolecule, isStandalone: true, selector: "molecules-smart-column", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerClick: "headerClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: SmartColumnTemplateStore, inputs: ["sort", "sort"] }], ngImport: i0, template: `
-  <ng-container matColumnDef>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SmartColumnMolecule, isStandalone: true, selector: "molecules-smart-column", outputs: { headerClick: "headerClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: SmartColumnMoleculeStore, inputs: ["index", "index", "sort", "sort", "sticky", "sticky", "headerText", "headerText", "name", "name", "editable", "editable"] }], ngImport: i0, template: `
+  <ng-container matColumnDef [sticky]="store.sticky()">
     <th
       mat-header-cell
       *matHeaderCellDef
@@ -73,7 +128,7 @@ class SmartColumnMolecule extends NgAtomicComponent {
         class="nowrap"
         style="display: flex; align-items: center;"
       >
-        <span>{{ headerText() }}</span>
+        <span>{{ store.headerText() }}</span>
         @switch(store.sort()) {
           @case('asc') {
             <mat-icon class="order">south</mat-icon>
@@ -86,21 +141,31 @@ class SmartColumnMolecule extends NgAtomicComponent {
     </th>
     <td
       mat-cell
-      *matCellDef="let item"
+      *matCellDef="let item; let i = index"
       [style.text-align]="justify"
     >
-      <p class="nowrap"
-        [cdkCopyToClipboard]="item | dataAccessor: name() | smartExp: name()"
-        (click)="copied(); tooltip.show()"
-        #tooltip="matTooltip"
-        [matTooltip]="store.tooltipText() || item | dataAccessor: name()"
-        matTooltipPosition="below"
-      >
-        {{ item | dataAccessor: name() | smartExp: name() }}
-      </p>
+        @if(item | editable: store.name()) {
+          <input
+            class="cell-input"
+            type="number"
+            [value]="item | dataAccessor:store.name():i"
+            (blur)="onNgModelChange(item, $event)"
+          >
+        } @else {
+          <p class="nowrap"
+            [cdkCopyToClipboard]="item | dataAccessor:store.name():i | smartExp: store.name()"
+            (click)="copied(); tooltip.show()"
+            #tooltip="matTooltip"
+            [matTooltip]="store.tooltipText() || item | dataAccessor:store.name():i"
+            matTooltipPosition="below"
+            [style.justify-content]="store.isNumeric(item | dataAccessor:store.name():i) ? 'flex-end' : 'flex-start'"
+          >
+            {{ item | dataAccessor: store.name():i | smartExp: store.name() }}
+          </p>
+        }
     </td>
   </ng-container>
-  `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p,td[mat-cell] p{width:100%;max-width:200px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";th[mat-header-cell],td[mat-cell]{position:relative;cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .cell-input,td[mat-cell] .cell-input{width:100%;box-sizing:border-box;padding:8px 4px;border:none;text-align:right;font-size:var(--mat-table-row-item-label-text-size, 14px)}th[mat-header-cell] .cell-input[type=number]::-webkit-outer-spin-button,th[mat-header-cell] .cell-input[type=number]::-webkit-inner-spin-button,td[mat-cell] .cell-input[type=number]::-webkit-outer-spin-button,td[mat-cell] .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}th[mat-header-cell] .cell-input[type=number],td[mat-cell] .cell-input[type=number]{-moz-appearance:textfield}th[mat-header-cell] p,td[mat-cell] p{width:100%;max-width:200px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { 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: MatInputModule }, { kind: "pipe", type: EditablePipe, name: "editable" }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartColumnMolecule, decorators: [{
             type: Component,
@@ -112,8 +177,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         MatIconModule,
                         MatTableModule,
                         MatTooltipModule,
+                        MatInputModule,
+                        EditablePipe,
+                        ReactiveFormsModule,
                     ], template: `
-  <ng-container matColumnDef>
+  <ng-container matColumnDef [sticky]="store.sticky()">
     <th
       mat-header-cell
       *matHeaderCellDef
@@ -124,7 +192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
         class="nowrap"
         style="display: flex; align-items: center;"
       >
-        <span>{{ headerText() }}</span>
+        <span>{{ store.headerText() }}</span>
         @switch(store.sort()) {
           @case('asc') {
             <mat-icon class="order">south</mat-icon>
@@ -137,26 +205,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
     </th>
     <td
       mat-cell
-      *matCellDef="let item"
+      *matCellDef="let item; let i = index"
       [style.text-align]="justify"
     >
-      <p class="nowrap"
-        [cdkCopyToClipboard]="item | dataAccessor: name() | smartExp: name()"
-        (click)="copied(); tooltip.show()"
-        #tooltip="matTooltip"
-        [matTooltip]="store.tooltipText() || item | dataAccessor: name()"
-        matTooltipPosition="below"
-      >
-        {{ item | dataAccessor: name() | smartExp: name() }}
-      </p>
+        @if(item | editable: store.name()) {
+          <input
+            class="cell-input"
+            type="number"
+            [value]="item | dataAccessor:store.name():i"
+            (blur)="onNgModelChange(item, $event)"
+          >
+        } @else {
+          <p class="nowrap"
+            [cdkCopyToClipboard]="item | dataAccessor:store.name():i | smartExp: store.name()"
+            (click)="copied(); tooltip.show()"
+            #tooltip="matTooltip"
+            [matTooltip]="store.tooltipText() || item | dataAccessor:store.name():i"
+            matTooltipPosition="below"
+            [style.justify-content]="store.isNumeric(item | dataAccessor:store.name():i) ? 'flex-end' : 'flex-start'"
+          >
+            {{ item | dataAccessor: store.name():i | smartExp: store.name() }}
+          </p>
+        }
     </td>
   </ng-container>
   `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
-                            directive: SmartColumnTemplateStore,
-                            inputs: ['sort'],
+                            directive: SmartColumnMoleculeStore,
+                            inputs: [
+                                'index',
+                                'sort',
+                                'sticky',
+                                'headerText',
+                                'name',
+                                'editable',
+                            ],
                         },
-                    ], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p,td[mat-cell] p{width:100%;max-width:200px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+                    ], styles: ["@charset \"UTF-8\";th[mat-header-cell],td[mat-cell]{position:relative;cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .cell-input,td[mat-cell] .cell-input{width:100%;box-sizing:border-box;padding:8px 4px;border:none;text-align:right;font-size:var(--mat-table-row-item-label-text-size, 14px)}th[mat-header-cell] .cell-input[type=number]::-webkit-outer-spin-button,th[mat-header-cell] .cell-input[type=number]::-webkit-inner-spin-button,td[mat-cell] .cell-input[type=number]::-webkit-outer-spin-button,td[mat-cell] .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}th[mat-header-cell] .cell-input[type=number],td[mat-cell] .cell-input[type=number]{-moz-appearance:textfield}th[mat-header-cell] p,td[mat-cell] p{width:100%;max-width:200px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], ctorParameters: () => [], propDecorators: { headerClick: [{
                 type: Output
             }] } });
@@ -165,5 +250,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SmartColumnMolecule, SmartColumnTemplateStore };
+export { EDITABLE_RESOLVER, EditablePipe, SmartColumnMolecule, SmartColumnMoleculeStore, provideEditableResolver };
 //# sourceMappingURL=ng-atomic-components-molecules-smart-column.mjs.map

package/fesm2022/ng-atomic-components-molecules-smart-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/smart-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ClipboardModule } from '@angular/cdk/clipboard';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Output, EventEmitter, Component, ViewEncapsulation, Directive, input, signal, inject, effect, viewChild, OnInit, OnDestroy } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true })\nexport class SmartColumnTemplateStore<T> {\n  readonly sort = input<'asc' | 'desc' | 'none'>('none');\n  readonly tooltipText = signal<string | null>(null);\n}\n\n@Component({\n  selector: 'molecules-smart-column',\n  standalone: true,\n  imports: [\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  template: `\n  <ng-container matColumnDef>\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      [style.text-align]=\"justify\"\n      (click)=\"headerClick.emit()\"\n    >\n      <p\n        class=\"nowrap\"\n        style=\"display: flex; align-items: center;\"\n      >\n        <span>{{ headerText() }}</span>\n        @switch(store.sort()) {\n          @case('asc') {\n            <mat-icon class=\"order\">south</mat-icon>\n          }\n          @case('desc') {\n            <mat-icon class=\"order\">north</mat-icon>\n          }\n        }\n      </p>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let item\"\n      [style.text-align]=\"justify\"\n    >\n      <p class=\"nowrap\"\n        [cdkCopyToClipboard]=\"item | dataAccessor: name() | smartExp: name()\"\n        (click)=\"copied(); tooltip.show()\"\n        #tooltip=\"matTooltip\"\n        [matTooltip]=\"store.tooltipText() || item | dataAccessor: name()\"\n        matTooltipPosition=\"below\"\n      >\n        {{ item | dataAccessor: name() | smartExp: name() }}\n      </p>\n    </td>\n  </ng-container>\n  `,\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SmartColumnTemplateStore,\n      inputs: ['sort'],\n    },\n  ],\n})\nexport class SmartColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {\n  protected store = inject(SmartColumnTemplateStore);\n  private _table = inject(CdkTable, {optional: true});\n  readonly headerText = input<string>('');\n  readonly name = input.required<string>();\n  readonly columnDef = viewChild.required(CdkColumnDef);\n  readonly cell = viewChild.required(CdkCellDef);\n  readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.columnDef()) this.columnDef().name = this.name();\n    })\n  }\n\n  ngOnInit() {\n    if (this._table) {\n      this.columnDef().name = this.name();\n      this.columnDef().cell = this.cell();\n      this.columnDef().headerCell = this.headerCell();\n      this._table.addColumnDef(this.columnDef());\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef());\n    }\n  }\n\n  @Output() headerClick = new EventEmitter<void>();\n\n  protected copied() {\n    this.store.tooltipText.set('copied!');\n    setTimeout(() => this.store.tooltipText.set(null), 1000);\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-molecules-smart-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/smart-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ClipboardModule } from '@angular/cdk/clipboard';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Output, EventEmitter, Component, ViewEncapsulation, Directive, input, signal, inject, effect, viewChild, OnInit, OnDestroy, Pipe, InjectionToken } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { DataAccessorPipe, injectDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { Null } from '@nx-ddd/firestore/decorators/decorators';\n\nexport type EditableResolver = (value: any, name: string) => boolean;\nexport const EDITABLE_RESOLVER = new InjectionToken<EditableResolver>('EDITABLE_RESOLVER');\nexport function provideEditableResolver(resolverFactory: () => EditableResolver) {\n  return { provide: EDITABLE_RESOLVER, useFactory: resolverFactory };\n}\n  \n@Pipe({\n  name: 'editable',\n  standalone: true,\n  pure: true,\n})\nexport class EditablePipe {\n  readonly resolver = inject(EDITABLE_RESOLVER, {optional: true}) || (() => false);\n\n  transform(value: any, name: string) {\n    return this.resolver(value, name);\n  }\n}\n\nenum ActionId {\n  UPDATE_VALUE = '[@ng-atomic/components/molecules/smart-column] update value',\n}\n\n@TokenizedType()\n@Directive({ standalone: true })\nexport class SmartColumnMoleculeStore<T> extends InjectableComponent {\n  static readonly ActionId = ActionId;\n\n  readonly dataAccessor = injectDataAccessor();\n\n  readonly index = input<number>(null);\n  readonly sort = input<'asc' | 'desc' | 'none'>('none');\n  readonly sticky = input<boolean>(false);\n  readonly headerText = input<string>('');\n  readonly name = input.required<string>();\n  readonly editable = input<boolean>(false);\n  \n  readonly tooltipText = signal<string | null>(null);\n\n  isNumeric(value: any) {\n    return !isNaN(value);\n  }\n}\n\n@Component({\n  selector: 'molecules-smart-column',\n  standalone: true,\n  imports: [\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n    MatInputModule,\n    EditablePipe,\n    ReactiveFormsModule,\n  ],\n  template: `\n  <ng-container matColumnDef [sticky]=\"store.sticky()\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      [style.text-align]=\"justify\"\n      (click)=\"headerClick.emit()\"\n    >\n      <p\n        class=\"nowrap\"\n        style=\"display: flex; align-items: center;\"\n      >\n        <span>{{ store.headerText() }}</span>\n        @switch(store.sort()) {\n          @case('asc') {\n            <mat-icon class=\"order\">south</mat-icon>\n          }\n          @case('desc') {\n            <mat-icon class=\"order\">north</mat-icon>\n          }\n        }\n      </p>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let item; let i = index\"\n      [style.text-align]=\"justify\"\n    >\n        @if(item | editable: store.name()) {\n          <input\n            class=\"cell-input\"\n            type=\"number\"\n            [value]=\"item | dataAccessor:store.name():i\"\n            (blur)=\"onNgModelChange(item, $event)\"\n          >\n        } @else {\n          <p class=\"nowrap\"\n            [cdkCopyToClipboard]=\"item | dataAccessor:store.name():i | smartExp: store.name()\"\n            (click)=\"copied(); tooltip.show()\"\n            #tooltip=\"matTooltip\"\n            [matTooltip]=\"store.tooltipText() || item | dataAccessor:store.name():i\"\n            matTooltipPosition=\"below\"\n            [style.justify-content]=\"store.isNumeric(item | dataAccessor:store.name():i) ? 'flex-end' : 'flex-start'\"\n          >\n            {{ item | dataAccessor: store.name():i | smartExp: store.name() }}\n          </p>\n        }\n    </td>\n  </ng-container>\n  `,\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SmartColumnMoleculeStore,\n      inputs: [\n        'index',\n        'sort',\n        'sticky',\n        'headerText',\n        'name',\n        'editable',\n      ],\n    },\n  ],\n})\nexport class SmartColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {\n  protected store = inject(SmartColumnMoleculeStore);\n  private _table = inject(CdkTable, {optional: true});\n  readonly columnDef = viewChild.required(CdkColumnDef);\n  readonly cell = viewChild.required(CdkCellDef);\n  readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.columnDef()) this.columnDef().name = this.store.name();\n    })\n  }\n\n  ngOnInit() {\n    if (this._table) {\n      this.columnDef().name = this.store.name();\n      this.columnDef().cell = this.cell();\n      this.columnDef().headerCell = this.headerCell();\n      this._table.addColumnDef(this.columnDef());\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef());\n    }\n  }\n\n  onNgModelChange(item: any, event: {target: HTMLInputElement}) {\n    const value = event.target.value;\n    const pre = this.store.dataAccessor(item, this.store.name());\n    if (pre === Number(value)) return;\n\n    this.dispatch({\n      id: ActionId.UPDATE_VALUE,\n      payload: {\n        item,\n        name: this.store.name(),\n        value: Number(event.target.value),\n      }\n    });\n  }\n\n  @Output() headerClick = new EventEmitter<void>();\n\n  protected copied() {\n    this.store.tooltipText.set('copied!');\n    setTimeout(() => this.store.tooltipText.set(null), 1000);\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-molecules-tree-column.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Directive, inject, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output } from '@angular/core';
+import { input, signal, Directive, inject, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i5 from '@angular/material/table';
 import { MatTextColumn, MatTableModule } from '@angular/material/table';
@@ -12,6 +12,7 @@ import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import * as i6 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FlatTreeControl } from '@angular/cdk/tree';
 
@@ -21,9 +22,12 @@ class TreeColumnMoleculeStore {
         this.sort = input('none');
         this.treeControl = input(new FlatTreeControl((node) => node.level, (node) => node.isExpandable));
         this.width = input(200);
+        this.sticky = input(false);
+        this.name = input.required();
+        this.tooltipText = signal(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TreeColumnMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: TreeColumnMoleculeStore, isStandalone: true, selector: "molecules-tree-column", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: TreeColumnMoleculeStore, isStandalone: true, selector: "molecules-tree-column", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TreeColumnMoleculeStore, decorators: [{
             type: Directive,
@@ -41,8 +45,8 @@ class TreeColumnMolecule extends MatTextColumn {
         setTimeout(() => this.text = 'copy', 1000);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TreeColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", outputs: { headerClick: "headerClick" }, usesInheritance: true, hostDirectives: [{ directive: TreeColumnMoleculeStore, inputs: ["headerText", "headerText", "sort", "sort", "treeControl", "treeControl", "width", "width"] }], ngImport: i0, template: `
-  <ng-container matColumnDef>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", outputs: { headerClick: "headerClick" }, usesInheritance: true, hostDirectives: [{ directive: TreeColumnMoleculeStore, inputs: ["headerText", "headerText", "sort", "sort", "treeControl", "treeControl", "width", "width", "sticky", "sticky", "name", "name"] }], ngImport: i0, template: `
+  <ng-container matColumnDef [sticky]="store.sticky()">
     <th
       mat-header-cell
       *matHeaderCellDef
@@ -61,27 +65,30 @@ class TreeColumnMolecule extends MatTextColumn {
         }
       </p>
     </th>
-    <td mat-cell *matCellDef="let data"> 
+    <td mat-cell *matCellDef="let item"> 
       <p class="nowrap"
-        [cdkCopyToClipboard]="data | dataAccessor: name | smartExp: name"
-        [style.maxWidth.px]="data.level * 48 + store.width()"
+        [cdkCopyToClipboard]="item | dataAccessor: name | smartExp: name"
+        #tooltip="matTooltip"
+        [matTooltip]="store.tooltipText() || item | dataAccessor: store.name()"
+        matTooltipPosition="below"
+        [style.maxWidth.px]="item.level * 48 + store.width()"
       >
-        <span [style.paddingLeft.px]="(data.level + (data.isExpandable ? 0 : 1)) * 48"></span>
-        @if (data.isExpandable) {
+        <span [style.paddingLeft.px]="(item.level + (item.isExpandable ? 0 : 1)) * 48"></span>
+        @if (item.isExpandable) {
           <button 
             mat-icon-button 
-            [style.visibility]="!data.isExpandable ? 'hidden' : ''"
-            (click)="store.treeControl().toggle(data)"
+            [style.visibility]="!item.isExpandable ? 'hidden' : ''"
+            (click)="store.treeControl().toggle(item)"
           >
             <mat-icon>
-              {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
+              {{ store.treeControl().isExpanded(item) ? 'expand_more' : 'chevron_right' }}
             </mat-icon>
           </button>
         }
-        <span> {{ data | dataAccessor: name }} </span>
+        <span> {{ item | dataAccessor: name }} </span>
       </p>
     </td>
-  </ng-container> `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  </ng-container> `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TreeColumnMolecule, decorators: [{
             type: Component,
@@ -95,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         MatTableModule,
                         MatTooltipModule,
                     ], template: `
-  <ng-container matColumnDef>
+  <ng-container matColumnDef [sticky]="store.sticky()">
     <th
       mat-header-cell
       *matHeaderCellDef
@@ -114,24 +121,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
         }
       </p>
     </th>
-    <td mat-cell *matCellDef="let data"> 
+    <td mat-cell *matCellDef="let item"> 
       <p class="nowrap"
-        [cdkCopyToClipboard]="data | dataAccessor: name | smartExp: name"
-        [style.maxWidth.px]="data.level * 48 + store.width()"
+        [cdkCopyToClipboard]="item | dataAccessor: name | smartExp: name"
+        #tooltip="matTooltip"
+        [matTooltip]="store.tooltipText() || item | dataAccessor: store.name()"
+        matTooltipPosition="below"
+        [style.maxWidth.px]="item.level * 48 + store.width()"
       >
-        <span [style.paddingLeft.px]="(data.level + (data.isExpandable ? 0 : 1)) * 48"></span>
-        @if (data.isExpandable) {
+        <span [style.paddingLeft.px]="(item.level + (item.isExpandable ? 0 : 1)) * 48"></span>
+        @if (item.isExpandable) {
           <button 
             mat-icon-button 
-            [style.visibility]="!data.isExpandable ? 'hidden' : ''"
-            (click)="store.treeControl().toggle(data)"
+            [style.visibility]="!item.isExpandable ? 'hidden' : ''"
+            (click)="store.treeControl().toggle(item)"
           >
             <mat-icon>
-              {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
+              {{ store.treeControl().isExpanded(item) ? 'expand_more' : 'chevron_right' }}
             </mat-icon>
           </button>
         }
-        <span> {{ data | dataAccessor: name }} </span>
+        <span> {{ item | dataAccessor: name }} </span>
       </p>
     </td>
   </ng-container> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
@@ -142,6 +152,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'sort',
                                 'treeControl',
                                 'width',
+                                'sticky',
+                                'name'
                             ],
                         }
                     ], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]

package/fesm2022/ng-atomic-components-molecules-tree-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-tree-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/tree-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/ng-atomic-components-molecules-tree-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, ViewEncapsulation, inject, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@Directive({standalone: true, selector: 'molecules-tree-column'})\nexport class TreeColumnMoleculeStore {\n  readonly headerText = input<string>('');\n  readonly sort = input<'asc' | 'desc' | 'none'>('none');\n  readonly treeControl = input(new FlatTreeControl<any>(\n    (node) => node.level,\n    (node) => node.isExpandable\n  ));\n  readonly width = input<number>(200);\n}\n\n@Component({\n  selector: 'molecules-tree-column',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  template: `\n  <ng-container matColumnDef>\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      [style.text-align]=\"justify\"\n      (click)=\"headerClick.emit()\"\n    >\n      <p class=\"nowrap\" style=\"display: flex; align-items: center; margin-left: 48px\">\n        <span>{{ store.headerText() }}</span>\n        @switch(store.sort()) {\n          @case ('asc') {\n            <mat-icon class=\"order\">south</mat-icon>\n          }\n          @case ('desc') { \n            <mat-icon class=\"order\">north</mat-icon>\n          }\n        }\n      </p>\n    </th>\n    <td mat-cell *matCellDef=\"let data\"> \n      <p class=\"nowrap\"\n        [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n        [style.maxWidth.px]=\"data.level * 48 + store.width()\"\n      >\n        <span [style.paddingLeft.px]=\"(data.level + (data.isExpandable ? 0 : 1)) * 48\"></span>\n        @if (data.isExpandable) {\n          <button \n            mat-icon-button \n            [style.visibility]=\"!data.isExpandable ? 'hidden' : ''\"\n            (click)=\"store.treeControl().toggle(data)\"\n          >\n            <mat-icon>\n              {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n        }\n        <span> {{ data | dataAccessor: name }} </span>\n      </p>\n    </td>\n  </ng-container> `,\n  styleUrls: ['./tree-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TreeColumnMoleculeStore,\n      inputs: [\n        'headerText',\n        'sort',\n        'treeControl',\n        'width',\n      ],\n    }\n  ],\n})\nexport class TreeColumnMolecule<T> extends MatTextColumn<T> {\n  protected store = inject(TreeColumnMoleculeStore);\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\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-molecules-tree-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/tree-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/ng-atomic-components-molecules-tree-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Input, Output, ViewEncapsulation, inject, input, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@Directive({standalone: true, selector: 'molecules-tree-column'})\nexport class TreeColumnMoleculeStore {\n  readonly headerText = input<string>('');\n  readonly sort = input<'asc' | 'desc' | 'none'>('none');\n  readonly treeControl = input(new FlatTreeControl<any>(\n    (node) => node.level,\n    (node) => node.isExpandable\n  ));\n  re\n  readonly width = input<number>(200);\n  readonly sticky = input<boolean>(false);\n  readonly name = input.required<string>();\n  readonly tooltipText = signal<string | null>(null);\n}\n\n@Component({\n  selector: 'molecules-tree-column',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  template: `\n  <ng-container matColumnDef [sticky]=\"store.sticky()\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      [style.text-align]=\"justify\"\n      (click)=\"headerClick.emit()\"\n    >\n      <p class=\"nowrap\" style=\"display: flex; align-items: center; margin-left: 48px\">\n        <span>{{ store.headerText() }}</span>\n        @switch(store.sort()) {\n          @case ('asc') {\n            <mat-icon class=\"order\">south</mat-icon>\n          }\n          @case ('desc') { \n            <mat-icon class=\"order\">north</mat-icon>\n          }\n        }\n      </p>\n    </th>\n    <td mat-cell *matCellDef=\"let item\"> \n      <p class=\"nowrap\"\n        [cdkCopyToClipboard]=\"item | dataAccessor: name | smartExp: name\"\n        #tooltip=\"matTooltip\"\n        [matTooltip]=\"store.tooltipText() || item | dataAccessor: store.name()\"\n        matTooltipPosition=\"below\"\n        [style.maxWidth.px]=\"item.level * 48 + store.width()\"\n      >\n        <span [style.paddingLeft.px]=\"(item.level + (item.isExpandable ? 0 : 1)) * 48\"></span>\n        @if (item.isExpandable) {\n          <button \n            mat-icon-button \n            [style.visibility]=\"!item.isExpandable ? 'hidden' : ''\"\n            (click)=\"store.treeControl().toggle(item)\"\n          >\n            <mat-icon>\n              {{ store.treeControl().isExpanded(item) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n        }\n        <span> {{ item | dataAccessor: name }} </span>\n      </p>\n    </td>\n  </ng-container> `,\n  styleUrls: ['./tree-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TreeColumnMoleculeStore,\n      inputs: [\n        'headerText',\n        'sort',\n        'treeControl',\n        'width',\n        'sticky',\n        'name'\n      ],\n    }\n  ],\n})\nexport class TreeColumnMolecule<T> extends MatTextColumn<T> {\n  protected store = inject(TreeColumnMoleculeStore);\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\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-molecules.mjs

@@ -8,6 +8,7 @@ import { MatChipsModule } from '@angular/material/chips';
 import { TextInputFieldMoleculeStore } from '@ng-atomic/components/molecules/text-input-field';
 import { LoadingBoxMoleculeStore } from '@ng-atomic/components/molecules/loading-box';
 import { ActionsColumnMoleculeStore } from '@ng-atomic/components/molecules/actions-column';
+import { ListItemMoleculeStore } from '@ng-atomic/components/molecules/list-item';
 
 class NgAtomicMoleculesModule {
     static forRoot() {
@@ -19,6 +20,8 @@ class NgAtomicMoleculesModule {
                 provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),
                 ChipsInputFieldMoleculeStore.Config.provide(),
                 provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),
+                ListItemMoleculeStore.Config.provide(),
+                provideComponent(ListItemMoleculeStore, () => import('@ng-atomic/components/molecules/list-item').then(m => m.ListItemMolecule)),
                 LoadingBoxMoleculeStore.Config.provide(),
                 provideComponent(LoadingBoxMoleculeStore, () => {
                     return import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule);

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/molecules.module.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/ng-atomic-components-molecules.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { NavigationListItemMoleculeStore } from \"@ng-atomic/components/molecules/navigation-list-item\";\nimport { ChipsInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/chips-input-field\";\nimport { HeaderMoleculeStore } from \"@ng-atomic/components/molecules/header\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { TextInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/text-input-field\";\nimport { LoadingBoxMoleculeStore } from \"@ng-atomic/components/molecules/loading-box\";\nimport { ActionsColumnMoleculeStore } from \"@ng-atomic/components/molecules/actions-column\";\n\n@NgModule({\n  imports: [\n    MatChipsModule,\n  ]\n})\nexport class NgAtomicMoleculesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicMoleculesModule,\n      providers: [\n        ActionsColumnMoleculeStore.Config.provide(),\n        provideComponent(ActionsColumnMoleculeStore, () => import('@ng-atomic/components/molecules/actions-column').then(m => m.ActionsColumnMolecule)),\n        provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),\n        ChipsInputFieldMoleculeStore.Config.provide(),\n        provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),\n        LoadingBoxMoleculeStore.Config.provide(),\n        provideComponent(LoadingBoxMoleculeStore, () => {\n          return import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule);\n        }),\n        provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),\n        provideComponent(\n          NavigationListItemMoleculeStore,\n          () => import('@ng-atomic/components/molecules/navigation-list-item')\n            .then(m => m.NavigationListItemMolecule)\n        ),\n        provideComponent(TextInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/text-input-field').then(m => m.TextInputFieldMolecule)),\n      ],\n    };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAea,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,0BAA0B,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC3C,gBAAgB,CAAC,0BAA0B,EAAE,MAAM,OAAO,gDAAgD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;gBAC/I,gBAAgB,CAAC,4BAA4B,EAAE,MAAM,OAAO,mDAAmD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC;AACtJ,gBAAA,4BAA4B,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC7C,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;AACzH,gBAAA,uBAAuB,CAAC,MAAM,CAAC,OAAO,EAAE;AACxC,gBAAA,gBAAgB,CAAC,uBAAuB,EAAE,MAAK;AAC7C,oBAAA,OAAO,OAAO,6CAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAC/F,iBAAC,CAAC;gBACF,gBAAgB,CAAC,+BAA+B,EAAE,MAAM,OAAO,sDAAsD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,CAAC;gBAC/J,gBAAgB,CACd,+BAA+B,EAC/B,MAAM,OAAO,sDAAsD,CAAC;qBACjE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,CAC3C;gBACD,gBAAgB,CAAC,2BAA2B,EAAE,MAAM,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;AACpJ,aAAA;SACF,CAAC;KACH;8GAvBU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHhC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;AAGL,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHhC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,cAAc;AACf,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/molecules.module.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/ng-atomic-components-molecules.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { NavigationListItemMoleculeStore } from \"@ng-atomic/components/molecules/navigation-list-item\";\nimport { ChipsInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/chips-input-field\";\nimport { HeaderMoleculeStore } from \"@ng-atomic/components/molecules/header\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { TextInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/text-input-field\";\nimport { LoadingBoxMoleculeStore } from \"@ng-atomic/components/molecules/loading-box\";\nimport { ActionsColumnMoleculeStore } from \"@ng-atomic/components/molecules/actions-column\";\nimport { ListItemMoleculeStore } from \"@ng-atomic/components/molecules/list-item\";\n\n@NgModule({\n  imports: [\n    MatChipsModule,\n  ]\n})\nexport class NgAtomicMoleculesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicMoleculesModule,\n      providers: [\n        ActionsColumnMoleculeStore.Config.provide(),\n        provideComponent(ActionsColumnMoleculeStore, () => import('@ng-atomic/components/molecules/actions-column').then(m => m.ActionsColumnMolecule)),\n        provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),\n        ChipsInputFieldMoleculeStore.Config.provide(),\n        provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),\n        ListItemMoleculeStore.Config.provide(),\n        provideComponent(ListItemMoleculeStore, () => import('@ng-atomic/components/molecules/list-item').then(m => m.ListItemMolecule)),\n        LoadingBoxMoleculeStore.Config.provide(),\n        provideComponent(LoadingBoxMoleculeStore, () => {\n          return import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule);\n        }),\n        provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),\n        provideComponent(\n          NavigationListItemMoleculeStore,\n          () => import('@ng-atomic/components/molecules/navigation-list-item')\n            .then(m => m.NavigationListItemMolecule)\n        ),\n        provideComponent(TextInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/text-input-field').then(m => m.TextInputFieldMolecule)),\n      ],\n    };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAgBa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,0BAA0B,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC3C,gBAAgB,CAAC,0BAA0B,EAAE,MAAM,OAAO,gDAAgD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;gBAC/I,gBAAgB,CAAC,4BAA4B,EAAE,MAAM,OAAO,mDAAmD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC;AACtJ,gBAAA,4BAA4B,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC7C,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;AACzH,gBAAA,qBAAqB,CAAC,MAAM,CAAC,OAAO,EAAE;gBACtC,gBAAgB,CAAC,qBAAqB,EAAE,MAAM,OAAO,2CAA2C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAChI,gBAAA,uBAAuB,CAAC,MAAM,CAAC,OAAO,EAAE;AACxC,gBAAA,gBAAgB,CAAC,uBAAuB,EAAE,MAAK;AAC7C,oBAAA,OAAO,OAAO,6CAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAC/F,iBAAC,CAAC;gBACF,gBAAgB,CAAC,+BAA+B,EAAE,MAAM,OAAO,sDAAsD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,CAAC;gBAC/J,gBAAgB,CACd,+BAA+B,EAC/B,MAAM,OAAO,sDAAsD,CAAC;qBACjE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,CAC3C;gBACD,gBAAgB,CAAC,2BAA2B,EAAE,MAAM,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;AACpJ,aAAA;SACF,CAAC;KACH;8GAzBU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHhC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;AAGL,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHhC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,cAAc;AACf,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs

@@ -76,7 +76,7 @@ class ActionButtonsSectionOrganism extends NgAtomicComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-o2iL: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-o2iL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-o2iL);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ 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"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-bmDR: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ 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"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
             type: Component,
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: ActionButtonsSectionOrganismStore,
                             inputs: ['actions', 'type'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-o2iL: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-o2iL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-o2iL);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-bmDR: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
         }] });
 
 /**