nira-falcon 0.1.66 → 0.1.67

package/esm2022/lib/core-table/core-table-text-column/core-table-text-column.component.mjs

@@ -38,11 +38,11 @@ export class CoreTableTextColumnComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableTextColumnComponent, deps: [{ token: i1.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]=\"{\n    'cursor-pointer': column.copyToClipboard,\n    'mouse-edit-cursor': column.editable\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{\n    column?.data?.enDigitsToFa === false\n      ? data[column.key]\n      : (data[column.key] | persianDigits)\n  }}</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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.CheckIconComponent, selector: "check-icon" }, { kind: "component", type: i5.CloseIconComponent, selector: "close-icon" }, { kind: "pipe", type: i6.PersianDigitsPipe, name: "persianDigits" }] }); }
+    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\r\n  *ngIf=\"!canEdit\"\r\n  [ngClass]=\"{\r\n    'cursor-pointer': column.copyToClipboard,\r\n    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n  >{{\r\n    column?.data?.enDigitsToFa === false\r\n      ? data[column.key]\r\n      : (data[column.key] | persianDigits)\r\n  }}</span\r\n>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"text\"\r\n  />\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: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.CheckIconComponent, selector: "check-icon" }, { kind: "component", type: i5.CloseIconComponent, selector: "close-icon" }, { kind: "pipe", type: i6.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]=\"{\n    'cursor-pointer': column.copyToClipboard,\n    'mouse-edit-cursor': column.editable\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{\n    column?.data?.enDigitsToFa === false\n      ? data[column.key]\n      : (data[column.key] | persianDigits)\n  }}</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" }]
+            args: [{ selector: 'core-table-text-column', template: "<span\r\n  *ngIf=\"!canEdit\"\r\n  [ngClass]=\"{\r\n    'cursor-pointer': column.copyToClipboard,\r\n    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n  >{{\r\n    column?.data?.enDigitsToFa === false\r\n      ? data[column.key]\r\n      : (data[column.key] | persianDigits)\r\n  }}</span\r\n>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"text\"\r\n  />\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" }]
         }], ctorParameters: function () { return [{ type: i1.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onColumnValueChanged: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS10ZXh0LWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS10YWJsZS9jb3JlLXRhYmxlLXRleHQtY29sdW1uL2NvcmUtdGFibGUtdGV4dC1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS10ZXh0LWNvbHVtbi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7Ozs7QUFRbkMsTUFBTSxPQUFPLDRCQUE0QjtJQVF2QyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFMM0MseUJBQW9CLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdkUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixVQUFLLEdBQUcsRUFBRSxDQUFDO0lBRTZDLENBQUM7SUFFekQsUUFBUTtRQUNOLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN0QyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxNQUFXLEVBQUUsSUFBWSxFQUFFLEtBQWlCO1FBQzlELElBQUksS0FBSyxDQUFDLE9BQU8sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1NBQ3JCO2FBQU0sSUFBSSxNQUFNLENBQUMsZUFBZSxFQUFFO1lBQ2pDLFNBQVMsQ0FBQyxTQUFTO2lCQUNoQixTQUFTLENBQUMsSUFBSSxDQUFDO2lCQUNmLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFO29CQUN6QyxXQUFXLEVBQUUsU0FBUztvQkFDdEIsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDO2lCQUNELEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQzsrR0FoQ1UsNEJBQTRCO21HQUE1Qiw0QkFBNEIscUtDVHpDLDB1QkE0QkE7OzRGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzBHQUtQLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNmLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjbG9uZURlZXAgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgTmlyYVNuYWNrQmFyU2VydmljZSB9IGZyb20gJ25pcmEtc25hY2stYmFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29yZS10YWJsZS10ZXh0LWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS10YWJsZS10ZXh0LWNvbHVtbi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvcmVUYWJsZVRleHRDb2x1bW5Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBkYXRhITogYW55O1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBjb2x1bW4hOiBhbnk7XG4gIEBPdXRwdXQoKSBvbkNvbHVtblZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY2FuRWRpdCA9IGZhbHNlO1xuICB2YWx1ZSA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmlyYVNuYWNrQmFyOiBOaXJhU25hY2tCYXJTZXJ2aWNlKSB7fVxuXG4gIHNldFZhbHVlKCkge1xuICAgIGNvbnN0IG5ld0RhdGEgPSBjbG9uZURlZXAodGhpcy5kYXRhKTtcbiAgICBuZXdEYXRhW3RoaXMuY29sdW1uLmtleV0gPSB0aGlzLnZhbHVlO1xuICAgIHRoaXMub25Db2x1bW5WYWx1ZUNoYW5nZWQuZW1pdChuZXdEYXRhKTtcbiAgICB0aGlzLmNhbkVkaXQgPSBmYWxzZTtcbiAgfVxuXG4gIG9uVGV4dENvbHVtbkNsaWNrZWQoY29sdW1uOiBhbnksIGRhdGE6IHN0cmluZywgZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAoZXZlbnQuY3RybEtleSAmJiBjb2x1bW4uZWRpdGFibGUpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBkYXRhO1xuICAgICAgdGhpcy5jYW5FZGl0ID0gdHJ1ZTtcbiAgICB9IGVsc2UgaWYgKGNvbHVtbi5jb3B5VG9DbGlwYm9hcmQpIHtcbiAgICAgIG5hdmlnYXRvci5jbGlwYm9hcmRcbiAgICAgICAgLndyaXRlVGV4dChkYXRhKVxuICAgICAgICAudGhlbigoZSkgPT4ge1xuICAgICAgICAgIHRoaXMubmlyYVNuYWNrQmFyLnNob3coJ9io2Kcg2YXZiNmB2YLbjNiqINqp2b7bjCDYtNivJywge1xuICAgICAgICAgICAgc3RhdHVzQ2xhc3M6ICdzdWNjZXNzJyxcbiAgICAgICAgICAgIGR1cmF0aW9uOiAzMDAwLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9KVxuICAgICAgICAuY2F0Y2goKGUpID0+IGNvbnNvbGUuZXJyb3IoZSkpO1xuICAgIH1cbiAgfVxufVxuIiwiPHNwYW5cbiAgKm5nSWY9XCIhY2FuRWRpdFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnY3Vyc29yLXBvaW50ZXInOiBjb2x1bW4uY29weVRvQ2xpcGJvYXJkLFxuICAgICdtb3VzZS1lZGl0LWN1cnNvcic6IGNvbHVtbi5lZGl0YWJsZVxuICB9XCJcbiAgKGNsaWNrKT1cIm9uVGV4dENvbHVtbkNsaWNrZWQoY29sdW1uLCBkYXRhW2NvbHVtbi5rZXldLCAkZXZlbnQpXCJcbiAgPnt7XG4gICAgY29sdW1uPy5kYXRhPy5lbkRpZ2l0c1RvRmEgPT09IGZhbHNlXG4gICAgICA/IGRhdGFbY29sdW1uLmtleV1cbiAgICAgIDogKGRhdGFbY29sdW1uLmtleV0gfCBwZXJzaWFuRGlnaXRzKVxuICB9fTwvc3BhblxuPlxuPGRpdiBjbGFzcz1cImZsZXhcIiAqbmdJZj1cImNhbkVkaXRcIj5cbiAgPGlucHV0XG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgY2xhc3M9XCJyb3VuZGVkLXNtIGgtNyBweC0yIGJvcmRlci1zbGF0ZS03MDBcIlxuICAgIHR5cGU9XCJ0ZXh0XCJcbiAgLz5cbiAgPGNoZWNrLWljb25cbiAgICAoY2xpY2spPVwic2V0VmFsdWUoKVwiXG4gICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlciBpbmxpbmUtYmxvY2sgdy01IGgtNSBtLTFcIlxuICA+PC9jaGVjay1pY29uPlxuICA8Y2xvc2UtaWNvblxuICAgIChjbGljayk9XCJjYW5FZGl0ID0gZmFsc2VcIlxuICAgIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXIgaW5saW5lLWJsb2NrIHctNSBoLTUgbS0xXCJcbiAgPjwvY2xvc2UtaWNvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS10ZXh0LWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS10YWJsZS9jb3JlLXRhYmxlLXRleHQtY29sdW1uL2NvcmUtdGFibGUtdGV4dC1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS10ZXh0LWNvbHVtbi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7Ozs7QUFRbkMsTUFBTSxPQUFPLDRCQUE0QjtJQVF2QyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFMM0MseUJBQW9CLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdkUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixVQUFLLEdBQUcsRUFBRSxDQUFDO0lBRTZDLENBQUM7SUFFekQsUUFBUTtRQUNOLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN0QyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxNQUFXLEVBQUUsSUFBWSxFQUFFLEtBQWlCO1FBQzlELElBQUksS0FBSyxDQUFDLE9BQU8sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1NBQ3JCO2FBQU0sSUFBSSxNQUFNLENBQUMsZUFBZSxFQUFFO1lBQ2pDLFNBQVMsQ0FBQyxTQUFTO2lCQUNoQixTQUFTLENBQUMsSUFBSSxDQUFDO2lCQUNmLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFO29CQUN6QyxXQUFXLEVBQUUsU0FBUztvQkFDdEIsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDO2lCQUNELEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQzsrR0FoQ1UsNEJBQTRCO21HQUE1Qiw0QkFBNEIscUtDVHpDLGt5QkE0QkE7OzRGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzBHQUtQLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNmLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IE5pcmFTbmFja0JhclNlcnZpY2UgfSBmcm9tICduaXJhLXNuYWNrLWJhcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtdGFibGUtdGV4dC1jb2x1bW4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVUYWJsZVRleHRDb2x1bW5Db21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGRhdGEhOiBhbnk7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY29sdW1uITogYW55O1xyXG4gIEBPdXRwdXQoKSBvbkNvbHVtblZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNhbkVkaXQgPSBmYWxzZTtcclxuICB2YWx1ZSA9ICcnO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5pcmFTbmFja0JhcjogTmlyYVNuYWNrQmFyU2VydmljZSkge31cclxuXHJcbiAgc2V0VmFsdWUoKSB7XHJcbiAgICBjb25zdCBuZXdEYXRhID0gY2xvbmVEZWVwKHRoaXMuZGF0YSk7XHJcbiAgICBuZXdEYXRhW3RoaXMuY29sdW1uLmtleV0gPSB0aGlzLnZhbHVlO1xyXG4gICAgdGhpcy5vbkNvbHVtblZhbHVlQ2hhbmdlZC5lbWl0KG5ld0RhdGEpO1xyXG4gICAgdGhpcy5jYW5FZGl0ID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBvblRleHRDb2x1bW5DbGlja2VkKGNvbHVtbjogYW55LCBkYXRhOiBzdHJpbmcsIGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICBpZiAoZXZlbnQuY3RybEtleSAmJiBjb2x1bW4uZWRpdGFibGUpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IGRhdGE7XHJcbiAgICAgIHRoaXMuY2FuRWRpdCA9IHRydWU7XHJcbiAgICB9IGVsc2UgaWYgKGNvbHVtbi5jb3B5VG9DbGlwYm9hcmQpIHtcclxuICAgICAgbmF2aWdhdG9yLmNsaXBib2FyZFxyXG4gICAgICAgIC53cml0ZVRleHQoZGF0YSlcclxuICAgICAgICAudGhlbigoZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5uaXJhU25hY2tCYXIuc2hvdygn2KjYpyDZhdmI2YHZgtuM2Kog2qnZvtuMINi02K8nLCB7XHJcbiAgICAgICAgICAgIHN0YXR1c0NsYXNzOiAnc3VjY2VzcycsXHJcbiAgICAgICAgICAgIGR1cmF0aW9uOiAzMDAwLFxyXG4gICAgICAgICAgfSk7XHJcbiAgICAgICAgfSlcclxuICAgICAgICAuY2F0Y2goKGUpID0+IGNvbnNvbGUuZXJyb3IoZSkpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8c3BhblxyXG4gICpuZ0lmPVwiIWNhbkVkaXRcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdjdXJzb3ItcG9pbnRlcic6IGNvbHVtbi5jb3B5VG9DbGlwYm9hcmQsXHJcbiAgICAnbW91c2UtZWRpdC1jdXJzb3InOiBjb2x1bW4uZWRpdGFibGVcclxuICB9XCJcclxuICAoY2xpY2spPVwib25UZXh0Q29sdW1uQ2xpY2tlZChjb2x1bW4sIGRhdGFbY29sdW1uLmtleV0sICRldmVudClcIlxyXG4gID57e1xyXG4gICAgY29sdW1uPy5kYXRhPy5lbkRpZ2l0c1RvRmEgPT09IGZhbHNlXHJcbiAgICAgID8gZGF0YVtjb2x1bW4ua2V5XVxyXG4gICAgICA6IChkYXRhW2NvbHVtbi5rZXldIHwgcGVyc2lhbkRpZ2l0cylcclxuICB9fTwvc3BhblxyXG4+XHJcbjxkaXYgY2xhc3M9XCJmbGV4XCIgKm5nSWY9XCJjYW5FZGl0XCI+XHJcbiAgPGlucHV0XHJcbiAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgIGNsYXNzPVwicm91bmRlZC1zbSBoLTcgcHgtMiBib3JkZXItc2xhdGUtNzAwXCJcclxuICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAvPlxyXG4gIDxjaGVjay1pY29uXHJcbiAgICAoY2xpY2spPVwic2V0VmFsdWUoKVwiXHJcbiAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyIGlubGluZS1ibG9jayB3LTUgaC01IG0tMVwiXHJcbiAgPjwvY2hlY2staWNvbj5cclxuICA8Y2xvc2UtaWNvblxyXG4gICAgKGNsaWNrKT1cImNhbkVkaXQgPSBmYWxzZVwiXHJcbiAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyIGlubGluZS1ibG9jayB3LTUgaC01IG0tMVwiXHJcbiAgPjwvY2xvc2UtaWNvbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/svg-icon/check-icon/check-icon.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export 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: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckIconComponent, selector: "check-icon", ngImport: i0, template: "<svg\r\n  xmlns=\"http://www.w3.org/2000/svg\"\r\n  height=\"100%\"\r\n  viewBox=\"0 -960 960 960\"\r\n  width=\"100%\"\r\n>\r\n  <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\r\n</svg>\r\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" }]
+            args: [{ selector: 'check-icon', template: "<svg\r\n  xmlns=\"http://www.w3.org/2000/svg\"\r\n  height=\"100%\"\r\n  viewBox=\"0 -960 960 960\"\r\n  width=\"100%\"\r\n>\r\n  <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\r\n</svg>\r\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2staWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9zdmctaWNvbi9jaGVjay1pY29uL2NoZWNrLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvc3ZnLWljb24vY2hlY2staWNvbi9jaGVjay1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtEQ1AvQixzTUFRQTs7NEZERGEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2hlY2staWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVjay1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2staWNvbi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrSWNvbkNvbXBvbmVudCB7fVxuIiwiPHN2Z1xuICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgaGVpZ2h0PVwiMTAwJVwiXG4gIHZpZXdCb3g9XCIwIC05NjAgOTYwIDk2MFwiXG4gIHdpZHRoPVwiMTAwJVwiXG4+XG4gIDxwYXRoIGQ9XCJNMzgyLTI0MCAxNTQtNDY4bDU3LTU3IDE3MSAxNzEgMzY3LTM2NyA1NyA1Ny00MjQgNDI0WlwiIC8+XG48L3N2Zz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2staWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9zdmctaWNvbi9jaGVjay1pY29uL2NoZWNrLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvc3ZnLWljb24vY2hlY2staWNvbi9jaGVjay1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtEQ1AvQixzTkFRQTs7NEZERGEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2hlY2staWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrLWljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoZWNrLWljb24uY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hlY2tJY29uQ29tcG9uZW50IHt9XHJcbiIsIjxzdmdcclxuICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcclxuICBoZWlnaHQ9XCIxMDAlXCJcclxuICB2aWV3Qm94PVwiMCAtOTYwIDk2MCA5NjBcIlxyXG4gIHdpZHRoPVwiMTAwJVwiXHJcbj5cclxuICA8cGF0aCBkPVwiTTM4Mi0yNDAgMTU0LTQ2OGw1Ny01NyAxNzEgMTcxIDM2Ny0zNjcgNTcgNTctNDI0IDQyNFpcIiAvPlxyXG48L3N2Zz5cclxuIl19

package/fesm2022/nira-falcon.mjs

@@ -1421,11 +1421,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 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: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckIconComponent, selector: "check-icon", ngImport: i0, template: "<svg\r\n  xmlns=\"http://www.w3.org/2000/svg\"\r\n  height=\"100%\"\r\n  viewBox=\"0 -960 960 960\"\r\n  width=\"100%\"\r\n>\r\n  <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\r\n</svg>\r\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" }]
+            args: [{ selector: 'check-icon', template: "<svg\r\n  xmlns=\"http://www.w3.org/2000/svg\"\r\n  height=\"100%\"\r\n  viewBox=\"0 -960 960 960\"\r\n  width=\"100%\"\r\n>\r\n  <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\r\n</svg>\r\n" }]
         }] });
 
 class CoreTableColorColumnComponent {
@@ -1453,11 +1453,11 @@ class CoreTableColorColumnComponent {
         }
     }
     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  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\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.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" }] }); }
