nira-falcon 0.0.8 → 0.1.0
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/README.md +24 -24
- package/esm2022/lib/core-btn/core-btn.component.mjs +3 -3
- package/esm2022/lib/core-table/core-row-pelak/core-row-pelak.component.mjs +3 -3
- package/esm2022/lib/core-table/core-table/core-table.component.mjs +6 -3
- package/esm2022/lib/core-table/core-table-action-column/core-table-action-column.component.mjs +1 -1
- package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs +3 -3
- package/fesm2022/nira-falcon.mjs +11 -8
- package/fesm2022/nira-falcon.mjs.map +1 -1
- package/lib/core-table/core-table/core-table.component.d.ts +2 -1
- package/package.json +1 -1
package/fesm2022/nira-falcon.mjs
CHANGED
|
@@ -116,11 +116,11 @@ class CoreBtnComponent {
|
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, deps: [{ token: i1$1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
119
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\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: CoreSpinnerComponent, selector: "core-spinner", inputs: ["size", "colorState", "type"] }] }); }
|
|
119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n disable ? 'disabled' : '',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content *ngIf=\"!loading\"></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\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: CoreSpinnerComponent, selector: "core-spinner", inputs: ["size", "colorState", "type"] }] }); }
|
|
120
120
|
}
|
|
121
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
|
|
122
122
|
type: Component,
|
|
123
|
-
args: [{ selector: 'core-btn', template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"] }]
|
|
123
|
+
args: [{ selector: 'core-btn', template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n disable ? 'disabled' : '',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content *ngIf=\"!loading\"></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"] }]
|
|
124
124
|
}], ctorParameters: function () { return [{ type: i1$1.NiraModalService }]; }, propDecorators: { loading: [{
|
|
125
125
|
type: Input
|
|
126
126
|
}], theme: [{
|
|
@@ -1264,11 +1264,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1264
1264
|
|
|
1265
1265
|
class CoreTableStatusColumnComponent {
|
|
1266
1266
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1267
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1267
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\r\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\r\n</b>\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}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1268
1268
|
}
|
|
1269
1269
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
|
|
1270
1270
|
type: Component,
|
|
1271
|
-
args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
|
|
1271
|
+
args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\r\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\r\n</b>\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}\n"] }]
|
|
1272
1272
|
}], propDecorators: { data: [{
|
|
1273
1273
|
type: Input,
|
|
1274
1274
|
args: [{ required: true }]
|
|
@@ -1360,11 +1360,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1360
1360
|
class CoreRowPelakComponent {
|
|
1361
1361
|
ngOnInit() { }
|
|
1362
1362
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"
|
|
1363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"../../../assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PelakIconComponent, selector: "pelak-icon" }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
1364
1364
|
}
|
|
1365
1365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, decorators: [{
|
|
1366
1366
|
type: Component,
|
|
1367
|
-
args: [{ selector: 'app-core-row-pelak', template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"
|
|
1367
|
+
args: [{ selector: 'app-core-row-pelak', template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"../../../assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"] }]
|
|
1368
1368
|
}], propDecorators: { data: [{
|
|
1369
1369
|
type: Input,
|
|
1370
1370
|
args: [{ required: true }]
|
|
@@ -1673,6 +1673,7 @@ class CoreTableComponent {
|
|
|
1673
1673
|
this.dbService = dbService;
|
|
1674
1674
|
this.tableData = new BehaviorSubject([]);
|
|
1675
1675
|
this.responsive = true;
|
|
1676
|
+
this.canFilter = false;
|
|
1676
1677
|
this.rowSelector = undefined;
|
|
1677
1678
|
this.onColumnClicked = new EventEmitter();
|
|
1678
1679
|
this.sortedTableData = [];
|
|
@@ -1790,11 +1791,11 @@ class CoreTableComponent {
|
|
|
1790
1791
|
});
|
|
1791
1792
|
}
|
|
1792
1793
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, deps: [{ token: i1$5.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1793
|
-
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", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div
|
|
1794
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"canFilter && column.type == columnsTypes.STATUS\"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: ["titleKey", "valueKey", "label", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: ["data", "column", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: ["data", "column", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: ["tableData", "loading"] }, { kind: "component", type: SortDownIconComponent, selector: "app-sort-down-icon" }, { kind: "component", type: SortSolidIconComponent, selector: "app-sort-solid-icon" }, { kind: "component", type: SortUpIconComponent, selector: "app-sort-up-icon" }] }); }
|
|
1794
1795
|
}
|
|
1795
1796
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, decorators: [{
|
|
1796
1797
|
type: Component,
|
|
1797
|
-
args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div
|
|
1798
|
+
args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"canFilter && column.type == columnsTypes.STATUS\"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"] }]
|
|
1798
1799
|
}], ctorParameters: function () { return [{ type: i1$5.NgxIndexedDBService }]; }, propDecorators: { key: [{
|
|
1799
1800
|
type: Input,
|
|
1800
1801
|
args: [{ required: false }]
|
|
@@ -1810,6 +1811,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1810
1811
|
}], loading: [{
|
|
1811
1812
|
type: Input,
|
|
1812
1813
|
args: [{ required: true }]
|
|
1814
|
+
}], canFilter: [{
|
|
1815
|
+
type: Input
|
|
1813
1816
|
}], styleFilter: [{
|
|
1814
1817
|
type: Input,
|
|
1815
1818
|
args: [{ required: false }]
|