nira-falcon 0.1.8 → 0.1.10

package/fesm2022/nira-falcon.mjs

@@ -1336,18 +1336,44 @@ class CoreTableRowSelectorColumnComponent {
         }
         this.rowSelector?.next(rowSelector);
     }
+    async oncontextmenu(event) {
+        if (!this.column.data.key)
+            return;
+        event.preventDefault();
+        let rowSelector = this.rowSelector?.getValue();
+        if (!event.srcElement.checked) {
+            const others = this.allTableData.filter((data) => data[this.column.data.key] === this.data[this.column.data.key]);
+            for await (const row of others) {
+                const index = rowSelector.findIndex((item) => row.id === item.id);
+                if (!(index >= 0)) {
+                    rowSelector = [...rowSelector, row];
+                }
+            }
+        }
+        else {
+            const others = rowSelector.filter((item) => this.data[this.column.data.key] === item[this.column.data.key]);
+            for await (const row of others) {
+                const index = rowSelector.findIndex((item) => row.id === item.id);
+                rowSelector.splice(index, 1);
+            }
+        }
+        this.rowSelector?.next(rowSelector);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableRowSelectorColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: { data: "data", column: "column", rowSelector: "rowSelector" }, ngImport: i0, template: "<core-checkbox [checked]=\"checked\" (onChange)=\"change($event)\"></core-checkbox>\r\n", styles: [""], dependencies: [{ kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, ngImport: i0, template: "<core-checkbox\r\n  (contextmenu)=\"oncontextmenu($event)\"\r\n  [checked]=\"checked\"\r\n  (onChange)=\"change($event)\"\r\n></core-checkbox>\r\n", styles: [""], dependencies: [{ kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableRowSelectorColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-row-selector-column', template: "<core-checkbox [checked]=\"checked\" (onChange)=\"change($event)\"></core-checkbox>\r\n" }]
+            args: [{ selector: 'app-core-table-row-selector-column', template: "<core-checkbox\r\n  (contextmenu)=\"oncontextmenu($event)\"\r\n  [checked]=\"checked\"\r\n  (onChange)=\"change($event)\"\r\n></core-checkbox>\r\n" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
             }], column: [{
                 type: Input,
                 args: [{ required: true }]
+            }], allTableData: [{
+                type: Input,
+                args: [{ required: true }]
             }], rowSelector: [{
                 type: Input,
                 args: [{ required: false }]
@@ -1555,17 +1581,20 @@ class CoreTableCardManagerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, deps: [{ token: i1$4.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: { data: "data", column: "column", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    class=\"inline-block\"\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [allTableData]=\"allTableData\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    class=\"inline-block\"\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "allTableData", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-card-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    class=\"inline-block\"\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n" }]
+            args: [{ selector: 'app-core-table-card-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [allTableData]=\"allTableData\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    class=\"inline-block\"\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
             }], column: [{
                 type: Input,
                 args: [{ required: true }]
+            }], allTableData: [{
+                type: Input,
+                args: [{ required: true }]
             }], rowSelector: [{
                 type: Input,
                 args: [{ required: false }]
@@ -1716,17 +1745,20 @@ class CoreTableColumnManagerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, deps: [{ token: i1$4.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: { data: "data", column: "column", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <core-table-detail-viewer-for-report\r\n    *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-detail-viewer-for-report>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "component", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [allTableData]=\"allTableData\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <core-table-detail-viewer-for-report\r\n    *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-detail-viewer-for-report>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "allTableData", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "component", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-column-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <core-table-detail-viewer-for-report\r\n    *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-detail-viewer-for-report>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n" }]
+            args: [{ selector: 'app-core-table-column-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n  <ng-content></ng-content>\r\n\r\n  <app-core-table-row-selector-column\r\n    *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n    [rowSelector]=\"rowSelector\"\r\n    [data]=\"data\"\r\n    [allTableData]=\"allTableData\"\r\n    [column]=\"column\"\r\n  ></app-core-table-row-selector-column>\r\n  <app-core-table-status-active-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-active-column>\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-status-column>\r\n  <app-core-table-action-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-column>\r\n  <app-core-table-action-buttons-column\r\n    *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n    (onClick)=\"clicked($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-table-action-buttons-column>\r\n  <app-core-table-shamsi-date\r\n    *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  >\r\n  </app-core-table-shamsi-date>\r\n  <app-core-row-pelak\r\n    *ngSwitchCase=\"columnsTypes.PELAK\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></app-core-row-pelak>\r\n  <core-table-detail-viewer-for-report\r\n    *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-detail-viewer-for-report>\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    >{{ data[column.key] | persianDigits }}</span\r\n  >\r\n  <span\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [ngClass]=\"{\r\n      'cursor-pointer': column.copyToClipboard,\r\n      green: data[column.key] > 0 && column.canColorfulNumber,\r\n      red: data[column.key] < 0 && column.canColorfulNumber\r\n    }\"\r\n    (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n    tableDetailViewerManager\r\n    dir=\"ltr\"\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n    ><app-core-number\r\n      [number]=\"data[column.key]\"\r\n      [type]=\"'number'\"\r\n      [canSplitNumbers]=\"true\"\r\n      [canShowWordInToolTip]=\"true\"\r\n    >\r\n    </app-core-number>\r\n  </span>\r\n\r\n  <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n    <span\r\n      *ngIf=\"data[column.key.split('.')[0]]\"\r\n      tableDetailViewerManager\r\n      [detailViewerData]=\"\r\n        combinedData(\r\n          column.detailViewer,\r\n          getSelectorData(\r\n            data[column.key.split('.')[0]],\r\n            column.detailViewer?.key\r\n          )\r\n        )\r\n      \"\r\n      >{{\r\n        getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n          | persianDigits\r\n      }}</span\r\n    >\r\n  </span>\r\n</container-element>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
             }], column: [{
                 type: Input,
                 args: [{ required: true }]
+            }], allTableData: [{
+                type: Input,
+                args: [{ required: true }]
             }], rowSelector: [{
                 type: Input,
                 args: [{ required: false }]
@@ -1928,11 +1960,11 @@ class CoreTableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, deps: [{ token: i1$5.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n  <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n      >\r\n        <div\r\n          class=\"grid\"\r\n          [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n        >\r\n          <span\r\n            class=\"p-2 relative\"\r\n            (click)=\"sortByHeader(column)\"\r\n            [ngStyle]=\"{\r\n              minWidth:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? column.data.length * 30 + 'px'\r\n                  : '',\r\n              display:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? 'inline-block'\r\n                  : ''\r\n            }\"\r\n            >{{ column.label }}\r\n            <app-sort-down-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n              \"\r\n            ></app-sort-down-icon>\r\n            <app-sort-up-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n              \"\r\n            ></app-sort-up-icon>\r\n            <app-sort-solid-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"sortDetail?.key !== column.key\"\r\n            ></app-sort-solid-icon>\r\n          </span>\r\n          <core-column-date-picker\r\n            *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n            [canSelectToday]=\"true\"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          >\r\n          </core-column-date-picker>\r\n          <core-column-input\r\n            *ngIf=\"\r\n              canFilter &&\r\n              column.type !== columnsTypes.ACTION &&\r\n              column.type !== columnsTypes.STATUS &&\r\n              column.type !== columnsTypes.SHAMSI_DATE &&\r\n              column.type !== columnsTypes.ROW_SELECTOR &&\r\n              column.type !== columnsTypes.STATUS_ACTIVE &&\r\n              column.type !== columnsTypes.ACTION_BUTTONS\r\n            \"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-input>\r\n          <core-column-selector\r\n            *ngIf=\"\r\n              (canFilter && column.type == columnsTypes.STATUS) ||\r\n              (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n            \"\r\n            [titleKey]=\"'title'\"\r\n            [valueKey]=\"'value'\"\r\n            [items]=\"\r\n              column.type == columnsTypes.STATUS\r\n                ? ACTIVE_OPTIONS\r\n                : YES_NO_OPTIONS\r\n            \"\r\n            (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-selector>\r\n        </div>\r\n      </th>\r\n    </tr>\r\n    <tr *ngFor=\"let data of sortedTableData\">\r\n      <td\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n      >\r\n        <app-core-table-column-manager\r\n          *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n          [rowSelector]=\"rowSelector\"\r\n          (onColumnClicked)=\"columnClicked($event)\"\r\n          [data]=\"data\"\r\n          [column]=\"column\"\r\n        ></app-core-table-column-manager>\r\n        <ng-template #elseBlock>\r\n          <app-core-table-column-manager\r\n            *ngFor=\"let childColumn of column.columns; let i = index\"\r\n            [rowSelector]=\"rowSelector\"\r\n            (onColumnClicked)=\"columnClicked($event)\"\r\n            [data]=\"data\"\r\n            [column]=\"childColumn\"\r\n          >\r\n            <span *ngIf=\"i > 0\">-</span>\r\n          </app-core-table-column-manager>\r\n        </ng-template>\r\n      </td>\r\n    </tr>\r\n  </table>\r\n  <ng-template #smallDeviceCard>\r\n    <div>\r\n      <core-card\r\n        *ngFor=\"let data of sortedTableData\"\r\n        [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n      >\r\n        <div\r\n          class=\"leading-8\"\r\n          *ngFor=\"let column of activeColumnsSchema()\"\r\n          [class]=\"\r\n            column.type === columnsTypes.ACTION_BUTTONS\r\n              ? 'actionButtons'\r\n              : column.type === columnsTypes.ROW_SELECTOR\r\n              ? 'selectRow'\r\n              : ''\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"\r\n              column.type !== columnsTypes.ACTION_BUTTONS &&\r\n              column.type !== columnsTypes.ROW_SELECTOR\r\n            \"\r\n            class=\"secondary-text-color\"\r\n          >\r\n            {{ column.label }} :\r\n          </span>\r\n          <span class=\"primary-text-color font-semibold\">\r\n            <app-core-table-card-manager\r\n              *ngIf=\"\r\n                column.type != columnsTypes.MULTI_COLUMN;\r\n                else cardManagerElseBlock\r\n              \"\r\n              [rowSelector]=\"rowSelector\"\r\n              (onColumnClicked)=\"columnClicked($event)\"\r\n              [data]=\"data\"\r\n              [column]=\"column\"\r\n            >\r\n            </app-core-table-card-manager>\r\n\r\n            <ng-template #cardManagerElseBlock>\r\n              <app-core-table-card-manager\r\n                *ngFor=\"let childColumn of column.columns; let i = index\"\r\n                [rowSelector]=\"rowSelector\"\r\n                (onColumnClicked)=\"columnClicked($event)\"\r\n                [data]=\"data\"\r\n                [column]=\"childColumn\"\r\n              >\r\n                <span *ngIf=\"i > 0\">-</span>\r\n              </app-core-table-card-manager>\r\n            </ng-template>\r\n          </span>\r\n        </div>\r\n      </core-card>\r\n    </div>\r\n  </ng-template>\r\n  <core-table-no-content\r\n    *ngIf=\"!loading\"\r\n    [tableData]=\"sortedTableData\"\r\n    [loading]=\"loading\"\r\n  ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: ["items", "titleKey", "valueKey", "label", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: ["data", "column", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: ["data", "column", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: ["tableData", "loading"] }, { kind: "component", type: SortDownIconComponent, selector: "app-sort-down-icon" }, { kind: "component", type: SortSolidIconComponent, selector: "app-sort-solid-icon" }, { kind: "component", type: SortUpIconComponent, selector: "app-sort-up-icon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n  <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n      >\r\n        <div\r\n          class=\"grid\"\r\n          [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n        >\r\n          <span\r\n            class=\"p-2 relative\"\r\n            (click)=\"sortByHeader(column)\"\r\n            [ngStyle]=\"{\r\n              minWidth:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? column.data.length * 30 + 'px'\r\n                  : '',\r\n              display:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? 'inline-block'\r\n                  : ''\r\n            }\"\r\n            >{{ column.label }}\r\n            <app-sort-down-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n              \"\r\n            ></app-sort-down-icon>\r\n            <app-sort-up-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n              \"\r\n            ></app-sort-up-icon>\r\n            <app-sort-solid-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"sortDetail?.key !== column.key\"\r\n            ></app-sort-solid-icon>\r\n          </span>\r\n          <core-column-date-picker\r\n            *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n            [canSelectToday]=\"true\"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          >\r\n          </core-column-date-picker>\r\n          <core-column-input\r\n            *ngIf=\"\r\n              canFilter &&\r\n              column.type !== columnsTypes.ACTION &&\r\n              column.type !== columnsTypes.STATUS &&\r\n              column.type !== columnsTypes.SHAMSI_DATE &&\r\n              column.type !== columnsTypes.ROW_SELECTOR &&\r\n              column.type !== columnsTypes.STATUS_ACTIVE &&\r\n              column.type !== columnsTypes.ACTION_BUTTONS\r\n            \"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-input>\r\n          <core-column-selector\r\n            *ngIf=\"\r\n              (canFilter && column.type == columnsTypes.STATUS) ||\r\n              (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n            \"\r\n            [titleKey]=\"'title'\"\r\n            [valueKey]=\"'value'\"\r\n            [items]=\"\r\n              column.type == columnsTypes.STATUS\r\n                ? ACTIVE_OPTIONS\r\n                : YES_NO_OPTIONS\r\n            \"\r\n            (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-selector>\r\n        </div>\r\n      </th>\r\n    </tr>\r\n    <tr *ngFor=\"let data of sortedTableData\">\r\n      <td\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n      >\r\n        <app-core-table-column-manager\r\n          *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n          [rowSelector]=\"rowSelector\"\r\n          (onColumnClicked)=\"columnClicked($event)\"\r\n          [allTableData]=\"sortedTableData\"\r\n          [data]=\"data\"\r\n          [column]=\"column\"\r\n        ></app-core-table-column-manager>\r\n        <ng-template #elseBlock>\r\n          <app-core-table-column-manager\r\n            *ngFor=\"let childColumn of column.columns; let i = index\"\r\n            [rowSelector]=\"rowSelector\"\r\n            (onColumnClicked)=\"columnClicked($event)\"\r\n            [data]=\"data\"\r\n            [allTableData]=\"sortedTableData\"\r\n            [column]=\"childColumn\"\r\n          >\r\n            <span *ngIf=\"i > 0\">-</span>\r\n          </app-core-table-column-manager>\r\n        </ng-template>\r\n      </td>\r\n    </tr>\r\n  </table>\r\n  <ng-template #smallDeviceCard>\r\n    <div>\r\n      <core-card\r\n        *ngFor=\"let data of sortedTableData\"\r\n        [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n      >\r\n        <div\r\n          class=\"leading-8\"\r\n          *ngFor=\"let column of activeColumnsSchema()\"\r\n          [class]=\"\r\n            column.type === columnsTypes.ACTION_BUTTONS\r\n              ? 'actionButtons'\r\n              : column.type === columnsTypes.ROW_SELECTOR\r\n              ? 'selectRow'\r\n              : ''\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"\r\n              column.type !== columnsTypes.ACTION_BUTTONS &&\r\n              column.type !== columnsTypes.ROW_SELECTOR\r\n            \"\r\n            class=\"secondary-text-color\"\r\n          >\r\n            {{ column.label }} :\r\n          </span>\r\n          <span class=\"primary-text-color font-semibold\">\r\n            <app-core-table-card-manager\r\n              *ngIf=\"\r\n                column.type != columnsTypes.MULTI_COLUMN;\r\n                else cardManagerElseBlock\r\n              \"\r\n              [rowSelector]=\"rowSelector\"\r\n              (onColumnClicked)=\"columnClicked($event)\"\r\n              [data]=\"data\"\r\n              [allTableData]=\"sortedTableData\"\r\n              [column]=\"column\"\r\n            >\r\n            </app-core-table-card-manager>\r\n\r\n            <ng-template #cardManagerElseBlock>\r\n              <app-core-table-card-manager\r\n                *ngFor=\"let childColumn of column.columns; let i = index\"\r\n                [rowSelector]=\"rowSelector\"\r\n                (onColumnClicked)=\"columnClicked($event)\"\r\n                [data]=\"data\"\r\n                [allTableData]=\"sortedTableData\"\r\n                [column]=\"childColumn\"\r\n              >\r\n                <span *ngIf=\"i > 0\">-</span>\r\n              </app-core-table-card-manager>\r\n            </ng-template>\r\n          </span>\r\n        </div>\r\n      </core-card>\r\n    </div>\r\n  </ng-template>\r\n  <core-table-no-content\r\n    *ngIf=\"!loading\"\r\n    [tableData]=\"sortedTableData\"\r\n    [loading]=\"loading\"\r\n  ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: ["items", "titleKey", "valueKey", "label", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: ["tableData", "loading"] }, { kind: "component", type: SortDownIconComponent, selector: "app-sort-down-icon" }, { kind: "component", type: SortSolidIconComponent, selector: "app-sort-solid-icon" }, { kind: "component", type: SortUpIconComponent, selector: "app-sort-up-icon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n  <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n      >\r\n        <div\r\n          class=\"grid\"\r\n          [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n        >\r\n          <span\r\n            class=\"p-2 relative\"\r\n            (click)=\"sortByHeader(column)\"\r\n            [ngStyle]=\"{\r\n              minWidth:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? column.data.length * 30 + 'px'\r\n                  : '',\r\n              display:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? 'inline-block'\r\n                  : ''\r\n            }\"\r\n            >{{ column.label }}\r\n            <app-sort-down-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n              \"\r\n            ></app-sort-down-icon>\r\n            <app-sort-up-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n              \"\r\n            ></app-sort-up-icon>\r\n            <app-sort-solid-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"sortDetail?.key !== column.key\"\r\n            ></app-sort-solid-icon>\r\n          </span>\r\n          <core-column-date-picker\r\n            *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n            [canSelectToday]=\"true\"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          >\r\n          </core-column-date-picker>\r\n          <core-column-input\r\n            *ngIf=\"\r\n              canFilter &&\r\n              column.type !== columnsTypes.ACTION &&\r\n              column.type !== columnsTypes.STATUS &&\r\n              column.type !== columnsTypes.SHAMSI_DATE &&\r\n              column.type !== columnsTypes.ROW_SELECTOR &&\r\n              column.type !== columnsTypes.STATUS_ACTIVE &&\r\n              column.type !== columnsTypes.ACTION_BUTTONS\r\n            \"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-input>\r\n          <core-column-selector\r\n            *ngIf=\"\r\n              (canFilter && column.type == columnsTypes.STATUS) ||\r\n              (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n            \"\r\n            [titleKey]=\"'title'\"\r\n            [valueKey]=\"'value'\"\r\n            [items]=\"\r\n              column.type == columnsTypes.STATUS\r\n                ? ACTIVE_OPTIONS\r\n                : YES_NO_OPTIONS\r\n            \"\r\n            (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-selector>\r\n        </div>\r\n      </th>\r\n    </tr>\r\n    <tr *ngFor=\"let data of sortedTableData\">\r\n      <td\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n      >\r\n        <app-core-table-column-manager\r\n          *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n          [rowSelector]=\"rowSelector\"\r\n          (onColumnClicked)=\"columnClicked($event)\"\r\n          [data]=\"data\"\r\n          [column]=\"column\"\r\n        ></app-core-table-column-manager>\r\n        <ng-template #elseBlock>\r\n          <app-core-table-column-manager\r\n            *ngFor=\"let childColumn of column.columns; let i = index\"\r\n            [rowSelector]=\"rowSelector\"\r\n            (onColumnClicked)=\"columnClicked($event)\"\r\n            [data]=\"data\"\r\n            [column]=\"childColumn\"\r\n          >\r\n            <span *ngIf=\"i > 0\">-</span>\r\n          </app-core-table-column-manager>\r\n        </ng-template>\r\n      </td>\r\n    </tr>\r\n  </table>\r\n  <ng-template #smallDeviceCard>\r\n    <div>\r\n      <core-card\r\n        *ngFor=\"let data of sortedTableData\"\r\n        [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n      >\r\n        <div\r\n          class=\"leading-8\"\r\n          *ngFor=\"let column of activeColumnsSchema()\"\r\n          [class]=\"\r\n            column.type === columnsTypes.ACTION_BUTTONS\r\n              ? 'actionButtons'\r\n              : column.type === columnsTypes.ROW_SELECTOR\r\n              ? 'selectRow'\r\n              : ''\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"\r\n              column.type !== columnsTypes.ACTION_BUTTONS &&\r\n              column.type !== columnsTypes.ROW_SELECTOR\r\n            \"\r\n            class=\"secondary-text-color\"\r\n          >\r\n            {{ column.label }} :\r\n          </span>\r\n          <span class=\"primary-text-color font-semibold\">\r\n            <app-core-table-card-manager\r\n              *ngIf=\"\r\n                column.type != columnsTypes.MULTI_COLUMN;\r\n                else cardManagerElseBlock\r\n              \"\r\n              [rowSelector]=\"rowSelector\"\r\n              (onColumnClicked)=\"columnClicked($event)\"\r\n              [data]=\"data\"\r\n              [column]=\"column\"\r\n            >\r\n            </app-core-table-card-manager>\r\n\r\n            <ng-template #cardManagerElseBlock>\r\n              <app-core-table-card-manager\r\n                *ngFor=\"let childColumn of column.columns; let i = index\"\r\n                [rowSelector]=\"rowSelector\"\r\n                (onColumnClicked)=\"columnClicked($event)\"\r\n                [data]=\"data\"\r\n                [column]=\"childColumn\"\r\n              >\r\n                <span *ngIf=\"i > 0\">-</span>\r\n              </app-core-table-card-manager>\r\n            </ng-template>\r\n          </span>\r\n        </div>\r\n      </core-card>\r\n    </div>\r\n  </ng-template>\r\n  <core-table-no-content\r\n    *ngIf=\"!loading\"\r\n    [tableData]=\"sortedTableData\"\r\n    [loading]=\"loading\"\r\n  ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"] }]
+            args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n  <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n      >\r\n        <div\r\n          class=\"grid\"\r\n          [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n        >\r\n          <span\r\n            class=\"p-2 relative\"\r\n            (click)=\"sortByHeader(column)\"\r\n            [ngStyle]=\"{\r\n              minWidth:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? column.data.length * 30 + 'px'\r\n                  : '',\r\n              display:\r\n                column.type === columnsTypes.ACTION_BUTTONS\r\n                  ? 'inline-block'\r\n                  : ''\r\n            }\"\r\n            >{{ column.label }}\r\n            <app-sort-down-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n              \"\r\n            ></app-sort-down-icon>\r\n            <app-sort-up-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"\r\n                sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n              \"\r\n            ></app-sort-up-icon>\r\n            <app-sort-solid-icon\r\n              class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n              *ngIf=\"sortDetail?.key !== column.key\"\r\n            ></app-sort-solid-icon>\r\n          </span>\r\n          <core-column-date-picker\r\n            *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n            [canSelectToday]=\"true\"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          >\r\n          </core-column-date-picker>\r\n          <core-column-input\r\n            *ngIf=\"\r\n              canFilter &&\r\n              column.type !== columnsTypes.ACTION &&\r\n              column.type !== columnsTypes.STATUS &&\r\n              column.type !== columnsTypes.SHAMSI_DATE &&\r\n              column.type !== columnsTypes.ROW_SELECTOR &&\r\n              column.type !== columnsTypes.STATUS_ACTIVE &&\r\n              column.type !== columnsTypes.ACTION_BUTTONS\r\n            \"\r\n            (onChange)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-input>\r\n          <core-column-selector\r\n            *ngIf=\"\r\n              (canFilter && column.type == columnsTypes.STATUS) ||\r\n              (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n            \"\r\n            [titleKey]=\"'title'\"\r\n            [valueKey]=\"'value'\"\r\n            [items]=\"\r\n              column.type == columnsTypes.STATUS\r\n                ? ACTIVE_OPTIONS\r\n                : YES_NO_OPTIONS\r\n            \"\r\n            (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n          ></core-column-selector>\r\n        </div>\r\n      </th>\r\n    </tr>\r\n    <tr *ngFor=\"let data of sortedTableData\">\r\n      <td\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n      >\r\n        <app-core-table-column-manager\r\n          *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n          [rowSelector]=\"rowSelector\"\r\n          (onColumnClicked)=\"columnClicked($event)\"\r\n          [allTableData]=\"sortedTableData\"\r\n          [data]=\"data\"\r\n          [column]=\"column\"\r\n        ></app-core-table-column-manager>\r\n        <ng-template #elseBlock>\r\n          <app-core-table-column-manager\r\n            *ngFor=\"let childColumn of column.columns; let i = index\"\r\n            [rowSelector]=\"rowSelector\"\r\n            (onColumnClicked)=\"columnClicked($event)\"\r\n            [data]=\"data\"\r\n            [allTableData]=\"sortedTableData\"\r\n            [column]=\"childColumn\"\r\n          >\r\n            <span *ngIf=\"i > 0\">-</span>\r\n          </app-core-table-column-manager>\r\n        </ng-template>\r\n      </td>\r\n    </tr>\r\n  </table>\r\n  <ng-template #smallDeviceCard>\r\n    <div>\r\n      <core-card\r\n        *ngFor=\"let data of sortedTableData\"\r\n        [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n      >\r\n        <div\r\n          class=\"leading-8\"\r\n          *ngFor=\"let column of activeColumnsSchema()\"\r\n          [class]=\"\r\n            column.type === columnsTypes.ACTION_BUTTONS\r\n              ? 'actionButtons'\r\n              : column.type === columnsTypes.ROW_SELECTOR\r\n              ? 'selectRow'\r\n              : ''\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"\r\n              column.type !== columnsTypes.ACTION_BUTTONS &&\r\n              column.type !== columnsTypes.ROW_SELECTOR\r\n            \"\r\n            class=\"secondary-text-color\"\r\n          >\r\n            {{ column.label }} :\r\n          </span>\r\n          <span class=\"primary-text-color font-semibold\">\r\n            <app-core-table-card-manager\r\n              *ngIf=\"\r\n                column.type != columnsTypes.MULTI_COLUMN;\r\n                else cardManagerElseBlock\r\n              \"\r\n              [rowSelector]=\"rowSelector\"\r\n              (onColumnClicked)=\"columnClicked($event)\"\r\n              [data]=\"data\"\r\n              [allTableData]=\"sortedTableData\"\r\n              [column]=\"column\"\r\n            >\r\n            </app-core-table-card-manager>\r\n\r\n            <ng-template #cardManagerElseBlock>\r\n              <app-core-table-card-manager\r\n                *ngFor=\"let childColumn of column.columns; let i = index\"\r\n                [rowSelector]=\"rowSelector\"\r\n                (onColumnClicked)=\"columnClicked($event)\"\r\n                [data]=\"data\"\r\n                [allTableData]=\"sortedTableData\"\r\n                [column]=\"childColumn\"\r\n              >\r\n                <span *ngIf=\"i > 0\">-</span>\r\n              </app-core-table-card-manager>\r\n            </ng-template>\r\n          </span>\r\n        </div>\r\n      </core-card>\r\n    </div>\r\n  </ng-template>\r\n  <core-table-no-content\r\n    *ngIf=\"!loading\"\r\n    [tableData]=\"sortedTableData\"\r\n    [loading]=\"loading\"\r\n  ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$5.NgxIndexedDBService }]; }, propDecorators: { key: [{
                 type: Input,
                 args: [{ required: false }]