+    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\r\n  *ngIf=\"!canEdit\"\r\n  class=\"shadow-md inline-block rounded-full\"\r\n  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\r\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\r\n  style=\"width: 25px; height: 25px\"\r\n  [style]=\"{ background: color }\"\r\n></span>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"color\"\r\n  />\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: [""], 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" }] }); }
 }
 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  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\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" }]
+            args: [{ selector: 'core-table-color-column', template: "<span\r\n  *ngIf=\"!canEdit\"\r\n  class=\"shadow-md inline-block rounded-full\"\r\n  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\r\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\r\n  style=\"width: 25px; height: 25px\"\r\n  [style]=\"{ background: color }\"\r\n></span>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"color\"\r\n  />\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" }]
         }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -1701,11 +1701,11 @@ class CoreTableStatusColumnComponent {
         }
     }
     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" }, outputs: { onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<b\n  [ngClass]=\"{\n    active: data[column.key],\n    deActive: !data[column.key],\n    'mouse-edit-cursor': column.editable\n  }\"\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" }] }); }
+    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\r\n  [ngClass]=\"{\r\n    active: data[column.key],\r\n    deActive: !data[column.key],\r\n    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  *ngIf=\"!canEdit\"\r\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\r\n>\r\n  {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\r\n</b>\r\n\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <core-radio-buttons\r\n    class=\"flex-1 min-width-radio\"\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: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\n  [ngClass]=\"{\n    active: data[column.key],\n    deActive: !data[column.key],\n    'mouse-edit-cursor': column.editable\n  }\"\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"] }]
+            args: [{ selector: 'app-core-table-status-column', template: "<b\r\n  [ngClass]=\"{\r\n    active: data[column.key],\r\n    deActive: !data[column.key],\r\n    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  *ngIf=\"!canEdit\"\r\n  (click)=\"onColumnClicked(column, data[column.key], $event)\"\r\n>\r\n  {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\r\n</b>\r\n\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <core-radio-buttons\r\n    class=\"flex-1 min-width-radio\"\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: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 }]
@@ -1935,11 +1935,11 @@ class CoreTableTextColumnComponent {
         }
     }
     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]=\"{\n    'cursor-pointer': column.copyToClipboard,\n    'mouse-edit-cursor': column.editable\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{\n    column?.data?.enDigitsToFa === false\n      ? data[column.key]\n      : (data[column.key] | persianDigits)\n  }}</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" }] }); }
