nira-falcon 0.1.26 → 0.1.28

package/fesm2022/nira-falcon.mjs

@@ -8,7 +8,7 @@ import { FormControl, FormGroup, Validators, ReactiveFormsModule, FormsModule }
 import * as i1$2 from 'nira-date-picker';
 import { NiraDatePickerModule } from 'nira-date-picker';
 import { BehaviorSubject } from 'rxjs';
-import { orderBy } from 'lodash';
+import { cloneDeep, orderBy } from 'lodash';
 import * as moment from 'jalali-moment';
 import moment__default from 'jalali-moment';
 import * as i1$4 from 'ngx-indexed-db';
@@ -913,6 +913,7 @@ var UserLanguage;
 var COLUMNS_TYPES;
 (function (COLUMNS_TYPES) {
     COLUMNS_TYPES["TEXT"] = "text";
+    COLUMNS_TYPES["COLOR"] = "color";
     COLUMNS_TYPES["NUMBER"] = "number";
     COLUMNS_TYPES["SELECTOR"] = "selector";
     COLUMNS_TYPES["ROW_SELECTOR"] = "row-selector";
@@ -1295,6 +1296,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class CheckIconComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckIconComponent, selector: "check-icon", ngImport: i0, template: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  height=\"100%\"\n  viewBox=\"0 -960 960 960\"\n  width=\"100%\"\n>\n  <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\n</svg>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'check-icon', template: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  height=\"100%\"\n  viewBox=\"0 -960 960 960\"\n  width=\"100%\"\n>\n  <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\n</svg>\n" }]
+        }] });
+
+class CoreTableColorColumnComponent {
+    get color() {
+        return this.data[this.column.key].startsWith('#')
+            ? this.data[this.column.key]
+            : '#' + this.data[this.column.key];
+    }
+    constructor(niraSnackBar) {
+        this.niraSnackBar = niraSnackBar;
+        this.onColumnValueChanged = new EventEmitter();
+        this.canEdit = false;
+        this.value = '';
+    }
+    setValue() {
+        const newData = cloneDeep(this.data);
+        newData[this.column.key] = this.value;
+        this.onColumnValueChanged.emit(newData);
+        this.canEdit = false;
+    }
+    onColumnClicked(column, data, event) {
+        if (event.ctrlKey && column.editable) {
+            this.value = data;
+            this.canEdit = true;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColorColumnComponent, deps: [{ token: i1$3.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableColorColumnComponent, selector: "core-table-color-column", inputs: { data: "data", column: "column" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<span\n  *ngIf=\"!canEdit\"\n  class=\"shadow-md inline-block rounded-full\"\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\n  style=\"width: 25px; height: 25px\"\n  [style]=\"{ background: color }\"\n></span>\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <input\n    [(ngModel)]=\"value\"\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\n    type=\"color\"\n  />\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColorColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-table-color-column', template: "<span\n  *ngIf=\"!canEdit\"\n  class=\"shadow-md inline-block rounded-full\"\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\n  style=\"width: 25px; height: 25px\"\n  [style]=\"{ background: color }\"\n></span>\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <input\n    [(ngModel)]=\"value\"\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\n    type=\"color\"\n  />\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], column: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onColumnValueChanged: [{
+                type: Output
+            }] } });
+
 class CoreTableActionButtonsColumnComponent {
     constructor() {
         this.onClick = new EventEmitter();
@@ -1474,18 +1524,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CoreTableStatusColumnComponent {
+    constructor() {
+        this.onColumnValueChanged = new EventEmitter();
+        this.canEdit = false;
+        this.value = false;
+        this.radioButtonData = [
+            { value: true, title: 'فعال' },
+            { value: false, title: 'غیر فعال' },
+        ];
+    }
+    onChange(event) {
+        this.value = event === 'true' ? true : false;
+    }
+    setValue() {
+        const newData = cloneDeep(this.data);
+        newData[this.column.key] = this.value;
+        this.onColumnValueChanged.emit(newData);
+        this.canEdit = false;
+    }
+    onColumnClicked(column, data, event) {
+        if (event.ctrlKey && column.editable) {
+            this.value = data;
+            this.canEdit = true;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n  {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<b\n  [ngClass]=\"data[column.key] ? 'active' : 'deActive'\"\n  *ngIf=\"!canEdit\"\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\n>\n  {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <core-radio-buttons\n    class=\"flex-1 min-width-radio\"\n    [titleKey]=\"'title'\"\n    [valueKey]=\"'value'\"\n    [layout]=\"'row'\"\n    [name]=\"'r1'\"\n    [defaultValue]=\"data[column.key]\"\n    [items]=\"radioButtonData\"\n    (onChange)=\"onChange($event)\"\n  >\n  </core-radio-buttons>\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}.min-width-radio{min-width:132px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreRadioButtonsComponent, selector: "core-radio-buttons", inputs: ["items", "defaultValue", "titleKey", "valueKey", "layout", "name"], outputs: ["onChange"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n  {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
+            args: [{ selector: 'app-core-table-status-column', template: "<b\n  [ngClass]=\"data[column.key] ? 'active' : 'deActive'\"\n  *ngIf=\"!canEdit\"\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\n>\n  {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <core-radio-buttons\n    class=\"flex-1 min-width-radio\"\n    [titleKey]=\"'title'\"\n    [valueKey]=\"'value'\"\n    [layout]=\"'row'\"\n    [name]=\"'r1'\"\n    [defaultValue]=\"data[column.key]\"\n    [items]=\"radioButtonData\"\n    (onChange)=\"onChange($event)\"\n  >\n  </core-radio-buttons>\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}.min-width-radio{min-width:132px}\n"] }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
             }], column: [{
                 type: Input,
                 args: [{ required: true }]
+            }], onColumnValueChanged: [{
+                type: Output
             }] } });
 
 class CaretUpIconComponent {
@@ -1543,20 +1619,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CoreTableStatusActiveColumnComponent {
-    ngOnInit() {
+    constructor() {
+        this.onColumnValueChanged = new EventEmitter();
+        this.canEdit = false;
+        this.value = false;
+        this.radioButtonData = [
+            { value: true, title: 'بلی' },
+            { value: false, title: 'خیر' },
+        ];
+    }
+    onChange(event) {
+        this.value = event === 'true' ? true : false;
+    }
+    setValue() {
+        const newData = cloneDeep(this.data);
+        newData[this.column.key] = this.value;
+        this.onColumnValueChanged.emit(newData);
+        this.canEdit = false;
+    }
+    onColumnClicked(column, data, event) {
+        if (event.ctrlKey && column.editable) {
+            this.value = data;
+            this.canEdit = true;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusActiveColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\r\n  {{ data[column.key] ? \"\u0628\u0644\u06CC\" : \"\u062E\u06CC\u0631\" }}\r\n</b>\r\n", styles: [".active{background:#d9f8eb;color:#00894f;border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:#ac5a2b;background:#fde6d8;border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: { data: "data", column: "column" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<b\r\n  *ngIf=\"!canEdit\"\r\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\r\n  [ngClass]=\"data[column.key] ? 'active' : 'deActive'\"\r\n>\r\n  {{ data[column.key] ? \"\u0628\u0644\u06CC\" : \"\u062E\u06CC\u0631\" }}\r\n</b>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <core-radio-buttons\r\n    class=\"flex-1\"\r\n    [titleKey]=\"'title'\"\r\n    [valueKey]=\"'value'\"\r\n    [layout]=\"'row'\"\r\n    [name]=\"'r1'\"\r\n    [defaultValue]=\"data[column.key]\"\r\n    [items]=\"radioButtonData\"\r\n    (onChange)=\"onChange($event)\"\r\n  >\r\n  </core-radio-buttons>\r\n  <check-icon\r\n    (click)=\"setValue()\"\r\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\r\n  ></check-icon>\r\n  <close-icon\r\n    (click)=\"canEdit = false\"\r\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\r\n  ></close-icon>\r\n</div>\r\n", styles: [".active{background:#d9f8eb;color:#00894f;border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:#ac5a2b;background:#fde6d8;border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreRadioButtonsComponent, selector: "core-radio-buttons", inputs: ["items", "defaultValue", "titleKey", "valueKey", "layout", "name"], outputs: ["onChange"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusActiveColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-status-active-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\r\n  {{ data[column.key] ? \"\u0628\u0644\u06CC\" : \"\u062E\u06CC\u0631\" }}\r\n</b>\r\n", styles: [".active{background:#d9f8eb;color:#00894f;border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:#ac5a2b;background:#fde6d8;border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
+            args: [{ selector: 'app-core-table-status-active-column', template: "<b\r\n  *ngIf=\"!canEdit\"\r\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\r\n  [ngClass]=\"data[column.key] ? 'active' : 'deActive'\"\r\n>\r\n  {{ data[column.key] ? \"\u0628\u0644\u06CC\" : \"\u062E\u06CC\u0631\" }}\r\n</b>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <core-radio-buttons\r\n    class=\"flex-1\"\r\n    [titleKey]=\"'title'\"\r\n    [valueKey]=\"'value'\"\r\n    [layout]=\"'row'\"\r\n    [name]=\"'r1'\"\r\n    [defaultValue]=\"data[column.key]\"\r\n    [items]=\"radioButtonData\"\r\n    (onChange)=\"onChange($event)\"\r\n  >\r\n  </core-radio-buttons>\r\n  <check-icon\r\n    (click)=\"setValue()\"\r\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\r\n  ></check-icon>\r\n  <close-icon\r\n    (click)=\"canEdit = false\"\r\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\r\n  ></close-icon>\r\n</div>\r\n", styles: [".active{background:#d9f8eb;color:#00894f;border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:#ac5a2b;background:#fde6d8;border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
             }], column: [{
                 type: Input,
                 args: [{ required: true }]
+            }], onColumnValueChanged: [{
+                type: Output
             }] } });
 
 class PelakIconComponent {
@@ -1609,7 +1709,7 @@ class CoreTableCardManagerComponent {
         }
     }
     onTextColumnClicked(column, data) {
-        if (!column.coptToClipboard)
+        if (!column.copyToClipboard)
             return;
         navigator.clipboard
             .writeText(data)
@@ -1631,11 +1731,11 @@ class CoreTableCardManagerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, deps: [{ token: i1$3.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", 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" }] }); }
+    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  <core-table-color-column\r\n    *ngSwitchCase=\"columnsTypes.COLOR\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-color-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.copyToClipboard }\"\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: CoreTableColorColumnComponent, selector: "core-table-color-column", inputs: ["data", "column"], outputs: ["onColumnValueChanged"] }, { 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"], outputs: ["onColumnValueChanged"] }, { 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"], outputs: ["onColumnValueChanged"] }, { 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    [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" }]
+            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  <core-table-color-column\r\n    *ngSwitchCase=\"columnsTypes.COLOR\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-color-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.copyToClipboard }\"\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$3.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -1652,6 +1752,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+class CoreTableTextColumnComponent {
+    constructor(niraSnackBar) {
+        this.niraSnackBar = niraSnackBar;
+        this.onColumnValueChanged = new EventEmitter();
+        this.canEdit = false;
+        this.value = '';
+    }
+    setValue() {
+        const newData = cloneDeep(this.data);
+        newData[this.column.key] = this.value;
+        this.onColumnValueChanged.emit(newData);
+        this.canEdit = false;
+    }
+    onTextColumnClicked(column, data, event) {
+        if (event.ctrlKey && column.editable) {
+            this.value = data;
+            this.canEdit = true;
+        }
+        else if (column.copyToClipboard) {
+            navigator.clipboard
+                .writeText(data)
+                .then((e) => {
+                this.niraSnackBar.show('با موفقیت کپی شد', {
+                    statusClass: 'success',
+                    duration: 3000,
+                });
+            })
+                .catch((e) => console.error(e));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableTextColumnComponent, deps: [{ token: i1$3.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableTextColumnComponent, selector: "core-table-text-column", inputs: { data: "data", column: "column" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<span\n  *ngIf=\"!canEdit\"\n  [ngClass]=\"{ 'cursor-pointer': column.copyToClipboard }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{ data[column.key] | persianDigits }}</span\n>\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <input\n    [(ngModel)]=\"value\"\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\n    type=\"text\"\n  />\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\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: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableTextColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-table-text-column', template: "<span\n  *ngIf=\"!canEdit\"\n  [ngClass]=\"{ 'cursor-pointer': column.copyToClipboard }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{ data[column.key] | persianDigits }}</span\n>\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <input\n    [(ngModel)]=\"value\"\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\n    type=\"text\"\n  />\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], column: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onColumnValueChanged: [{
+                type: Output
+            }] } });
+
+class CoreTableNumberColumnComponent {
+    constructor(niraSnackBar) {
+        this.niraSnackBar = niraSnackBar;
+        this.onColumnValueChanged = new EventEmitter();
+        this.canEdit = false;
+        this.value = '';
+    }
+    setValue() {
+        const newData = cloneDeep(this.data);
+        newData[this.column.key] = this.value;
+        this.onColumnValueChanged.emit(newData);
+        this.canEdit = false;
+    }
+    onTextColumnClicked(column, data, event) {
+        if (event.ctrlKey && column.editable) {
+            this.value = data;
+            this.canEdit = true;
+        }
+        else if (column.copyToClipboard) {
+            navigator.clipboard
+                .writeText(data)
+                .then((e) => {
+                this.niraSnackBar.show('با موفقیت کپی شد', {
+                    statusClass: 'success',
+                    duration: 3000,
+                });
+            })
+                .catch((e) => console.error(e));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableNumberColumnComponent, deps: [{ token: i1$3.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableNumberColumnComponent, selector: "core-table-number-column", inputs: { data: "data", column: "column" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<span\n  *ngIf=\"!canEdit\"\n  [ngClass]=\"{\n    'cursor-pointer': column.copyToClipboard,\n    green: data[column.key] > 0 && column.canColorfulNumber,\n    red: data[column.key] < 0 && column.canColorfulNumber\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n>\n  <app-core-number\n    [number]=\"data[column.key]\"\n    [type]=\"'number'\"\n    [canSplitNumbers]=\"true\"\n    [canShowWordInToolTip]=\"true\"\n  >\n  </app-core-number>\n</span>\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <input\n    [(ngModel)]=\"value\"\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\n    type=\"text\"\n  />\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\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: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableNumberColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-table-number-column', template: "<span\n  *ngIf=\"!canEdit\"\n  [ngClass]=\"{\n    'cursor-pointer': column.copyToClipboard,\n    green: data[column.key] > 0 && column.canColorfulNumber,\n    red: data[column.key] < 0 && column.canColorfulNumber\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n>\n  <app-core-number\n    [number]=\"data[column.key]\"\n    [type]=\"'number'\"\n    [canSplitNumbers]=\"true\"\n    [canShowWordInToolTip]=\"true\"\n  >\n  </app-core-number>\n</span>\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <input\n    [(ngModel)]=\"value\"\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\n    type=\"text\"\n  />\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], column: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onColumnValueChanged: [{
+                type: Output
+            }] } });
+
+class CoreTableSelectorColumnComponent {
+    constructor(niraSnackBar) {
+        this.niraSnackBar = niraSnackBar;
+        this.onColumnValueChanged = new EventEmitter();
+        this.canEdit = false;
+    }
+    onChange(event) {
+        this.value = event;
+    }
+    setValue() {
+        const newData = cloneDeep(this.data);
+        newData[this.column.key] = this.value;
+        this.onColumnValueChanged.emit(newData);
+        this.canEdit = false;
+    }
+    onTextColumnClicked(column, data, event) {
+        if (event.ctrlKey && column.editable) {
+            this.value = data;
+            this.canEdit = true;
+        }
+        else if (column.copyToClipboard) {
+            navigator.clipboard
+                .writeText(data)
+                .then((e) => {
+                this.niraSnackBar.show('با موفقیت کپی شد', {
+                    statusClass: 'success',
+                    duration: 3000,
+                });
+            })
+                .catch((e) => console.error(e));
+        }
+    }
+    getSelectorData(data, key) {
+        if (!key) {
+            return '';
+        }
+        const split = key.split('.');
+        if (split.length === 1) {
+            return data[key];
+        }
+        else {
+            let newData = data;
+            split.forEach((newKey) => {
+                newData = newData[newKey];
+            });
+            return newData;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableSelectorColumnComponent, deps: [{ token: i1$3.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableSelectorColumnComponent, selector: "core-table-selector-column", inputs: { data: "data", column: "column" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<span\n  *ngIf=\"!canEdit && data[column.key.split('.')[0]]\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{\n    getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\n      | persianDigits\n  }}</span\n>\n\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <core-select\n    class=\"block mx-4 w-80\"\n    [titleKey]=\"column.data.key\"\n    [valueKey]=\"column.data.value\"\n    [items]=\"column.data.editableData | async\"\n    (onItemSelected)=\"onChange($event)\"\n  ></core-select>\n\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreSelectComponent, selector: "core-select", inputs: ["titleKey", "valueKey", "size", "canHighlightBackground", "items", "defaultValue", "label", "disabled", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableSelectorColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-table-selector-column', template: "<span\n  *ngIf=\"!canEdit && data[column.key.split('.')[0]]\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{\n    getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\n      | persianDigits\n  }}</span\n>\n\n<div class=\"flex\" *ngIf=\"canEdit\">\n  <core-select\n    class=\"block mx-4 w-80\"\n    [titleKey]=\"column.data.key\"\n    [valueKey]=\"column.data.value\"\n    [items]=\"column.data.editableData | async\"\n    (onItemSelected)=\"onChange($event)\"\n  ></core-select>\n\n  <check-icon\n    (click)=\"setValue()\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></check-icon>\n  <close-icon\n    (click)=\"canEdit = false\"\n    class=\"cursor-pointer inline-block w-5 h-5 m-1\"\n  ></close-icon>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], column: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onColumnValueChanged: [{
+                type: Output
+            }] } });
+
 class CoreTableDetailViewerForReportComponent {
     get detailViewers() {
         return this.column.data.detailViewers;
@@ -1685,6 +1941,7 @@ class CoreTableColumnManagerComponent {
         this.niraSnackBar = niraSnackBar;
         this.rowSelector = undefined;
         this.onColumnClicked = new EventEmitter();
+        this.onColumnValueChanged = new EventEmitter();
     }
     getSelectorData(data, key) {
         if (!key) {
@@ -1703,7 +1960,7 @@ class CoreTableColumnManagerComponent {
         }
     }
     onTextColumnClicked(column, data) {
-        if (!column.coptToClipboard)
+        if (!column.copyToClipboard)
             return;
         navigator.clipboard
             .writeText(data)
@@ -1718,6 +1975,9 @@ class CoreTableColumnManagerComponent {
     clicked(val) {
         this.onColumnClicked.emit(val);
     }
+    columnValueChanged(val) {
+        this.onColumnValueChanged.emit(val);
+    }
     combinedData(detailViewer, data) {
         return {
             detailViewer: detailViewer,
@@ -1725,11 +1985,11 @@ class CoreTableColumnManagerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, deps: [{ token: i1$3.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", 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" }] }); }
+    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", onColumnValueChanged: "onColumnValueChanged" }, 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    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n  ></app-core-table-status-active-column>\r\n\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\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\r\n  <core-table-color-column\r\n    *ngSwitchCase=\"columnsTypes.COLOR\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-color-column>\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\r\n  <core-table-text-column\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n  >\r\n  </core-table-text-column>\r\n\r\n  <core-table-number-column\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n  >\r\n  </core-table-number-column>\r\n\r\n  <core-table-selector-column\r\n    *ngSwitchCase=\"columnsTypes.SELECTOR\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\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  </core-table-selector-column>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableColorColumnComponent, selector: "core-table-color-column", inputs: ["data", "column"], outputs: ["onColumnValueChanged"] }, { 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: CoreTableTextColumnComponent, selector: "core-table-text-column", inputs: ["data", "column"], outputs: ["onColumnValueChanged"] }, { kind: "component", type: CoreTableNumberColumnComponent, selector: "core-table-number-column", inputs: ["data", "column"], outputs: ["onColumnValueChanged"] }, { kind: "component", type: CoreTableSelectorColumnComponent, selector: "core-table-selector-column", inputs: ["data", "column"], outputs: ["onColumnValueChanged"] }, { 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"], outputs: ["onColumnValueChanged"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"], outputs: ["onColumnValueChanged"] }, { 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"] }] }); }
 }
 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    [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" }]
+            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    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n  ></app-core-table-status-active-column>\r\n\r\n  <app-core-table-status-column\r\n    *ngSwitchCase=\"columnsTypes.STATUS\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\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\r\n  <core-table-color-column\r\n    *ngSwitchCase=\"columnsTypes.COLOR\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n  ></core-table-color-column>\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\r\n  <core-table-text-column\r\n    *ngSwitchCase=\"columnsTypes.TEXT\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n  >\r\n  </core-table-text-column>\r\n\r\n  <core-table-number-column\r\n    *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n    tableDetailViewerManager\r\n    [detailViewerData]=\"\r\n      combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n    \"\r\n  >\r\n  </core-table-number-column>\r\n\r\n  <core-table-selector-column\r\n    *ngSwitchCase=\"columnsTypes.SELECTOR\"\r\n    [data]=\"data\"\r\n    [column]=\"column\"\r\n    (onColumnValueChanged)=\"columnValueChanged($event)\"\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  </core-table-selector-column>\r\n</container-element>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -1744,6 +2004,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: [{ required: false }]
             }], onColumnClicked: [{
                 type: Output
+            }], onColumnValueChanged: [{
+                type: Output
             }] } });
 
 const Label = {
@@ -1823,6 +2085,7 @@ class CoreTableComponent {
         this.canFilter = false;
         this.rowSelector = undefined;
         this.onColumnClicked = new EventEmitter();
+        this.onColumnValueChanged = new EventEmitter();
         this.ACTIVE_OPTIONS = ACTIVE_OPTIONS;
         this.YES_NO_OPTIONS = YES_NO_OPTIONS;
         this.sortedTableData = [];
@@ -1855,6 +2118,9 @@ class CoreTableComponent {
     columnClicked(val) {
         this.onColumnClicked.emit(val);
     }
+    columnValueChanged(val) {
+        this.onColumnValueChanged.emit(val);
+    }
     sortByHeader(column) {
         if (this.sortDetail && this.sortDetail.key == column.key) {
             if (this.sortDetail.sort == 'desc') {
@@ -1941,11 +2207,11 @@ class CoreTableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, deps: [{ token: i1$4.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          [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", "isDatePicker", "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" }] }); }
+    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", onColumnValueChanged: "onColumnValueChanged" }, 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.COLOR &&\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          (onColumnValueChanged)=\"columnValueChanged($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", "isDatePicker", "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", "onColumnValueChanged"] }, { 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          [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"] }]
+            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.COLOR &&\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          (onColumnValueChanged)=\"columnValueChanged($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$4.NgxIndexedDBService }]; }, propDecorators: { key: [{
                 type: Input,
                 args: [{ required: false }]
@@ -1971,6 +2237,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: [{ required: false }]
             }], onColumnClicked: [{
                 type: Output
+            }], onColumnValueChanged: [{
+                type: Output
             }] } });
 
 class CoreTableFilterDialogComponent {
@@ -2675,6 +2943,7 @@ class FalconLibModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, declarations: [CoreAutoCompleteComponent,
             CoreBtnComponent,
             CoreSearchBoxComponent,
+            CoreTableColorColumnComponent,
             CoreCheckboxComponent,
             CoreDatePickerComponent,
             CoreConfirmDialogComponent,
@@ -2695,6 +2964,9 @@ class FalconLibModule {
             CoreTableCardManagerComponent,
             CoreTableColumnManagerComponent,
             CoreTableFilterDialogComponent,
+            CoreTableTextColumnComponent,
+            CoreTableNumberColumnComponent,
+            CoreTableSelectorColumnComponent,
             CoreTableNoContentComponent,
             CoreTableRowSelectorColumnComponent,
             CoreTableShamsiDateComponent,
@@ -2711,6 +2983,7 @@ class FalconLibModule {
             ShamsiDatePipe,
             WeightPipe,
             SearchIconComponent,
+            CheckIconComponent,
             CloseIconComponent,
             WarningIconComponent,
             EditSquareIconComponent,
@@ -2769,6 +3042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CoreAutoCompleteComponent,
                         CoreBtnComponent,
                         CoreSearchBoxComponent,
+                        CoreTableColorColumnComponent,
                         CoreCheckboxComponent,
                         CoreDatePickerComponent,
                         CoreConfirmDialogComponent,
@@ -2789,6 +3063,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CoreTableCardManagerComponent,
                         CoreTableColumnManagerComponent,
                         CoreTableFilterDialogComponent,
+                        CoreTableTextColumnComponent,
+                        CoreTableNumberColumnComponent,
+                        CoreTableSelectorColumnComponent,
                         CoreTableNoContentComponent,
                         CoreTableRowSelectorColumnComponent,
                         CoreTableShamsiDateComponent,
@@ -2805,6 +3082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ShamsiDatePipe,
                         WeightPipe,
                         SearchIconComponent,
+                        CheckIconComponent,
                         CloseIconComponent,
                         WarningIconComponent,
                         EditSquareIconComponent,