nira-falcon 0.1.65 → 0.1.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/core-table/core-table/core-table.component.mjs +70 -4
- package/esm2022/lib/core-table/core-table-color-column/core-table-color-column.component.mjs +3 -3
- package/esm2022/lib/core-table/core-table-number-column/core-table-number-column.component.mjs +3 -3
- package/esm2022/lib/core-table/core-table-selector-column/core-table-selector-column.component.mjs +3 -3
- package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs +3 -3
- package/esm2022/lib/core-table/core-table-text-column/core-table-text-column.component.mjs +3 -3
- package/esm2022/svg-icon/check-icon/check-icon.component.mjs +3 -3
- package/fesm2022/nira-falcon.mjs +81 -15
- package/fesm2022/nira-falcon.mjs.map +1 -1
- package/lib/core-table/core-table/core-table.component.d.ts +13 -2
- package/package.json +1 -1
- package/styles.css +1 -1
package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs
CHANGED
|
@@ -31,11 +31,11 @@ export class CoreTableStatusColumnComponent {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
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: i2.CoreRadioButtonsComponent, selector: "core-radio-buttons", inputs: ["items", "defaultValue", "titleKey", "valueKey", "layout", "name"], outputs: ["onChange"] }, { kind: "component", type: i3.CheckIconComponent, selector: "check-icon" }, { kind: "component", type: i4.CloseIconComponent, selector: "close-icon" }] }); }
|
|
34
|
+
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: i2.CoreRadioButtonsComponent, selector: "core-radio-buttons", inputs: ["items", "defaultValue", "titleKey", "valueKey", "layout", "name"], outputs: ["onChange"] }, { kind: "component", type: i3.CheckIconComponent, selector: "check-icon" }, { kind: "component", type: i4.CloseIconComponent, selector: "close-icon" }] }); }
|
|
35
35
|
}
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
|
-
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"] }]
|
|
38
|
+
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"] }]
|
|
39
39
|
}], propDecorators: { data: [{
|
|
40
40
|
type: Input,
|
|
41
41
|
args: [{ required: true }]
|
|
@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
45
45
|
}], onColumnValueChanged: [{
|
|
46
46
|
type: Output
|
|
47
47
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS1zdGF0dXMtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXRhYmxlL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi9jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS1zdGF0dXMtY29sdW1uL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7OztBQU9uQyxNQUFNLE9BQU8sOEJBQThCO0lBTDNDO1FBUVkseUJBQW9CLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdkUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLG9CQUFlLEdBQUc7WUFDaEIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDOUIsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7U0FDcEMsQ0FBQztLQWtCSDtJQWhCQyxRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQy9DLENBQUM7SUFDRCxRQUFRO1FBQ04sTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVELGVBQWUsQ0FBQyxNQUFXLEVBQUUsSUFBYSxFQUFFLEtBQWlCO1FBQzNELElBQUksS0FBSyxDQUFDLE9BQU8sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzsrR0EzQlUsOEJBQThCO21HQUE5Qiw4QkFBOEIsMktDUjNDLG8rQkFpQ0E7OzRGRHpCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsOEJBQThCOzhCQUtiLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNmLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVRhYmxlU3RhdHVzQ29sdW1uQ29tcG9uZW50IHtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBkYXRhITogYW55O1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGNvbHVtbiE6IGFueTtcclxuICBAT3V0cHV0KCkgb25Db2x1bW5WYWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjYW5FZGl0ID0gZmFsc2U7XHJcbiAgdmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICByYWRpb0J1dHRvbkRhdGEgPSBbXHJcbiAgICB7IHZhbHVlOiB0cnVlLCB0aXRsZTogJ9mB2LnYp9mEJyB9LFxyXG4gICAgeyB2YWx1ZTogZmFsc2UsIHRpdGxlOiAn2LrbjNixINmB2LnYp9mEJyB9LFxyXG4gIF07XHJcblxyXG4gIG9uQ2hhbmdlKGV2ZW50OiBzdHJpbmcpIHtcclxuICAgIHRoaXMudmFsdWUgPSBldmVudCA9PT0gJ3RydWUnID8gdHJ1ZSA6IGZhbHNlO1xyXG4gIH1cclxuICBzZXRWYWx1ZSgpIHtcclxuICAgIGNvbnN0IG5ld0RhdGEgPSBjbG9uZURlZXAodGhpcy5kYXRhKTtcclxuICAgIG5ld0RhdGFbdGhpcy5jb2x1bW4ua2V5XSA9IHRoaXMudmFsdWU7XHJcbiAgICB0aGlzLm9uQ29sdW1uVmFsdWVDaGFuZ2VkLmVtaXQobmV3RGF0YSk7XHJcbiAgICB0aGlzLmNhbkVkaXQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIG9uQ29sdW1uQ2xpY2tlZChjb2x1bW46IGFueSwgZGF0YTogYm9vbGVhbiwgZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGlmIChldmVudC5jdHJsS2V5ICYmIGNvbHVtbi5lZGl0YWJsZSkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gZGF0YTtcclxuICAgICAgdGhpcy5jYW5FZGl0ID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGJcclxuICBbbmdDbGFzc109XCJ7XHJcbiAgICBhY3RpdmU6IGRhdGFbY29sdW1uLmtleV0sXHJcbiAgICBkZUFjdGl2ZTogIWRhdGFbY29sdW1uLmtleV0sXHJcbiAgICAnbW91c2UtZWRpdC1jdXJzb3InOiBjb2x1bW4uZWRpdGFibGVcclxuICB9XCJcclxuICAqbmdJZj1cIiFjYW5FZGl0XCJcclxuICAoY2xpY2spPVwib25Db2x1bW5DbGlja2VkKGNvbHVtbiwgZGF0YVtjb2x1bW4ua2V5XSwgJGV2ZW50KVwiXHJcbj5cclxuICB7eyBkYXRhW2NvbHVtbi5rZXldID8gXCLZgdi52KfZhFwiIDogXCLYutuM2LEg2YHYudin2YRcIiB9fVxyXG48L2I+XHJcblxyXG48ZGl2IGNsYXNzPVwiZmxleFwiICpuZ0lmPVwiY2FuRWRpdFwiPlxyXG4gIDxjb3JlLXJhZGlvLWJ1dHRvbnNcclxuICAgIGNsYXNzPVwiZmxleC0xIG1pbi13aWR0aC1yYWRpb1wiXHJcbiAgICBbdGl0bGVLZXldPVwiJ3RpdGxlJ1wiXHJcbiAgICBbdmFsdWVLZXldPVwiJ3ZhbHVlJ1wiXHJcbiAgICBbbGF5b3V0XT1cIidyb3cnXCJcclxuICAgIFtuYW1lXT1cIidyMSdcIlxyXG4gICAgW2RlZmF1bHRWYWx1ZV09XCJkYXRhW2NvbHVtbi5rZXldXCJcclxuICAgIFtpdGVtc109XCJyYWRpb0J1dHRvbkRhdGFcIlxyXG4gICAgKG9uQ2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxyXG4gID5cclxuICA8L2NvcmUtcmFkaW8tYnV0dG9ucz5cclxuICA8Y2hlY2staWNvblxyXG4gICAgKGNsaWNrKT1cInNldFZhbHVlKClcIlxyXG4gICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlciBpbmxpbmUtYmxvY2sgdy01IGgtNSBtLTFcIlxyXG4gID48L2NoZWNrLWljb24+XHJcbiAgPGNsb3NlLWljb25cclxuICAgIChjbGljayk9XCJjYW5FZGl0ID0gZmFsc2VcIlxyXG4gICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlciBpbmxpbmUtYmxvY2sgdy01IGgtNSBtLTFcIlxyXG4gID48L2Nsb3NlLWljb24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -38,11 +38,11 @@ export class CoreTableTextColumnComponent {
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
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 }); }
|
|
41
|
-
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" }] }); }
|
|
41
|
+
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" }] }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableTextColumnComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
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" }]
|
|
45
|
+
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" }]
|
|
46
46
|
}], ctorParameters: function () { return [{ type: i1.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
47
47
|
type: Input,
|
|
48
48
|
args: [{ required: true }]
|
|
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
52
52
|
}], onColumnValueChanged: [{
|
|
53
53
|
type: Output
|
|
54
54
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS10ZXh0LWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS10YWJsZS9jb3JlLXRhYmxlLXRleHQtY29sdW1uL2NvcmUtdGFibGUtdGV4dC1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS10ZXh0LWNvbHVtbi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7Ozs7QUFRbkMsTUFBTSxPQUFPLDRCQUE0QjtJQVF2QyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFMM0MseUJBQW9CLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdkUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixVQUFLLEdBQUcsRUFBRSxDQUFDO0lBRTZDLENBQUM7SUFFekQsUUFBUTtRQUNOLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN0QyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxNQUFXLEVBQUUsSUFBWSxFQUFFLEtBQWlCO1FBQzlELElBQUksS0FBSyxDQUFDLE9BQU8sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1NBQ3JCO2FBQU0sSUFBSSxNQUFNLENBQUMsZUFBZSxFQUFFO1lBQ2pDLFNBQVMsQ0FBQyxTQUFTO2lCQUNoQixTQUFTLENBQUMsSUFBSSxDQUFDO2lCQUNmLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFO29CQUN6QyxXQUFXLEVBQUUsU0FBUztvQkFDdEIsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDO2lCQUNELEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQzsrR0FoQ1UsNEJBQTRCO21HQUE1Qiw0QkFBNEIscUtDVHpDLGt5QkE0QkE7OzRGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzBHQUtQLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNmLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IE5pcmFTbmFja0JhclNlcnZpY2UgfSBmcm9tICduaXJhLXNuYWNrLWJhcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtdGFibGUtdGV4dC1jb2x1bW4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXRhYmxlLXRleHQtY29sdW1uLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVUYWJsZVRleHRDb2x1bW5Db21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGRhdGEhOiBhbnk7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY29sdW1uITogYW55O1xyXG4gIEBPdXRwdXQoKSBvbkNvbHVtblZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNhbkVkaXQgPSBmYWxzZTtcclxuICB2YWx1ZSA9ICcnO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5pcmFTbmFja0JhcjogTmlyYVNuYWNrQmFyU2VydmljZSkge31cclxuXHJcbiAgc2V0VmFsdWUoKSB7XHJcbiAgICBjb25zdCBuZXdEYXRhID0gY2xvbmVEZWVwKHRoaXMuZGF0YSk7XHJcbiAgICBuZXdEYXRhW3RoaXMuY29sdW1uLmtleV0gPSB0aGlzLnZhbHVlO1xyXG4gICAgdGhpcy5vbkNvbHVtblZhbHVlQ2hhbmdlZC5lbWl0KG5ld0RhdGEpO1xyXG4gICAgdGhpcy5jYW5FZGl0ID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBvblRleHRDb2x1bW5DbGlja2VkKGNvbHVtbjogYW55LCBkYXRhOiBzdHJpbmcsIGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICBpZiAoZXZlbnQuY3RybEtleSAmJiBjb2x1bW4uZWRpdGFibGUpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IGRhdGE7XHJcbiAgICAgIHRoaXMuY2FuRWRpdCA9IHRydWU7XHJcbiAgICB9IGVsc2UgaWYgKGNvbHVtbi5jb3B5VG9DbGlwYm9hcmQpIHtcclxuICAgICAgbmF2aWdhdG9yLmNsaXBib2FyZFxyXG4gICAgICAgIC53cml0ZVRleHQoZGF0YSlcclxuICAgICAgICAudGhlbigoZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5uaXJhU25hY2tCYXIuc2hvdygn2KjYpyDZhdmI2YHZgtuM2Kog2qnZvtuMINi02K8nLCB7XHJcbiAgICAgICAgICAgIHN0YXR1c0NsYXNzOiAnc3VjY2VzcycsXHJcbiAgICAgICAgICAgIGR1cmF0aW9uOiAzMDAwLFxyXG4gICAgICAgICAgfSk7XHJcbiAgICAgICAgfSlcclxuICAgICAgICAuY2F0Y2goKGUpID0+IGNvbnNvbGUuZXJyb3IoZSkpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8c3BhblxyXG4gICpuZ0lmPVwiIWNhbkVkaXRcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdjdXJzb3ItcG9pbnRlcic6IGNvbHVtbi5jb3B5VG9DbGlwYm9hcmQsXHJcbiAgICAnbW91c2UtZWRpdC1jdXJzb3InOiBjb2x1bW4uZWRpdGFibGVcclxuICB9XCJcclxuICAoY2xpY2spPVwib25UZXh0Q29sdW1uQ2xpY2tlZChjb2x1bW4sIGRhdGFbY29sdW1uLmtleV0sICRldmVudClcIlxyXG4gID57e1xyXG4gICAgY29sdW1uPy5kYXRhPy5lbkRpZ2l0c1RvRmEgPT09IGZhbHNlXHJcbiAgICAgID8gZGF0YVtjb2x1bW4ua2V5XVxyXG4gICAgICA6IChkYXRhW2NvbHVtbi5rZXldIHwgcGVyc2lhbkRpZ2l0cylcclxuICB9fTwvc3BhblxyXG4+XHJcbjxkaXYgY2xhc3M9XCJmbGV4XCIgKm5nSWY9XCJjYW5FZGl0XCI+XHJcbiAgPGlucHV0XHJcbiAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgIGNsYXNzPVwicm91bmRlZC1zbSBoLTcgcHgtMiBib3JkZXItc2xhdGUtNzAwXCJcclxuICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAvPlxyXG4gIDxjaGVjay1pY29uXHJcbiAgICAoY2xpY2spPVwic2V0VmFsdWUoKVwiXHJcbiAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyIGlubGluZS1ibG9jayB3LTUgaC01IG0tMVwiXHJcbiAgPjwvY2hlY2staWNvbj5cclxuICA8Y2xvc2UtaWNvblxyXG4gICAgKGNsaWNrKT1cImNhbkVkaXQgPSBmYWxzZVwiXHJcbiAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyIGlubGluZS1ibG9jayB3LTUgaC01IG0tMVwiXHJcbiAgPjwvY2xvc2UtaWNvbj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CheckIconComponent {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
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: [""] }); }
|
|
5
|
+
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: [""] }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckIconComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
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" }]
|
|
9
|
+
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" }]
|
|
10
10
|
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2staWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9zdmctaWNvbi9jaGVjay1pY29uL2NoZWNrLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvc3ZnLWljb24vY2hlY2staWNvbi9jaGVjay1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtEQ1AvQixzTkFRQTs7NEZERGEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2hlY2staWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrLWljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoZWNrLWljb24uY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hlY2tJY29uQ29tcG9uZW50IHt9XHJcbiIsIjxzdmdcclxuICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcclxuICBoZWlnaHQ9XCIxMDAlXCJcclxuICB2aWV3Qm94PVwiMCAtOTYwIDk2MCA5NjBcIlxyXG4gIHdpZHRoPVwiMTAwJVwiXHJcbj5cclxuICA8cGF0aCBkPVwiTTM4Mi0yNDAgMTU0LTQ2OGw1Ny01NyAxNzEgMTcxIDM2Ny0zNjcgNTcgNTctNDI0IDQyNFpcIiAvPlxyXG48L3N2Zz5cclxuIl19
|
package/fesm2022/nira-falcon.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, EventEmitter, Output, Pipe, ViewChildren, Directive, HostListener, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, Input, EventEmitter, Output, Pipe, ViewChildren, Directive, HostListener, ViewChild, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1$1 from 'nira-modal';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
@@ -1421,11 +1421,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1421
1421
|
|
|
1422
1422
|
class CheckIconComponent {
|
|
1423
1423
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1424
|
-
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: [""] }); }
|
|
1424
|
+
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: [""] }); }
|
|
1425
1425
|
}
|
|
1426
1426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckIconComponent, decorators: [{
|
|
1427
1427
|
type: Component,
|
|
1428
|
-
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" }]
|
|
1428
|
+
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" }]
|
|
1429
1429
|
}] });
|
|
1430
1430
|
|
|
1431
1431
|
class CoreTableColorColumnComponent {
|
|
@@ -1453,11 +1453,11 @@ class CoreTableColorColumnComponent {
|
|
|
1453
1453
|
}
|
|
1454
1454
|
}
|
|
1455
1455
|
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 }); }
|
|
1456
|
-
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" }] }); }
|
|
1456
|
+
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" }] }); }
|
|
1457
1457
|
}
|
|
1458
1458
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColorColumnComponent, decorators: [{
|
|
1459
1459
|
type: Component,
|
|
1460
|
-
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" }]
|
|
1460
|
+
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" }]
|
|
1461
1461
|
}], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1462
1462
|
type: Input,
|
|
1463
1463
|
args: [{ required: true }]
|
|
@@ -1701,11 +1701,11 @@ class CoreTableStatusColumnComponent {
|
|
|
1701
1701
|
}
|
|
1702
1702
|
}
|
|
1703
1703
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1704
|
-
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" }] }); }
|
|
1704
|
+
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" }] }); }
|
|
1705
1705
|
}
|
|
1706
1706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
|
|
1707
1707
|
type: Component,
|
|
1708
|
-
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"] }]
|
|
1708
|
+
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"] }]
|
|
1709
1709
|
}], propDecorators: { data: [{
|
|
1710
1710
|
type: Input,
|
|
1711
1711
|
args: [{ required: true }]
|
|
@@ -1935,11 +1935,11 @@ class CoreTableTextColumnComponent {
|
|
|
1935
1935
|
}
|
|
1936
1936
|
}
|
|
1937
1937
|
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 }); }
|
|
1938
|
-
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" }] }); }
|
|
1938
|
+
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" }] }); }
|
|
1939
1939
|
}
|
|
1940
1940
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableTextColumnComponent, decorators: [{
|
|
1941
1941
|
type: Component,
|
|
1942
|
-
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" }]
|
|
1942
|
+
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" }]
|
|
1943
1943
|
}], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1944
1944
|
type: Input,
|
|
1945
1945
|
args: [{ required: true }]
|
|
@@ -1981,11 +1981,11 @@ class CoreTableNumberColumnComponent {
|
|
|
1981
1981
|
}
|
|
1982
1982
|
}
|
|
1983
1983
|
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 }); }
|
|
1984
|
-
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" }] }); }
|
|
1984
|
+
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" }] }); }
|
|
1985
1985
|
}
|
|
1986
1986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableNumberColumnComponent, decorators: [{
|
|
1987
1987
|
type: Component,
|
|
1988
|
-
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" }]
|
|
1988
|
+
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" }]
|
|
1989
1989
|
}], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1990
1990
|
type: Input,
|
|
1991
1991
|
args: [{ required: true }]
|
|
@@ -2045,11 +2045,11 @@ class CoreTableSelectorColumnComponent {
|
|
|
2045
2045
|
}
|
|
2046
2046
|
}
|
|
2047
2047
|
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 }); }
|
|
2048
|
-
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" }] }); }
|
|
2048
|
+
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" }] }); }
|
|
2049
2049
|
}
|
|
2050
2050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableSelectorColumnComponent, decorators: [{
|
|
2051
2051
|
type: Component,
|
|
2052
|
-
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" }]
|
|
2052
|
+
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" }]
|
|
2053
2053
|
}], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
2054
2054
|
type: Input,
|
|
2055
2055
|
args: [{ required: true }]
|
|
@@ -2226,13 +2226,18 @@ class CoreTableComponent {
|
|
|
2226
2226
|
this.columnsSchema = [];
|
|
2227
2227
|
this.tableData = new BehaviorSubject([]);
|
|
2228
2228
|
this.responsive = true;
|
|
2229
|
+
this.canSelectFirstItem = false;
|
|
2229
2230
|
this.canFilter = false;
|
|
2230
2231
|
this.rowSelector = undefined;
|
|
2231
2232
|
this.onColumnClicked = new EventEmitter();
|
|
2232
2233
|
this.onColumnValueChanged = new EventEmitter();
|
|
2234
|
+
this.onItemSelected = new EventEmitter();
|
|
2233
2235
|
this.ACTIVE_OPTIONS = ACTIVE_OPTIONS;
|
|
2234
2236
|
this.YES_NO_OPTIONS = YES_NO_OPTIONS;
|
|
2235
2237
|
this.sortedTableData = [];
|
|
2238
|
+
this.index = 0;
|
|
2239
|
+
this.salt = this.randomString(5);
|
|
2240
|
+
this.selectedItemIndex = 0;
|
|
2236
2241
|
}
|
|
2237
2242
|
ngOnInit() {
|
|
2238
2243
|
this.tableData.subscribe((val) => {
|
|
@@ -2249,6 +2254,12 @@ class CoreTableComponent {
|
|
|
2249
2254
|
});
|
|
2250
2255
|
}
|
|
2251
2256
|
}
|
|
2257
|
+
ngAfterViewInit() {
|
|
2258
|
+
if (this.canSelectFirstItem && this.sortedTableData.length > 0) {
|
|
2259
|
+
this.selectedItem = this.sortedTableData[0];
|
|
2260
|
+
this.table.nativeElement.focus();
|
|
2261
|
+
}
|
|
2262
|
+
}
|
|
2252
2263
|
setTableFilter() {
|
|
2253
2264
|
this.columnsSchema.map((column) => {
|
|
2254
2265
|
JSON.parse(this.dbTableFilter.columnsSchema).forEach((dbColumnsSchema) => {
|
|
@@ -2259,6 +2270,45 @@ class CoreTableComponent {
|
|
|
2259
2270
|
return column;
|
|
2260
2271
|
});
|
|
2261
2272
|
}
|
|
2273
|
+
handleEnter(event) {
|
|
2274
|
+
const ke = event;
|
|
2275
|
+
if (document.activeElement === this.table.nativeElement) {
|
|
2276
|
+
if (ke.key === 'ArrowDown') {
|
|
2277
|
+
if (this.selectedItemIndex === this.sortedTableData.length - 1)
|
|
2278
|
+
return;
|
|
2279
|
+
if (this.selectedItemIndex < this.sortedTableData.length - 1) {
|
|
2280
|
+
this.selectedItemIndex++;
|
|
2281
|
+
this.selectedItem = this.sortedTableData[this.selectedItemIndex];
|
|
2282
|
+
this.onItemSelected.emit(this.selectedItem);
|
|
2283
|
+
document
|
|
2284
|
+
.getElementById('tableRow_' + this.salt + '_' + this.selectedItemIndex)
|
|
2285
|
+
?.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
2286
|
+
}
|
|
2287
|
+
event.preventDefault();
|
|
2288
|
+
return;
|
|
2289
|
+
}
|
|
2290
|
+
else if (ke.key === 'ArrowUp') {
|
|
2291
|
+
if (this.selectedItemIndex === 0)
|
|
2292
|
+
return;
|
|
2293
|
+
if (this.selectedItemIndex > 0) {
|
|
2294
|
+
this.selectedItemIndex--;
|
|
2295
|
+
this.selectedItem = this.sortedTableData[this.selectedItemIndex];
|
|
2296
|
+
this.onItemSelected.emit(this.selectedItem);
|
|
2297
|
+
document
|
|
2298
|
+
.getElementById('tableRow_' + this.salt + '_' + this.selectedItemIndex)
|
|
2299
|
+
?.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
2300
|
+
}
|
|
2301
|
+
event.preventDefault();
|
|
2302
|
+
return;
|
|
2303
|
+
}
|
|
2304
|
+
}
|
|
2305
|
+
}
|
|
2306
|
+
onItemSelect(data, index, event) {
|
|
2307
|
+
event.preventDefault();
|
|
2308
|
+
this.selectedItemIndex = index;
|
|
2309
|
+
this.selectedItem = data;
|
|
2310
|
+
this.onItemSelected.emit(this.selectedItem);
|
|
2311
|
+
}
|
|
2262
2312
|
columnClicked(val) {
|
|
2263
2313
|
this.onColumnClicked.emit(val);
|
|
2264
2314
|
}
|
|
@@ -2350,12 +2400,17 @@ class CoreTableComponent {
|
|
|
2350
2400
|
});
|
|
2351
2401
|
});
|
|
2352
2402
|
}
|
|
2403
|
+
randomString(length) {
|
|
2404
|
+
return Math.random()
|
|
2405
|
+
.toString(36)
|
|
2406
|
+
.substring(2, 2 + length);
|
|
2407
|
+
}
|
|
2353
2408
|
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 }); }
|
|
2354
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked", onColumnValueChanged: "onColumnValueChanged" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [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 *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n (onColumnValueChanged)=\"columnValueChanged($event)\"\r\n [allTableData]=\"sortedTableData\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "isDatePicker", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: ["items", "titleKey", "valueKey", "label", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked", "onColumnValueChanged"] }, { kind: "component", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: ["tableData", "loading"] }, { kind: "component", type: SortDownIconComponent, selector: "app-sort-down-icon" }, { kind: "component", type: SortSolidIconComponent, selector: "app-sort-solid-icon" }, { kind: "component", type: SortUpIconComponent, selector: "app-sort-up-icon" }] }); }
|
|
2409
|
+
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" }] }); }
|
|
2355
2410
|
}
|
|
2356
2411
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, decorators: [{
|
|
2357
2412
|
type: Component,
|
|
2358
|
-
args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n <table
|
|
2413
|
+
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"] }]
|
|
2359
2414
|
}], ctorParameters: function () { return [{ type: i1$4.NgxIndexedDBService }]; }, propDecorators: { key: [{
|
|
2360
2415
|
type: Input,
|
|
2361
2416
|
args: [{ required: false }]
|
|
@@ -2368,6 +2423,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2368
2423
|
}], responsive: [{
|
|
2369
2424
|
type: Input,
|
|
2370
2425
|
args: [{ required: false }]
|
|
2426
|
+
}], canSelectFirstItem: [{
|
|
2427
|
+
type: Input,
|
|
2428
|
+
args: [{ required: false }]
|
|
2371
2429
|
}], loading: [{
|
|
2372
2430
|
type: Input,
|
|
2373
2431
|
args: [{ required: true }]
|
|
@@ -2383,6 +2441,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2383
2441
|
type: Output
|
|
2384
2442
|
}], onColumnValueChanged: [{
|
|
2385
2443
|
type: Output
|
|
2444
|
+
}], onItemSelected: [{
|
|
2445
|
+
type: Output
|
|
2446
|
+
}], table: [{
|
|
2447
|
+
type: ViewChild,
|
|
2448
|
+
args: ['table']
|
|
2449
|
+
}], handleEnter: [{
|
|
2450
|
+
type: HostListener,
|
|
2451
|
+
args: ['document:keydown', ['$event']]
|
|
2386
2452
|
}] } });
|
|
2387
2453
|
|
|
2388
2454
|
class CoreTableFilterDialogComponent {
|