+    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\r\n  *ngIf=\"!canEdit\"\r\n  [ngClass]=\"{\r\n    'cursor-pointer': column.copyToClipboard,\r\n    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n  >{{\r\n    column?.data?.enDigitsToFa === false\r\n      ? data[column.key]\r\n      : (data[column.key] | persianDigits)\r\n  }}</span\r\n>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"text\"\r\n  />\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: [""], 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]=\"{\n    'cursor-pointer': column.copyToClipboard,\n    'mouse-edit-cursor': column.editable\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n  >{{\n    column?.data?.enDigitsToFa === false\n      ? data[column.key]\n      : (data[column.key] | persianDigits)\n  }}</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" }]
+            args: [{ selector: 'core-table-text-column', template: "<span\r\n  *ngIf=\"!canEdit\"\r\n  [ngClass]=\"{\r\n    'cursor-pointer': column.copyToClipboard,\r\n    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n  >{{\r\n    column?.data?.enDigitsToFa === false\r\n      ? data[column.key]\r\n      : (data[column.key] | persianDigits)\r\n  }}</span\r\n>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"text\"\r\n  />\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" }]
         }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -1981,11 +1981,11 @@ class CoreTableNumberColumnComponent {
         }
     }
     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    'mouse-edit-cursor': column.editable\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n>\n  <app-core-number\n    [number]=\"data[column.key]\"\n    [type]=\"'number'\"\n    [canShowTomanInToolTip]=\"\n      column?.data && column?.data?.canShowTomanInToolTip === false\n        ? false\n        : true\n    \"\n    [enDigitsToFa]=\"\n      column?.data && column?.data?.enDigitsToFa === false ? false : true\n    \"\n    [canShowIRR]=\"\n      column?.data && column?.data?.canShowIRR === true ? true : false\n    \"\n    [canSplitNumbers]=\"\n      column?.data && column?.data?.canSplitNumbers === false ? false : true\n    \"\n    [canShowWordInToolTip]=\"\n      column?.data && column?.data?.canShowWordInToolTip === false\n        ? false\n        : true\n    \"\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", "canShowTomanInToolTip", "enDigitsToFa", "canShowIRR"] }, { kind: "component", type: CheckIconComponent, selector: "check-icon" }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
