@acorex/components 19.14.0-next.2 → 19.14.0

package/fesm2022/acorex-components-data-table.mjs

@@ -484,9 +484,14 @@ class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumnComponen
         <div>
           <button [axRipple]>
             <ax-icon icon="ax-icon ax-icon-solid ax-icon-more-horizontal"></ax-icon>
-            <ax-dropdown-panel [adaptivityEnabled]="true" (onOpened)="handleOnOpened(row.data)" (onClosed)="handleOnClosed()">
+            <ax-dropdown-panel
+              [adaptivityEnabled]="true"
+              (onOpened)="handleOnOpened(row.data)"
+              (onClosed)="handleOnClosed()"
+            >
               @if (_items.length) {
-                <ax-button-item-list (onItemClick)="handleOnItemClick($event, row.data)" [items]="_items"> </ax-button-item-list>
+                <ax-button-item-list (onItemClick)="handleOnItemClick($event, row.data)" [items]="_items">
+                </ax-button-item-list>
               } @else {
                 <div panel style="padding: 0.875rem;">
                   <ax-loading></ax-loading>
@@ -516,9 +521,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
         <div>
           <button [axRipple]>
             <ax-icon icon="ax-icon ax-icon-solid ax-icon-more-horizontal"></ax-icon>
-            <ax-dropdown-panel [adaptivityEnabled]="true" (onOpened)="handleOnOpened(row.data)" (onClosed)="handleOnClosed()">
+            <ax-dropdown-panel
+              [adaptivityEnabled]="true"
+              (onOpened)="handleOnOpened(row.data)"
+              (onClosed)="handleOnClosed()"
+            >
               @if (_items.length) {
-                <ax-button-item-list (onItemClick)="handleOnItemClick($event, row.data)" [items]="_items"> </ax-button-item-list>
+                <ax-button-item-list (onItemClick)="handleOnItemClick($event, row.data)" [items]="_items">
+                </ax-button-item-list>
               } @else {
                 <div panel style="padding: 0.875rem;">
                   <ax-loading></ax-loading>
@@ -546,7 +556,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     ],
                     inputs: ['width', 'caption', 'fixed'],
                     outputs: ['onItemClick'],
-                    imports: [AXRippleDirective, AXDecoratorIconComponent, AXDropdownPanelComponent, AXButtonItemListComponent, AXLoadingComponent],
+                    imports: [
+                        AXRippleDirective,
+                        AXDecoratorIconComponent,
+                        AXDropdownPanelComponent,
+                        AXButtonItemListComponent,
+                        AXLoadingComponent,
+                    ],
                 }]
         }], propDecorators: { _cellTemplate: [{
                 type: ViewChild,
@@ -760,7 +776,11 @@ class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
         ], viewQueries: [{ propertyName: "_cellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }, { propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <ng-template #header></ng-template>
     <ng-template #cell let-row>
-      <div (click)="handleExpandRow(row)" class="ax-expand-handler" [style.padding-inline-start.rem]="row.data?.__meta__?.level * 1.5">
+      <div
+        (click)="handleExpandRow(row)"
+        class="ax-expand-handler"
+        [style.padding-inline-start.rem]="row.data?.__meta__?.level * 1.5"
+      >
         @if (loadingRow() === row) {
           <i class="fas fa-spinner-third ax-animate-twSpin ax-animate-infinite"></i>
         } @else {
@@ -782,7 +802,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     template: `
     <ng-template #header></ng-template>
     <ng-template #cell let-row>
-      <div (click)="handleExpandRow(row)" class="ax-expand-handler" [style.padding-inline-start.rem]="row.data?.__meta__?.level * 1.5">
+      <div
+        (click)="handleExpandRow(row)"
+        class="ax-expand-handler"
+        [style.padding-inline-start.rem]="row.data?.__meta__?.level * 1.5"
+      >
         @if (loadingRow() === row) {
           <i class="fas fa-spinner-third ax-animate-twSpin ax-animate-infinite"></i>
         } @else {
@@ -1051,7 +1075,11 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
                 useExisting: AXRowSelectColumnComponent,
             },
         ], viewQueries: [{ propertyName: "_cellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }, { propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-template #header let-col>
-      <ax-check-box [ngModel]="checkAllSelected(col.rows)" [indeterminate]="true" (onValueChanged)="handleSelectAll($event, col.rows)"></ax-check-box>
+      <ax-check-box
+        [ngModel]="checkAllSelected(col.rows)"
+        [indeterminate]="true"
+        (onValueChanged)="handleSelectAll($event, col.rows)"
+      ></ax-check-box>
       <!-- <input
         class="ax-checkbox"
         type="checkbox"
@@ -1061,7 +1089,11 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
       /> -->
     </ng-template>
     <ng-template #cell let-row>
-      <ax-check-box [disabled]="!row.data" (onValueChanged)="handleChange($event, row.data)" [ngModel]="isSelected(row.data)"></ax-check-box>
+      <ax-check-box
+        [disabled]="!row.data"
+        (onValueChanged)="handleChange($event, row.data)"
+        [ngModel]="isSelected(row.data)"
+      ></ax-check-box>
       <!-- <input class="ax-checkbox" type="checkbox" [disabled]="!row.data" (change)="handleChange(row.data)" [checked]="isSelected(row.data)" /> -->
     </ng-template>
     <ng-template #footer></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -1071,7 +1103,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             args: [{
                     selector: 'ax-select-column',
                     template: `<ng-template #header let-col>
-      <ax-check-box [ngModel]="checkAllSelected(col.rows)" [indeterminate]="true" (onValueChanged)="handleSelectAll($event, col.rows)"></ax-check-box>
+      <ax-check-box
+        [ngModel]="checkAllSelected(col.rows)"
+        [indeterminate]="true"
+        (onValueChanged)="handleSelectAll($event, col.rows)"
+      ></ax-check-box>
       <!-- <input
         class="ax-checkbox"
         type="checkbox"
@@ -1081,7 +1117,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
       /> -->
     </ng-template>
     <ng-template #cell let-row>
-      <ax-check-box [disabled]="!row.data" (onValueChanged)="handleChange($event, row.data)" [ngModel]="isSelected(row.data)"></ax-check-box>
+      <ax-check-box
+        [disabled]="!row.data"
+        (onValueChanged)="handleChange($event, row.data)"
+        [ngModel]="isSelected(row.data)"
+      ></ax-check-box>
       <!-- <input class="ax-checkbox" type="checkbox" [disabled]="!row.data" (change)="handleChange(row.data)" [checked]="isSelected(row.data)" /> -->
     </ng-template>
     <ng-template #footer></ng-template> `,
@@ -1234,7 +1274,10 @@ class AXDataTableComponent extends AXBaseDataTable {
          *
          * @defaultValue `{ enabled: true, animation: true }`
          */
-        this.loading = { enabled: true, animation: true };
+        this.loading = {
+            enabled: true,
+            animation: true,
+        };
         /**
          * Emits when the focused row changes.
          *
@@ -1407,7 +1450,11 @@ class AXDataTableComponent extends AXBaseDataTable {
         });
     }
     async refreshExpandedItem(id) {
-        const newChildren = await this.dataSource.getItemsByFilter({ field: this.parentField, operator: { type: 'equal' }, value: id });
+        const newChildren = await this.dataSource.getItemsByFilter({
+            field: this.parentField,
+            operator: { type: 'equal' },
+            value: id,
+        });
         this.displayedRows.update((prev) => this.updateChildren(prev, id, newChildren.items));
     }
     updateChildren(items, id, newChildren) {
@@ -1487,7 +1534,9 @@ class AXDataTableComponent extends AXBaseDataTable {
      *  @ignore
      */
     applyDataPagerMethods() {
-        this.customDataPager.onChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((event) => this.handleChangePage(event));
+        this.customDataPager.onChanged
+            .pipe(this._unsubscriber.takeUntilDestroy)
+            .subscribe((event) => this.handleChangePage(event));
         this.customDataPager.displayMode = 'custom';
     }
     /**
@@ -1547,7 +1596,11 @@ class AXDataTableComponent extends AXBaseDataTable {
     onResizeColumnStart(event, columnIndex) {
         this.onColumnSizeChanged.emit({
             type: 'start',
-            data: { columnIndex: columnIndex, width: this.columns.get(columnIndex).width, dataField: this.columns.get(columnIndex).name },
+            data: {
+                columnIndex: columnIndex,
+                width: this.columns.get(columnIndex).width,
+                dataField: this.columns.get(columnIndex).name,
+            },
             isUserInteraction: true,
             component: this,
         });