nira-falcon 0.1.38 → 0.1.39
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-btn/core-btn.component.mjs +8 -2
- package/esm2022/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.mjs +1 -1
- package/esm2022/lib/core-time-picker/time-picker-modal/time-picker-modal.component.mjs +1 -1
- package/fesm2022/nira-falcon.mjs +9 -3
- package/fesm2022/nira-falcon.mjs.map +1 -1
- package/lib/core-btn/core-btn.component.d.ts +2 -1
- package/package.json +2 -2
|
@@ -20,6 +20,7 @@ export class CoreBtnComponent {
|
|
|
20
20
|
this.color = 'White';
|
|
21
21
|
this.colorState = 'default';
|
|
22
22
|
this.btnClicked = new EventEmitter();
|
|
23
|
+
this.btnClickedOnDisableMode = new EventEmitter();
|
|
23
24
|
}
|
|
24
25
|
clicked() {
|
|
25
26
|
if (!this.disable) {
|
|
@@ -37,12 +38,15 @@ export class CoreBtnComponent {
|
|
|
37
38
|
this.btnClicked.emit();
|
|
38
39
|
}
|
|
39
40
|
}
|
|
41
|
+
else {
|
|
42
|
+
this.btnClickedOnDisableMode.emit();
|
|
43
|
+
}
|
|
40
44
|
if (this.formGroup) {
|
|
41
45
|
this.formGroup.markAllAsTouched();
|
|
42
46
|
}
|
|
43
47
|
}
|
|
44
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, deps: [{ token: i1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { formGroup: "formGroup", loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", color: "color", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\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.round.disabled{cursor:not-allowed;opacity:.4}.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.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CoreSpinnerComponent, selector: "core-spinner", inputs: ["size", "colorState", "type"] }] }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { formGroup: "formGroup", loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", color: "color", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked", btnClickedOnDisableMode: "btnClickedOnDisableMode" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\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.round.disabled{cursor:not-allowed;opacity:.4}.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.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CoreSpinnerComponent, selector: "core-spinner", inputs: ["size", "colorState", "type"] }] }); }
|
|
46
50
|
}
|
|
47
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
|
|
48
52
|
type: Component,
|
|
@@ -65,7 +69,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
65
69
|
type: Input
|
|
66
70
|
}], btnClicked: [{
|
|
67
71
|
type: Output
|
|
72
|
+
}], btnClickedOnDisableMode: [{
|
|
73
|
+
type: Output
|
|
68
74
|
}], confirmDialog: [{
|
|
69
75
|
type: Input
|
|
70
76
|
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1idG4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtYnRuL2NvcmUtYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWJ0bi9jb3JlLWJ0bi1mYWxjb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVV2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUVsRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7O0FBTzdELE1BQU0sT0FBTyxnQkFBZ0I7SUFRM0IsSUFBYSxVQUFVLENBQUMsS0FBYztRQUNwQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBS0QsWUFBb0IsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFkdEQsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNQLGNBQVMsR0FBMEIsU0FBUyxDQUFDO1FBQzdDLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsVUFBSyxHQUFpQixRQUFRLENBQUM7UUFDL0IsZUFBVSxHQUFlLFFBQVEsQ0FBQztRQUNsQyxTQUFJLEdBQWUsT0FBTyxDQUFDO1FBQzNCLFVBQUssR0FBVSxPQUFPLENBQUM7UUFJdkIsZUFBVSxHQUFlLFNBQVMsQ0FBQztRQUNsQyxlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsNEJBQXVCLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFakIsQ0FBQztJQUMxRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLFNBQVMsRUFBRTtnQkFDbkMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQywwQkFBMEIsRUFBRTtvQkFDbkUsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhO2lCQUN6QixDQUFDLENBQUM7Z0JBQ0gsS0FBSyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtvQkFDckMsSUFBSSxNQUFNLEtBQUssTUFBTSxFQUFFO3dCQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO3FCQUN4QjtnQkFDSCxDQUFDLENBQUMsQ0FBQzthQUNKO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDeEI7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JDO1FBQ0QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztTQUNuQztJQUNILENBQUM7K0dBcENVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLCtWQ25CN0IsNmJBb0JBOzs0RkREYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTt1R0FNWCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNPLFVBQVU7c0JBQXRCLEtBQUs7Z0JBR0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLHVCQUF1QjtzQkFBaEMsTUFBTTtnQkFDRSxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmlyYU1vZGFsU2VydmljZSB9IGZyb20gJ25pcmEtbW9kYWwnO1xyXG5pbXBvcnQge1xyXG4gIEJ1dHRvblNpemUsXHJcbiAgQnV0dG9uVHlwZSxcclxuICBDb2xvcixcclxuICBDb2xvclN0YXRlLFxyXG4gIENvbmZpcm1EaWFsb2csXHJcbiAgVGhlbWVQYWxldHRlLFxyXG59IGZyb20gJy4uL2ZhbGNvblR5cGVzJztcclxuaW1wb3J0IHsgQ29yZUNvbmZpcm1EaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9jb3JlLWNvbmZpcm0tZGlhbG9nL2NvcmUtY29uZmlybS1kaWFsb2cuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBlbnZpcm9ubWVudCB9IGZyb20gJy4uLy4uL2Vudmlyb25tZW50cy9lbnZpcm9ubWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtYnRuJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1idG4nICsgZW52aXJvbm1lbnQudGVtcE5hbWUsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1idG4nICsgZW52aXJvbm1lbnQuc3R5bGVOYW1lXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVCdG5Db21wb25lbnQge1xyXG4gIGRpc2FibGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBmb3JtR3JvdXA6IEZvcm1Hcm91cCB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGhlbWU6IFRoZW1lUGFsZXR0ZSA9ICdzcXVhcmUnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblR5cGU6IEJ1dHRvblR5cGUgPSAnYnV0dG9uJztcclxuICBASW5wdXQoKSBzaXplOiBCdXR0b25TaXplID0gJ3NtYWxsJztcclxuICBASW5wdXQoKSBjb2xvcjogQ29sb3IgPSAnV2hpdGUnO1xyXG4gIEBJbnB1dCgpIHNldCBpc0Rpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmRpc2FibGUgPSB2YWx1ZTtcclxuICB9XHJcbiAgQElucHV0KCkgY29sb3JTdGF0ZTogQ29sb3JTdGF0ZSA9ICdkZWZhdWx0JztcclxuICBAT3V0cHV0KCkgYnRuQ2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGJ0bkNsaWNrZWRPbkRpc2FibGVNb2RlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBjb25maXJtRGlhbG9nOiBDb25maXJtRGlhbG9nIHwgdW5kZWZpbmVkO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmlyYU1vZGFsU2VydmljZTogTmlyYU1vZGFsU2VydmljZSkge31cclxuICBjbGlja2VkKCkge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGUpIHtcclxuICAgICAgaWYgKHRoaXMuY29uZmlybURpYWxvZyAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICBjb25zdCBtb2RhbCA9IHRoaXMubmlyYU1vZGFsU2VydmljZS5vcGVuKENvcmVDb25maXJtRGlhbG9nQ29tcG9uZW50LCB7XHJcbiAgICAgICAgICBkYXRhOiB0aGlzLmNvbmZpcm1EaWFsb2csXHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgbW9kYWwuYWZ0ZXJDbG9zZWQuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcclxuICAgICAgICAgIGlmIChyZXN1bHQgPT09ICd0cnVlJykge1xyXG4gICAgICAgICAgICB0aGlzLmJ0bkNsaWNrZWQuZW1pdCgpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuYnRuQ2xpY2tlZC5lbWl0KCk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuYnRuQ2xpY2tlZE9uRGlzYWJsZU1vZGUuZW1pdCgpO1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMuZm9ybUdyb3VwKSB7XHJcbiAgICAgIHRoaXMuZm9ybUdyb3VwLm1hcmtBbGxBc1RvdWNoZWQoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gIChjbGljayk9XCJjbGlja2VkKClcIlxyXG4gIFtuZ0NsYXNzXT1cIltcclxuICAgICdidXR0b24nLFxyXG4gICAgZGlzYWJsZSA/ICdkaXNhYmxlZCcgOiAnJyxcclxuICAgIHRoZW1lLFxyXG4gICAgY29sb3JTdGF0ZSxcclxuICAgIHNpemUsXHJcbiAgICBsb2FkaW5nID8gJ2N1cnNvckxvYWRpbmcnIDogJydcclxuICBdXCJcclxuICBbdHlwZV09XCJidXR0b25UeXBlXCJcclxuPlxyXG4gIDxuZy1jb250ZW50ICpuZ0lmPVwiIWxvYWRpbmdcIj48L25nLWNvbnRlbnQ+XHJcbiAgPGNvcmUtc3Bpbm5lclxyXG4gICAgKm5nSWY9XCJsb2FkaW5nXCJcclxuICAgIGNsYXNzPVwibG9hZGluZ1wiXHJcbiAgICBbY29sb3JTdGF0ZV09XCJjb2xvclN0YXRlXCJcclxuICAgIFtzaXplXT1cIjIwXCJcclxuICA+PC9jb3JlLXNwaW5uZXI+XHJcbjwvYnV0dG9uPlxyXG4iXX0=
|
|
@@ -69,7 +69,7 @@ export class CoreTableFilterDialogComponent {
|
|
|
69
69
|
this.closeSubject.next('');
|
|
70
70
|
}
|
|
71
71
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, deps: [{ token: i1.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableFilterDialogComponent, selector: "app-core-table-filter-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "component", type: i4.CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: i5.CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: i6.CloseIconComponent, selector: "close-icon" }] }); }
|
|
72
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableFilterDialogComponent, selector: "app-core-table-filter-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked", "btnClickedOnDisableMode"] }, { kind: "component", type: i4.CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: i5.CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: i6.CloseIconComponent, selector: "close-icon" }] }); }
|
|
73
73
|
}
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
@@ -134,7 +134,7 @@ export class TimePickerModalComponent {
|
|
|
134
134
|
this.minutesSubject.next(this.createCircleOfDivs(60, 101, 115, 115, 0, 5));
|
|
135
135
|
}
|
|
136
136
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerModalComponent, selector: "lib-time-picker-modal", inputs: { config: "config", closeSubject: "closeSubject" }, ngImport: i0, template: "<div class=\"timepicker\">\r\n <div class=\"top\">\r\n <span class=\"h\" (click)=\"onHourClick()\" [class.active]=\"showHour\">10</span\r\n >:<span class=\"m\" (click)=\"onMinutesClick()\" [class.active]=\"showMin\"\r\n >15</span\r\n >\r\n </div>\r\n <div class=\"circle\">\r\n <div *ngIf=\"showHour\">\r\n <div\r\n class=\"hour\"\r\n *ngFor=\"let hour of hoursSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div\r\n class=\"hour2\"\r\n *ngFor=\"let hour of hours2Subject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n <div *ngIf=\"showMin\">\r\n <div\r\n class=\"min\"\r\n *ngFor=\"let hour of minutesSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onMinutesSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <core-btn\r\n class=\"action ok\"\r\n (btnClicked)=\"submit()\"\r\n [colorState]=\"'success'\"\r\n >\r\n \u0627\u0646\u062A\u062E\u0627\u0628\r\n </core-btn>\r\n <core-btn class=\"action close\" (btnClicked)=\"close()\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</div>\r\n", styles: [".timepicker{width:300px;height:450px;background-color:var(--default-time-picker-background-color);position:relative;font-family:Calibri}.timepicker .top{background-color:var(--default-time-picker-header-background-color);color:var(--default-time-picker-header-text-color);height:100px;line-height:100px;font-size:50px;text-align:center}.timepicker .top .h :hover,.timepicker .top .m :hover{cursor:pointer}.timepicker .top .active{color:var(--default-time-picker-header-item-active-text-color)}.timepicker .circle{-webkit-user-select:none;user-select:none;background-color:var(--default-time-picker-circle-background-color);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;right:25px;box-sizing:border-box}.timepicker .circle .mid{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:10px;background-color:var(--default-time-picker-point-background-color)}.timepicker .circle .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.timepicker .circle .hour.selected{background-color:var(--default-time-picker-hour-hover-background-color)}.timepicker .circle .hour.selected:after{content:\"\"}.timepicker .circle .hour:after{z-index:-1;background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .hour:hover{color:var(--default-time-picker-hour-hover-text-color);z-index:2;cursor:pointer}.timepicker .circle .hour:hover:after{content:\"\"}.timepicker .circle .hour:nth-child(12):after{transform:rotate(330deg)}.timepicker .circle .hour:nth-child(11):after{transform:rotate(300deg)}.timepicker .circle .hour:nth-child(10):after{transform:rotate(270deg)}.timepicker .circle .hour:nth-child(9):after{transform:rotate(240deg)}.timepicker .circle .hour:nth-child(8):after{transform:rotate(210deg)}.timepicker .circle .hour:nth-child(7):after{transform:rotate(180deg)}.timepicker .circle .hour:nth-child(6):after{transform:rotate(150deg)}.timepicker .circle .hour:nth-child(5):after{transform:rotate(120deg)}.timepicker .circle .hour:nth-child(4):after{transform:rotate(90deg)}.timepicker .circle .hour:nth-child(3):after{transform:rotate(60deg)}.timepicker .circle .hour:nth-child(2):after{transform:rotate(30deg)}.timepicker .circle .hour:nth-child(1):after{transform:rotate(0)}.timepicker .circle .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.timepicker .circle .hour2:hover{color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .hour2:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.timepicker .circle .hour2:nth-child(24):after{transform:rotate(690deg)}.timepicker .circle .hour2:nth-child(23):after{transform:rotate(660deg)}.timepicker .circle .hour2:nth-child(22):after{transform:rotate(630deg)}.timepicker .circle .hour2:nth-child(21):after{transform:rotate(600deg)}.timepicker .circle .hour2:nth-child(20):after{transform:rotate(570deg)}.timepicker .circle .hour2:nth-child(19):after{transform:rotate(540deg)}.timepicker .circle .hour2:nth-child(18):after{transform:rotate(510deg)}.timepicker .circle .hour2:nth-child(17):after{transform:rotate(480deg)}.timepicker .circle .hour2:nth-child(16):after{transform:rotate(450deg)}.timepicker .circle .hour2:nth-child(15):after{transform:rotate(420deg)}.timepicker .circle .hour2:nth-child(14):after{transform:rotate(390deg)}.timepicker .circle .hour2:nth-child(13):after{transform:rotate(360deg)}.timepicker .circle .min{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.timepicker .circle .min:hover{background-color:var(--default-time-picker-hour-hover-background-color);color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .min:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .min:nth-child(60):after{transform:rotate(354deg)}.timepicker .circle .min:nth-child(59):after{transform:rotate(348deg)}.timepicker .circle .min:nth-child(58):after{transform:rotate(342deg)}.timepicker .circle .min:nth-child(57):after{transform:rotate(336deg)}.timepicker .circle .min:nth-child(56):after{transform:rotate(330deg)}.timepicker .circle .min:nth-child(55):after{transform:rotate(324deg)}.timepicker .circle .min:nth-child(54):after{transform:rotate(318deg)}.timepicker .circle .min:nth-child(53):after{transform:rotate(312deg)}.timepicker .circle .min:nth-child(52):after{transform:rotate(306deg)}.timepicker .circle .min:nth-child(51):after{transform:rotate(300deg)}.timepicker .circle .min:nth-child(50):after{transform:rotate(294deg)}.timepicker .circle .min:nth-child(49):after{transform:rotate(288deg)}.timepicker .circle .min:nth-child(48):after{transform:rotate(282deg)}.timepicker .circle .min:nth-child(47):after{transform:rotate(276deg)}.timepicker .circle .min:nth-child(46):after{transform:rotate(270deg)}.timepicker .circle .min:nth-child(45):after{transform:rotate(264deg)}.timepicker .circle .min:nth-child(44):after{transform:rotate(258deg)}.timepicker .circle .min:nth-child(43):after{transform:rotate(252deg)}.timepicker .circle .min:nth-child(42):after{transform:rotate(246deg)}.timepicker .circle .min:nth-child(41):after{transform:rotate(240deg)}.timepicker .circle .min:nth-child(40):after{transform:rotate(234deg)}.timepicker .circle .min:nth-child(39):after{transform:rotate(228deg)}.timepicker .circle .min:nth-child(38):after{transform:rotate(222deg)}.timepicker .circle .min:nth-child(37):after{transform:rotate(216deg)}.timepicker .circle .min:nth-child(36):after{transform:rotate(210deg)}.timepicker .circle .min:nth-child(35):after{transform:rotate(204deg)}.timepicker .circle .min:nth-child(34):after{transform:rotate(198deg)}.timepicker .circle .min:nth-child(33):after{transform:rotate(192deg)}.timepicker .circle .min:nth-child(32):after{transform:rotate(186deg)}.timepicker .circle .min:nth-child(31):after{transform:rotate(180deg)}.timepicker .circle .min:nth-child(30):after{transform:rotate(174deg)}.timepicker .circle .min:nth-child(29):after{transform:rotate(168deg)}.timepicker .circle .min:nth-child(28):after{transform:rotate(162deg)}.timepicker .circle .min:nth-child(27):after{transform:rotate(156deg)}.timepicker .circle .min:nth-child(26):after{transform:rotate(150deg)}.timepicker .circle .min:nth-child(25):after{transform:rotate(144deg)}.timepicker .circle .min:nth-child(24):after{transform:rotate(138deg)}.timepicker .circle .min:nth-child(23):after{transform:rotate(132deg)}.timepicker .circle .min:nth-child(22):after{transform:rotate(126deg)}.timepicker .circle .min:nth-child(21):after{transform:rotate(120deg)}.timepicker .circle .min:nth-child(20):after{transform:rotate(114deg)}.timepicker .circle .min:nth-child(19):after{transform:rotate(108deg)}.timepicker .circle .min:nth-child(18):after{transform:rotate(102deg)}.timepicker .circle .min:nth-child(17):after{transform:rotate(96deg)}.timepicker .circle .min:nth-child(16):after{transform:rotate(90deg)}.timepicker .circle .min:nth-child(15):after{transform:rotate(84deg)}.timepicker .circle .min:nth-child(14):after{transform:rotate(78deg)}.timepicker .circle .min:nth-child(13):after{transform:rotate(72deg)}.timepicker .circle .min:nth-child(12):after{transform:rotate(66deg)}.timepicker .circle .min:nth-child(11):after{transform:rotate(60deg)}.timepicker .circle .min:nth-child(10):after{transform:rotate(54deg)}.timepicker .circle .min:nth-child(9):after{transform:rotate(48deg)}.timepicker .circle .min:nth-child(8):after{transform:rotate(42deg)}.timepicker .circle .min:nth-child(7):after{transform:rotate(36deg)}.timepicker .circle .min:nth-child(6):after{transform:rotate(30deg)}.timepicker .circle .min:nth-child(5):after{transform:rotate(24deg)}.timepicker .circle .min:nth-child(4):after{transform:rotate(18deg)}.timepicker .circle .min:nth-child(3):after{transform:rotate(12deg)}.timepicker .circle .min:nth-child(2):after{transform:rotate(6deg)}.timepicker .circle .min:nth-child(1):after{transform:rotate(0)}.timepicker .actions{color:var(--default-time-picker-button-text-color);font-weight:700;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px;padding-inline:12px}.timepicker .actions .action{display:inline-block;text-align:center;font-size:18px;padding-inline:12px;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.timepicker .circle .hour:hover,.timepicker .circle .hour2:hover{background-color:var(--default-time-picker-hour-hover-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
137
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerModalComponent, selector: "lib-time-picker-modal", inputs: { config: "config", closeSubject: "closeSubject" }, ngImport: i0, template: "<div class=\"timepicker\">\r\n <div class=\"top\">\r\n <span class=\"h\" (click)=\"onHourClick()\" [class.active]=\"showHour\">10</span\r\n >:<span class=\"m\" (click)=\"onMinutesClick()\" [class.active]=\"showMin\"\r\n >15</span\r\n >\r\n </div>\r\n <div class=\"circle\">\r\n <div *ngIf=\"showHour\">\r\n <div\r\n class=\"hour\"\r\n *ngFor=\"let hour of hoursSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div\r\n class=\"hour2\"\r\n *ngFor=\"let hour of hours2Subject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n <div *ngIf=\"showMin\">\r\n <div\r\n class=\"min\"\r\n *ngFor=\"let hour of minutesSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onMinutesSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <core-btn\r\n class=\"action ok\"\r\n (btnClicked)=\"submit()\"\r\n [colorState]=\"'success'\"\r\n >\r\n \u0627\u0646\u062A\u062E\u0627\u0628\r\n </core-btn>\r\n <core-btn class=\"action close\" (btnClicked)=\"close()\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</div>\r\n", styles: [".timepicker{width:300px;height:450px;background-color:var(--default-time-picker-background-color);position:relative;font-family:Calibri}.timepicker .top{background-color:var(--default-time-picker-header-background-color);color:var(--default-time-picker-header-text-color);height:100px;line-height:100px;font-size:50px;text-align:center}.timepicker .top .h :hover,.timepicker .top .m :hover{cursor:pointer}.timepicker .top .active{color:var(--default-time-picker-header-item-active-text-color)}.timepicker .circle{-webkit-user-select:none;user-select:none;background-color:var(--default-time-picker-circle-background-color);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;right:25px;box-sizing:border-box}.timepicker .circle .mid{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:10px;background-color:var(--default-time-picker-point-background-color)}.timepicker .circle .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.timepicker .circle .hour.selected{background-color:var(--default-time-picker-hour-hover-background-color)}.timepicker .circle .hour.selected:after{content:\"\"}.timepicker .circle .hour:after{z-index:-1;background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .hour:hover{color:var(--default-time-picker-hour-hover-text-color);z-index:2;cursor:pointer}.timepicker .circle .hour:hover:after{content:\"\"}.timepicker .circle .hour:nth-child(12):after{transform:rotate(330deg)}.timepicker .circle .hour:nth-child(11):after{transform:rotate(300deg)}.timepicker .circle .hour:nth-child(10):after{transform:rotate(270deg)}.timepicker .circle .hour:nth-child(9):after{transform:rotate(240deg)}.timepicker .circle .hour:nth-child(8):after{transform:rotate(210deg)}.timepicker .circle .hour:nth-child(7):after{transform:rotate(180deg)}.timepicker .circle .hour:nth-child(6):after{transform:rotate(150deg)}.timepicker .circle .hour:nth-child(5):after{transform:rotate(120deg)}.timepicker .circle .hour:nth-child(4):after{transform:rotate(90deg)}.timepicker .circle .hour:nth-child(3):after{transform:rotate(60deg)}.timepicker .circle .hour:nth-child(2):after{transform:rotate(30deg)}.timepicker .circle .hour:nth-child(1):after{transform:rotate(0)}.timepicker .circle .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.timepicker .circle .hour2:hover{color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .hour2:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.timepicker .circle .hour2:nth-child(24):after{transform:rotate(690deg)}.timepicker .circle .hour2:nth-child(23):after{transform:rotate(660deg)}.timepicker .circle .hour2:nth-child(22):after{transform:rotate(630deg)}.timepicker .circle .hour2:nth-child(21):after{transform:rotate(600deg)}.timepicker .circle .hour2:nth-child(20):after{transform:rotate(570deg)}.timepicker .circle .hour2:nth-child(19):after{transform:rotate(540deg)}.timepicker .circle .hour2:nth-child(18):after{transform:rotate(510deg)}.timepicker .circle .hour2:nth-child(17):after{transform:rotate(480deg)}.timepicker .circle .hour2:nth-child(16):after{transform:rotate(450deg)}.timepicker .circle .hour2:nth-child(15):after{transform:rotate(420deg)}.timepicker .circle .hour2:nth-child(14):after{transform:rotate(390deg)}.timepicker .circle .hour2:nth-child(13):after{transform:rotate(360deg)}.timepicker .circle .min{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.timepicker .circle .min:hover{background-color:var(--default-time-picker-hour-hover-background-color);color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .min:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .min:nth-child(60):after{transform:rotate(354deg)}.timepicker .circle .min:nth-child(59):after{transform:rotate(348deg)}.timepicker .circle .min:nth-child(58):after{transform:rotate(342deg)}.timepicker .circle .min:nth-child(57):after{transform:rotate(336deg)}.timepicker .circle .min:nth-child(56):after{transform:rotate(330deg)}.timepicker .circle .min:nth-child(55):after{transform:rotate(324deg)}.timepicker .circle .min:nth-child(54):after{transform:rotate(318deg)}.timepicker .circle .min:nth-child(53):after{transform:rotate(312deg)}.timepicker .circle .min:nth-child(52):after{transform:rotate(306deg)}.timepicker .circle .min:nth-child(51):after{transform:rotate(300deg)}.timepicker .circle .min:nth-child(50):after{transform:rotate(294deg)}.timepicker .circle .min:nth-child(49):after{transform:rotate(288deg)}.timepicker .circle .min:nth-child(48):after{transform:rotate(282deg)}.timepicker .circle .min:nth-child(47):after{transform:rotate(276deg)}.timepicker .circle .min:nth-child(46):after{transform:rotate(270deg)}.timepicker .circle .min:nth-child(45):after{transform:rotate(264deg)}.timepicker .circle .min:nth-child(44):after{transform:rotate(258deg)}.timepicker .circle .min:nth-child(43):after{transform:rotate(252deg)}.timepicker .circle .min:nth-child(42):after{transform:rotate(246deg)}.timepicker .circle .min:nth-child(41):after{transform:rotate(240deg)}.timepicker .circle .min:nth-child(40):after{transform:rotate(234deg)}.timepicker .circle .min:nth-child(39):after{transform:rotate(228deg)}.timepicker .circle .min:nth-child(38):after{transform:rotate(222deg)}.timepicker .circle .min:nth-child(37):after{transform:rotate(216deg)}.timepicker .circle .min:nth-child(36):after{transform:rotate(210deg)}.timepicker .circle .min:nth-child(35):after{transform:rotate(204deg)}.timepicker .circle .min:nth-child(34):after{transform:rotate(198deg)}.timepicker .circle .min:nth-child(33):after{transform:rotate(192deg)}.timepicker .circle .min:nth-child(32):after{transform:rotate(186deg)}.timepicker .circle .min:nth-child(31):after{transform:rotate(180deg)}.timepicker .circle .min:nth-child(30):after{transform:rotate(174deg)}.timepicker .circle .min:nth-child(29):after{transform:rotate(168deg)}.timepicker .circle .min:nth-child(28):after{transform:rotate(162deg)}.timepicker .circle .min:nth-child(27):after{transform:rotate(156deg)}.timepicker .circle .min:nth-child(26):after{transform:rotate(150deg)}.timepicker .circle .min:nth-child(25):after{transform:rotate(144deg)}.timepicker .circle .min:nth-child(24):after{transform:rotate(138deg)}.timepicker .circle .min:nth-child(23):after{transform:rotate(132deg)}.timepicker .circle .min:nth-child(22):after{transform:rotate(126deg)}.timepicker .circle .min:nth-child(21):after{transform:rotate(120deg)}.timepicker .circle .min:nth-child(20):after{transform:rotate(114deg)}.timepicker .circle .min:nth-child(19):after{transform:rotate(108deg)}.timepicker .circle .min:nth-child(18):after{transform:rotate(102deg)}.timepicker .circle .min:nth-child(17):after{transform:rotate(96deg)}.timepicker .circle .min:nth-child(16):after{transform:rotate(90deg)}.timepicker .circle .min:nth-child(15):after{transform:rotate(84deg)}.timepicker .circle .min:nth-child(14):after{transform:rotate(78deg)}.timepicker .circle .min:nth-child(13):after{transform:rotate(72deg)}.timepicker .circle .min:nth-child(12):after{transform:rotate(66deg)}.timepicker .circle .min:nth-child(11):after{transform:rotate(60deg)}.timepicker .circle .min:nth-child(10):after{transform:rotate(54deg)}.timepicker .circle .min:nth-child(9):after{transform:rotate(48deg)}.timepicker .circle .min:nth-child(8):after{transform:rotate(42deg)}.timepicker .circle .min:nth-child(7):after{transform:rotate(36deg)}.timepicker .circle .min:nth-child(6):after{transform:rotate(30deg)}.timepicker .circle .min:nth-child(5):after{transform:rotate(24deg)}.timepicker .circle .min:nth-child(4):after{transform:rotate(18deg)}.timepicker .circle .min:nth-child(3):after{transform:rotate(12deg)}.timepicker .circle .min:nth-child(2):after{transform:rotate(6deg)}.timepicker .circle .min:nth-child(1):after{transform:rotate(0)}.timepicker .actions{color:var(--default-time-picker-button-text-color);font-weight:700;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px;padding-inline:12px}.timepicker .actions .action{display:inline-block;text-align:center;font-size:18px;padding-inline:12px;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.timepicker .circle .hour:hover,.timepicker .circle .hour2:hover{background-color:var(--default-time-picker-hour-hover-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked", "btnClickedOnDisableMode"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
138
138
|
}
|
|
139
139
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, decorators: [{
|
|
140
140
|
type: Component,
|
package/fesm2022/nira-falcon.mjs
CHANGED
|
@@ -107,6 +107,7 @@ class CoreBtnComponent {
|
|
|
107
107
|
this.color = 'White';
|
|
108
108
|
this.colorState = 'default';
|
|
109
109
|
this.btnClicked = new EventEmitter();
|
|
110
|
+
this.btnClickedOnDisableMode = new EventEmitter();
|
|
110
111
|
}
|
|
111
112
|
clicked() {
|
|
112
113
|
if (!this.disable) {
|
|
@@ -124,12 +125,15 @@ class CoreBtnComponent {
|
|
|
124
125
|
this.btnClicked.emit();
|
|
125
126
|
}
|
|
126
127
|
}
|
|
128
|
+
else {
|
|
129
|
+
this.btnClickedOnDisableMode.emit();
|
|
130
|
+
}
|
|
127
131
|
if (this.formGroup) {
|
|
128
132
|
this.formGroup.markAllAsTouched();
|
|
129
133
|
}
|
|
130
134
|
}
|
|
131
135
|
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 }); }
|
|
132
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { formGroup: "formGroup", loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", color: "color", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\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.round.disabled{cursor:not-allowed;opacity:.4}.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.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"] }] }); }
|
|
136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { formGroup: "formGroup", loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", color: "color", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked", btnClickedOnDisableMode: "btnClickedOnDisableMode" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\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.round.disabled{cursor:not-allowed;opacity:.4}.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.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"] }] }); }
|
|
133
137
|
}
|
|
134
138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
|
|
135
139
|
type: Component,
|
|
@@ -152,6 +156,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
152
156
|
type: Input
|
|
153
157
|
}], btnClicked: [{
|
|
154
158
|
type: Output
|
|
159
|
+
}], btnClickedOnDisableMode: [{
|
|
160
|
+
type: Output
|
|
155
161
|
}], confirmDialog: [{
|
|
156
162
|
type: Input
|
|
157
163
|
}] } });
|
|
@@ -2355,7 +2361,7 @@ class CoreTableFilterDialogComponent {
|
|
|
2355
2361
|
this.closeSubject.next('');
|
|
2356
2362
|
}
|
|
2357
2363
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, deps: [{ token: i1$4.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2358
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableFilterDialogComponent, selector: "app-core-table-filter-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
2364
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableFilterDialogComponent, selector: "app-core-table-filter-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked", "btnClickedOnDisableMode"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
2359
2365
|
}
|
|
2360
2366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, decorators: [{
|
|
2361
2367
|
type: Component,
|
|
@@ -2539,7 +2545,7 @@ class TimePickerModalComponent {
|
|
|
2539
2545
|
this.minutesSubject.next(this.createCircleOfDivs(60, 101, 115, 115, 0, 5));
|
|
2540
2546
|
}
|
|
2541
2547
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2542
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerModalComponent, selector: "lib-time-picker-modal", inputs: { config: "config", closeSubject: "closeSubject" }, ngImport: i0, template: "<div class=\"timepicker\">\r\n <div class=\"top\">\r\n <span class=\"h\" (click)=\"onHourClick()\" [class.active]=\"showHour\">10</span\r\n >:<span class=\"m\" (click)=\"onMinutesClick()\" [class.active]=\"showMin\"\r\n >15</span\r\n >\r\n </div>\r\n <div class=\"circle\">\r\n <div *ngIf=\"showHour\">\r\n <div\r\n class=\"hour\"\r\n *ngFor=\"let hour of hoursSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div\r\n class=\"hour2\"\r\n *ngFor=\"let hour of hours2Subject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n <div *ngIf=\"showMin\">\r\n <div\r\n class=\"min\"\r\n *ngFor=\"let hour of minutesSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onMinutesSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <core-btn\r\n class=\"action ok\"\r\n (btnClicked)=\"submit()\"\r\n [colorState]=\"'success'\"\r\n >\r\n \u0627\u0646\u062A\u062E\u0627\u0628\r\n </core-btn>\r\n <core-btn class=\"action close\" (btnClicked)=\"close()\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</div>\r\n", styles: [".timepicker{width:300px;height:450px;background-color:var(--default-time-picker-background-color);position:relative;font-family:Calibri}.timepicker .top{background-color:var(--default-time-picker-header-background-color);color:var(--default-time-picker-header-text-color);height:100px;line-height:100px;font-size:50px;text-align:center}.timepicker .top .h :hover,.timepicker .top .m :hover{cursor:pointer}.timepicker .top .active{color:var(--default-time-picker-header-item-active-text-color)}.timepicker .circle{-webkit-user-select:none;user-select:none;background-color:var(--default-time-picker-circle-background-color);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;right:25px;box-sizing:border-box}.timepicker .circle .mid{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:10px;background-color:var(--default-time-picker-point-background-color)}.timepicker .circle .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.timepicker .circle .hour.selected{background-color:var(--default-time-picker-hour-hover-background-color)}.timepicker .circle .hour.selected:after{content:\"\"}.timepicker .circle .hour:after{z-index:-1;background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .hour:hover{color:var(--default-time-picker-hour-hover-text-color);z-index:2;cursor:pointer}.timepicker .circle .hour:hover:after{content:\"\"}.timepicker .circle .hour:nth-child(12):after{transform:rotate(330deg)}.timepicker .circle .hour:nth-child(11):after{transform:rotate(300deg)}.timepicker .circle .hour:nth-child(10):after{transform:rotate(270deg)}.timepicker .circle .hour:nth-child(9):after{transform:rotate(240deg)}.timepicker .circle .hour:nth-child(8):after{transform:rotate(210deg)}.timepicker .circle .hour:nth-child(7):after{transform:rotate(180deg)}.timepicker .circle .hour:nth-child(6):after{transform:rotate(150deg)}.timepicker .circle .hour:nth-child(5):after{transform:rotate(120deg)}.timepicker .circle .hour:nth-child(4):after{transform:rotate(90deg)}.timepicker .circle .hour:nth-child(3):after{transform:rotate(60deg)}.timepicker .circle .hour:nth-child(2):after{transform:rotate(30deg)}.timepicker .circle .hour:nth-child(1):after{transform:rotate(0)}.timepicker .circle .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.timepicker .circle .hour2:hover{color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .hour2:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.timepicker .circle .hour2:nth-child(24):after{transform:rotate(690deg)}.timepicker .circle .hour2:nth-child(23):after{transform:rotate(660deg)}.timepicker .circle .hour2:nth-child(22):after{transform:rotate(630deg)}.timepicker .circle .hour2:nth-child(21):after{transform:rotate(600deg)}.timepicker .circle .hour2:nth-child(20):after{transform:rotate(570deg)}.timepicker .circle .hour2:nth-child(19):after{transform:rotate(540deg)}.timepicker .circle .hour2:nth-child(18):after{transform:rotate(510deg)}.timepicker .circle .hour2:nth-child(17):after{transform:rotate(480deg)}.timepicker .circle .hour2:nth-child(16):after{transform:rotate(450deg)}.timepicker .circle .hour2:nth-child(15):after{transform:rotate(420deg)}.timepicker .circle .hour2:nth-child(14):after{transform:rotate(390deg)}.timepicker .circle .hour2:nth-child(13):after{transform:rotate(360deg)}.timepicker .circle .min{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.timepicker .circle .min:hover{background-color:var(--default-time-picker-hour-hover-background-color);color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .min:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .min:nth-child(60):after{transform:rotate(354deg)}.timepicker .circle .min:nth-child(59):after{transform:rotate(348deg)}.timepicker .circle .min:nth-child(58):after{transform:rotate(342deg)}.timepicker .circle .min:nth-child(57):after{transform:rotate(336deg)}.timepicker .circle .min:nth-child(56):after{transform:rotate(330deg)}.timepicker .circle .min:nth-child(55):after{transform:rotate(324deg)}.timepicker .circle .min:nth-child(54):after{transform:rotate(318deg)}.timepicker .circle .min:nth-child(53):after{transform:rotate(312deg)}.timepicker .circle .min:nth-child(52):after{transform:rotate(306deg)}.timepicker .circle .min:nth-child(51):after{transform:rotate(300deg)}.timepicker .circle .min:nth-child(50):after{transform:rotate(294deg)}.timepicker .circle .min:nth-child(49):after{transform:rotate(288deg)}.timepicker .circle .min:nth-child(48):after{transform:rotate(282deg)}.timepicker .circle .min:nth-child(47):after{transform:rotate(276deg)}.timepicker .circle .min:nth-child(46):after{transform:rotate(270deg)}.timepicker .circle .min:nth-child(45):after{transform:rotate(264deg)}.timepicker .circle .min:nth-child(44):after{transform:rotate(258deg)}.timepicker .circle .min:nth-child(43):after{transform:rotate(252deg)}.timepicker .circle .min:nth-child(42):after{transform:rotate(246deg)}.timepicker .circle .min:nth-child(41):after{transform:rotate(240deg)}.timepicker .circle .min:nth-child(40):after{transform:rotate(234deg)}.timepicker .circle .min:nth-child(39):after{transform:rotate(228deg)}.timepicker .circle .min:nth-child(38):after{transform:rotate(222deg)}.timepicker .circle .min:nth-child(37):after{transform:rotate(216deg)}.timepicker .circle .min:nth-child(36):after{transform:rotate(210deg)}.timepicker .circle .min:nth-child(35):after{transform:rotate(204deg)}.timepicker .circle .min:nth-child(34):after{transform:rotate(198deg)}.timepicker .circle .min:nth-child(33):after{transform:rotate(192deg)}.timepicker .circle .min:nth-child(32):after{transform:rotate(186deg)}.timepicker .circle .min:nth-child(31):after{transform:rotate(180deg)}.timepicker .circle .min:nth-child(30):after{transform:rotate(174deg)}.timepicker .circle .min:nth-child(29):after{transform:rotate(168deg)}.timepicker .circle .min:nth-child(28):after{transform:rotate(162deg)}.timepicker .circle .min:nth-child(27):after{transform:rotate(156deg)}.timepicker .circle .min:nth-child(26):after{transform:rotate(150deg)}.timepicker .circle .min:nth-child(25):after{transform:rotate(144deg)}.timepicker .circle .min:nth-child(24):after{transform:rotate(138deg)}.timepicker .circle .min:nth-child(23):after{transform:rotate(132deg)}.timepicker .circle .min:nth-child(22):after{transform:rotate(126deg)}.timepicker .circle .min:nth-child(21):after{transform:rotate(120deg)}.timepicker .circle .min:nth-child(20):after{transform:rotate(114deg)}.timepicker .circle .min:nth-child(19):after{transform:rotate(108deg)}.timepicker .circle .min:nth-child(18):after{transform:rotate(102deg)}.timepicker .circle .min:nth-child(17):after{transform:rotate(96deg)}.timepicker .circle .min:nth-child(16):after{transform:rotate(90deg)}.timepicker .circle .min:nth-child(15):after{transform:rotate(84deg)}.timepicker .circle .min:nth-child(14):after{transform:rotate(78deg)}.timepicker .circle .min:nth-child(13):after{transform:rotate(72deg)}.timepicker .circle .min:nth-child(12):after{transform:rotate(66deg)}.timepicker .circle .min:nth-child(11):after{transform:rotate(60deg)}.timepicker .circle .min:nth-child(10):after{transform:rotate(54deg)}.timepicker .circle .min:nth-child(9):after{transform:rotate(48deg)}.timepicker .circle .min:nth-child(8):after{transform:rotate(42deg)}.timepicker .circle .min:nth-child(7):after{transform:rotate(36deg)}.timepicker .circle .min:nth-child(6):after{transform:rotate(30deg)}.timepicker .circle .min:nth-child(5):after{transform:rotate(24deg)}.timepicker .circle .min:nth-child(4):after{transform:rotate(18deg)}.timepicker .circle .min:nth-child(3):after{transform:rotate(12deg)}.timepicker .circle .min:nth-child(2):after{transform:rotate(6deg)}.timepicker .circle .min:nth-child(1):after{transform:rotate(0)}.timepicker .actions{color:var(--default-time-picker-button-text-color);font-weight:700;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px;padding-inline:12px}.timepicker .actions .action{display:inline-block;text-align:center;font-size:18px;padding-inline:12px;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.timepicker .circle .hour:hover,.timepicker .circle .hour2:hover{background-color:var(--default-time-picker-hour-hover-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
2548
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerModalComponent, selector: "lib-time-picker-modal", inputs: { config: "config", closeSubject: "closeSubject" }, ngImport: i0, template: "<div class=\"timepicker\">\r\n <div class=\"top\">\r\n <span class=\"h\" (click)=\"onHourClick()\" [class.active]=\"showHour\">10</span\r\n >:<span class=\"m\" (click)=\"onMinutesClick()\" [class.active]=\"showMin\"\r\n >15</span\r\n >\r\n </div>\r\n <div class=\"circle\">\r\n <div *ngIf=\"showHour\">\r\n <div\r\n class=\"hour\"\r\n *ngFor=\"let hour of hoursSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div\r\n class=\"hour2\"\r\n *ngFor=\"let hour of hours2Subject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n <div *ngIf=\"showMin\">\r\n <div\r\n class=\"min\"\r\n *ngFor=\"let hour of minutesSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onMinutesSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <core-btn\r\n class=\"action ok\"\r\n (btnClicked)=\"submit()\"\r\n [colorState]=\"'success'\"\r\n >\r\n \u0627\u0646\u062A\u062E\u0627\u0628\r\n </core-btn>\r\n <core-btn class=\"action close\" (btnClicked)=\"close()\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</div>\r\n", styles: [".timepicker{width:300px;height:450px;background-color:var(--default-time-picker-background-color);position:relative;font-family:Calibri}.timepicker .top{background-color:var(--default-time-picker-header-background-color);color:var(--default-time-picker-header-text-color);height:100px;line-height:100px;font-size:50px;text-align:center}.timepicker .top .h :hover,.timepicker .top .m :hover{cursor:pointer}.timepicker .top .active{color:var(--default-time-picker-header-item-active-text-color)}.timepicker .circle{-webkit-user-select:none;user-select:none;background-color:var(--default-time-picker-circle-background-color);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;right:25px;box-sizing:border-box}.timepicker .circle .mid{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:10px;background-color:var(--default-time-picker-point-background-color)}.timepicker .circle .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.timepicker .circle .hour.selected{background-color:var(--default-time-picker-hour-hover-background-color)}.timepicker .circle .hour.selected:after{content:\"\"}.timepicker .circle .hour:after{z-index:-1;background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .hour:hover{color:var(--default-time-picker-hour-hover-text-color);z-index:2;cursor:pointer}.timepicker .circle .hour:hover:after{content:\"\"}.timepicker .circle .hour:nth-child(12):after{transform:rotate(330deg)}.timepicker .circle .hour:nth-child(11):after{transform:rotate(300deg)}.timepicker .circle .hour:nth-child(10):after{transform:rotate(270deg)}.timepicker .circle .hour:nth-child(9):after{transform:rotate(240deg)}.timepicker .circle .hour:nth-child(8):after{transform:rotate(210deg)}.timepicker .circle .hour:nth-child(7):after{transform:rotate(180deg)}.timepicker .circle .hour:nth-child(6):after{transform:rotate(150deg)}.timepicker .circle .hour:nth-child(5):after{transform:rotate(120deg)}.timepicker .circle .hour:nth-child(4):after{transform:rotate(90deg)}.timepicker .circle .hour:nth-child(3):after{transform:rotate(60deg)}.timepicker .circle .hour:nth-child(2):after{transform:rotate(30deg)}.timepicker .circle .hour:nth-child(1):after{transform:rotate(0)}.timepicker .circle .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.timepicker .circle .hour2:hover{color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .hour2:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.timepicker .circle .hour2:nth-child(24):after{transform:rotate(690deg)}.timepicker .circle .hour2:nth-child(23):after{transform:rotate(660deg)}.timepicker .circle .hour2:nth-child(22):after{transform:rotate(630deg)}.timepicker .circle .hour2:nth-child(21):after{transform:rotate(600deg)}.timepicker .circle .hour2:nth-child(20):after{transform:rotate(570deg)}.timepicker .circle .hour2:nth-child(19):after{transform:rotate(540deg)}.timepicker .circle .hour2:nth-child(18):after{transform:rotate(510deg)}.timepicker .circle .hour2:nth-child(17):after{transform:rotate(480deg)}.timepicker .circle .hour2:nth-child(16):after{transform:rotate(450deg)}.timepicker .circle .hour2:nth-child(15):after{transform:rotate(420deg)}.timepicker .circle .hour2:nth-child(14):after{transform:rotate(390deg)}.timepicker .circle .hour2:nth-child(13):after{transform:rotate(360deg)}.timepicker .circle .min{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.timepicker .circle .min:hover{background-color:var(--default-time-picker-hour-hover-background-color);color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .min:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .min:nth-child(60):after{transform:rotate(354deg)}.timepicker .circle .min:nth-child(59):after{transform:rotate(348deg)}.timepicker .circle .min:nth-child(58):after{transform:rotate(342deg)}.timepicker .circle .min:nth-child(57):after{transform:rotate(336deg)}.timepicker .circle .min:nth-child(56):after{transform:rotate(330deg)}.timepicker .circle .min:nth-child(55):after{transform:rotate(324deg)}.timepicker .circle .min:nth-child(54):after{transform:rotate(318deg)}.timepicker .circle .min:nth-child(53):after{transform:rotate(312deg)}.timepicker .circle .min:nth-child(52):after{transform:rotate(306deg)}.timepicker .circle .min:nth-child(51):after{transform:rotate(300deg)}.timepicker .circle .min:nth-child(50):after{transform:rotate(294deg)}.timepicker .circle .min:nth-child(49):after{transform:rotate(288deg)}.timepicker .circle .min:nth-child(48):after{transform:rotate(282deg)}.timepicker .circle .min:nth-child(47):after{transform:rotate(276deg)}.timepicker .circle .min:nth-child(46):after{transform:rotate(270deg)}.timepicker .circle .min:nth-child(45):after{transform:rotate(264deg)}.timepicker .circle .min:nth-child(44):after{transform:rotate(258deg)}.timepicker .circle .min:nth-child(43):after{transform:rotate(252deg)}.timepicker .circle .min:nth-child(42):after{transform:rotate(246deg)}.timepicker .circle .min:nth-child(41):after{transform:rotate(240deg)}.timepicker .circle .min:nth-child(40):after{transform:rotate(234deg)}.timepicker .circle .min:nth-child(39):after{transform:rotate(228deg)}.timepicker .circle .min:nth-child(38):after{transform:rotate(222deg)}.timepicker .circle .min:nth-child(37):after{transform:rotate(216deg)}.timepicker .circle .min:nth-child(36):after{transform:rotate(210deg)}.timepicker .circle .min:nth-child(35):after{transform:rotate(204deg)}.timepicker .circle .min:nth-child(34):after{transform:rotate(198deg)}.timepicker .circle .min:nth-child(33):after{transform:rotate(192deg)}.timepicker .circle .min:nth-child(32):after{transform:rotate(186deg)}.timepicker .circle .min:nth-child(31):after{transform:rotate(180deg)}.timepicker .circle .min:nth-child(30):after{transform:rotate(174deg)}.timepicker .circle .min:nth-child(29):after{transform:rotate(168deg)}.timepicker .circle .min:nth-child(28):after{transform:rotate(162deg)}.timepicker .circle .min:nth-child(27):after{transform:rotate(156deg)}.timepicker .circle .min:nth-child(26):after{transform:rotate(150deg)}.timepicker .circle .min:nth-child(25):after{transform:rotate(144deg)}.timepicker .circle .min:nth-child(24):after{transform:rotate(138deg)}.timepicker .circle .min:nth-child(23):after{transform:rotate(132deg)}.timepicker .circle .min:nth-child(22):after{transform:rotate(126deg)}.timepicker .circle .min:nth-child(21):after{transform:rotate(120deg)}.timepicker .circle .min:nth-child(20):after{transform:rotate(114deg)}.timepicker .circle .min:nth-child(19):after{transform:rotate(108deg)}.timepicker .circle .min:nth-child(18):after{transform:rotate(102deg)}.timepicker .circle .min:nth-child(17):after{transform:rotate(96deg)}.timepicker .circle .min:nth-child(16):after{transform:rotate(90deg)}.timepicker .circle .min:nth-child(15):after{transform:rotate(84deg)}.timepicker .circle .min:nth-child(14):after{transform:rotate(78deg)}.timepicker .circle .min:nth-child(13):after{transform:rotate(72deg)}.timepicker .circle .min:nth-child(12):after{transform:rotate(66deg)}.timepicker .circle .min:nth-child(11):after{transform:rotate(60deg)}.timepicker .circle .min:nth-child(10):after{transform:rotate(54deg)}.timepicker .circle .min:nth-child(9):after{transform:rotate(48deg)}.timepicker .circle .min:nth-child(8):after{transform:rotate(42deg)}.timepicker .circle .min:nth-child(7):after{transform:rotate(36deg)}.timepicker .circle .min:nth-child(6):after{transform:rotate(30deg)}.timepicker .circle .min:nth-child(5):after{transform:rotate(24deg)}.timepicker .circle .min:nth-child(4):after{transform:rotate(18deg)}.timepicker .circle .min:nth-child(3):after{transform:rotate(12deg)}.timepicker .circle .min:nth-child(2):after{transform:rotate(6deg)}.timepicker .circle .min:nth-child(1):after{transform:rotate(0)}.timepicker .actions{color:var(--default-time-picker-button-text-color);font-weight:700;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px;padding-inline:12px}.timepicker .actions .action{display:inline-block;text-align:center;font-size:18px;padding-inline:12px;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.timepicker .circle .hour:hover,.timepicker .circle .hour2:hover{background-color:var(--default-time-picker-hour-hover-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked", "btnClickedOnDisableMode"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
2543
2549
|
}
|
|
2544
2550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, decorators: [{
|
|
2545
2551
|
type: Component,
|