+    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\r\n  *ngIf=\"!canEdit\"\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    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n>\r\n  <app-core-number\r\n    [number]=\"data[column.key]\"\r\n    [type]=\"'number'\"\r\n    [canShowTomanInToolTip]=\"\r\n      column?.data && column?.data?.canShowTomanInToolTip === false\r\n        ? false\r\n        : true\r\n    \"\r\n    [enDigitsToFa]=\"\r\n      column?.data && column?.data?.enDigitsToFa === false ? false : true\r\n    \"\r\n    [canShowIRR]=\"\r\n      column?.data && column?.data?.canShowIRR === true ? true : false\r\n    \"\r\n    [canSplitNumbers]=\"\r\n      column?.data && column?.data?.canSplitNumbers === false ? false : true\r\n    \"\r\n    [canShowWordInToolTip]=\"\r\n      column?.data && column?.data?.canShowWordInToolTip === false\r\n        ? false\r\n        : true\r\n    \"\r\n  >\r\n  </app-core-number>\r\n</span>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"text\"\r\n  />\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: [""], 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", "canShowTomanInToolTip", "enDigitsToFa", "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    'mouse-edit-cursor': column.editable\n  }\"\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\n>\n  <app-core-number\n    [number]=\"data[column.key]\"\n    [type]=\"'number'\"\n    [canShowTomanInToolTip]=\"\n      column?.data && column?.data?.canShowTomanInToolTip === false\n        ? false\n        : true\n    \"\n    [enDigitsToFa]=\"\n      column?.data && column?.data?.enDigitsToFa === false ? false : true\n    \"\n    [canShowIRR]=\"\n      column?.data && column?.data?.canShowIRR === true ? true : false\n    \"\n    [canSplitNumbers]=\"\n      column?.data && column?.data?.canSplitNumbers === false ? false : true\n    \"\n    [canShowWordInToolTip]=\"\n      column?.data && column?.data?.canShowWordInToolTip === false\n        ? false\n        : true\n    \"\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" }]
+            args: [{ selector: 'core-table-number-column', template: "<span\r\n  *ngIf=\"!canEdit\"\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    'mouse-edit-cursor': column.editable\r\n  }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n>\r\n  <app-core-number\r\n    [number]=\"data[column.key]\"\r\n    [type]=\"'number'\"\r\n    [canShowTomanInToolTip]=\"\r\n      column?.data && column?.data?.canShowTomanInToolTip === false\r\n        ? false\r\n        : true\r\n    \"\r\n    [enDigitsToFa]=\"\r\n      column?.data && column?.data?.enDigitsToFa === false ? false : true\r\n    \"\r\n    [canShowIRR]=\"\r\n      column?.data && column?.data?.canShowIRR === true ? true : false\r\n    \"\r\n    [canSplitNumbers]=\"\r\n      column?.data && column?.data?.canSplitNumbers === false ? false : true\r\n    \"\r\n    [canShowWordInToolTip]=\"\r\n      column?.data && column?.data?.canShowWordInToolTip === false\r\n        ? false\r\n        : true\r\n    \"\r\n  >\r\n  </app-core-number>\r\n</span>\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <input\r\n    [(ngModel)]=\"value\"\r\n    class=\"rounded-sm h-7 px-2 border-slate-700\"\r\n    type=\"text\"\r\n  />\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" }]
         }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2045,11 +2045,11 @@ class CoreTableSelectorColumnComponent {
         }
     }
     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  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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" }] }); }
+    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\r\n  *ngIf=\"!canEdit && data[column.key.split('.')[0]]\"\r\n  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n  >{{\r\n    getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n      | persianDigits\r\n  }}</span\r\n>\r\n\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <core-select\r\n    class=\"block mx-4 w-80\"\r\n    [titleKey]=\"column.data.key\"\r\n    [valueKey]=\"column.data.value\"\r\n    [items]=\"column.data.editableData | async\"\r\n    (onItemSelected)=\"onChange($event)\"\r\n  ></core-select>\r\n\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: [""], 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: 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  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\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" }]
+            args: [{ selector: 'core-table-selector-column', template: "<span\r\n  *ngIf=\"!canEdit && data[column.key.split('.')[0]]\"\r\n  [ngClass]=\"{ 'mouse-edit-cursor': column.editable }\"\r\n  (click)=\"onTextColumnClicked(column, data[column.key], $event)\"\r\n  >{{\r\n    getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n      | persianDigits\r\n  }}</span\r\n>\r\n\r\n<div class=\"flex\" *ngIf=\"canEdit\">\r\n  <core-select\r\n    class=\"block mx-4 w-80\"\r\n    [titleKey]=\"column.data.key\"\r\n    [valueKey]=\"column.data.value\"\r\n    [items]=\"column.data.editableData | async\"\r\n    (onItemSelected)=\"onChange($event)\"\r\n  ></core-select>\r\n\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" }]
         }], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2236,6 +2236,7 @@ class CoreTableComponent {
         this.YES_NO_OPTIONS = YES_NO_OPTIONS;
         this.sortedTableData = [];
         this.index = 0;
+        this.salt = this.randomString(5);
         this.selectedItemIndex = 0;
     }
     ngOnInit() {
@@ -2279,6 +2280,9 @@ class CoreTableComponent {
                     this.selectedItemIndex++;
                     this.selectedItem = this.sortedTableData[this.selectedItemIndex];
                     this.onItemSelected.emit(this.selectedItem);
+                    document
+                        .getElementById('tableRow_' + this.salt + '_' + this.selectedItemIndex)
+                        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });
                 }
                 event.preventDefault();
                 return;
@@ -2290,6 +2294,9 @@ class CoreTableComponent {
                     this.selectedItemIndex--;
                     this.selectedItem = this.sortedTableData[this.selectedItemIndex];
                     this.onItemSelected.emit(this.selectedItem);
+                    document
+                        .getElementById('tableRow_' + this.salt + '_' + this.selectedItemIndex)
+                        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });
                 }
                 event.preventDefault();
                 return;
@@ -2393,12 +2400,17 @@ class CoreTableComponent {
             });
         });
     }
+    randomString(length) {
+        return Math.random()
+            .toString(36)
+            .substring(2, 2 + length);
+    }
     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", canSelectFirstItem: "canSelectFirstItem", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked", onColumnValueChanged: "onColumnValueChanged", onItemSelected: "onItemSelected" }, host: { listeners: { "document:keydown": "handleEnter($event)" } }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n  <table\r\n    #table\r\n    tabindex=\"0\"\r\n    *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\"\r\n  >\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [ngStyle]=\"{ width: column?.width + 'px' }\"\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\r\n      *ngFor=\"let data of sortedTableData; let i = index\"\r\n      [ngClass]=\"{ 'select-item': data.id === selectedItem?.id }\"\r\n      (click)=\"onItemSelect(data, index, $event)\"\r\n    >\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:focus{outline:none}.select-item{background-color:#e3f2fd!important}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" }] }); }
+    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", canSelectFirstItem: "canSelectFirstItem", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked", onColumnValueChanged: "onColumnValueChanged", onItemSelected: "onItemSelected" }, host: { listeners: { "document:keydown": "handleEnter($event)" } }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n  <table\r\n    #table\r\n    tabindex=\"0\"\r\n    *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\"\r\n  >\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [ngStyle]=\"{ width: column?.width + 'px' }\"\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\r\n      *ngFor=\"let data of sortedTableData; let i = index\"\r\n      [id]=\"'tableRow_' + salt + '_' + i\"\r\n      [ngClass]=\"{ 'select-item': data.id === selectedItem?.id }\"\r\n      (click)=\"onItemSelect(data, i, $event)\"\r\n    >\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:focus{outline:none}.select-item{background-color:#e3f2fd!important}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\r\n    #table\r\n    tabindex=\"0\"\r\n    *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\"\r\n  >\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [ngStyle]=\"{ width: column?.width + 'px' }\"\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\r\n      *ngFor=\"let data of sortedTableData; let i = index\"\r\n      [ngClass]=\"{ 'select-item': data.id === selectedItem?.id }\"\r\n      (click)=\"onItemSelect(data, index, $event)\"\r\n    >\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:focus{outline:none}.select-item{background-color:#e3f2fd!important}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\r\n    #table\r\n    tabindex=\"0\"\r\n    *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\"\r\n  >\r\n    <tr>\r\n      <th\r\n        class=\"cursor-pointer text-center\"\r\n        *ngFor=\"let column of activeColumnsSchema()\"\r\n        [ngStyle]=\"{ width: column?.width + 'px' }\"\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\r\n      *ngFor=\"let data of sortedTableData; let i = index\"\r\n      [id]=\"'tableRow_' + salt + '_' + i\"\r\n      [ngClass]=\"{ 'select-item': data.id === selectedItem?.id }\"\r\n      (click)=\"onItemSelect(data, i, $event)\"\r\n    >\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:focus{outline:none}.select-item{background-color:#e3f2fd!important}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 }]