nira-falcon 0.1.1 → 0.1.3

package/README.md

@@ -1,24 +1,24 @@
-# FalconLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.1.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project falconLib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project falconLib`.
-> Note: Don't forget to add `--project falconLib` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build falconLib` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build falconLib`, go to the dist folder `cd dist/falcon-lib` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test falconLib` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# FalconLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project falconLib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project falconLib`.
+> Note: Don't forget to add `--project falconLib` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build falconLib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build falconLib`, go to the dist folder `cd dist/falcon-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test falconLib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2022/lib/core-btn/core-btn.component.mjs

@@ -11,6 +11,7 @@ export class CoreBtnComponent {
     constructor(niraModalService) {
         this.niraModalService = niraModalService;
         this.disable = false;
+        this.formGroup = undefined;
         this.loading = false;
         this.theme = 'square';
         this.buttonType = 'button';
@@ -34,14 +35,18 @@ export class CoreBtnComponent {
                 this.btnClicked.emit();
             }
         }
+        if (this.formGroup)
+            this.formGroup.markAllAsTouched();
     }
     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 }); }
-    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.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"] }] }); }
+    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", 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.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
             type: Component,
             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.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"] }]
-        }], ctorParameters: function () { return [{ type: i1.NiraModalService }]; }, propDecorators: { loading: [{
+        }], ctorParameters: function () { return [{ type: i1.NiraModalService }]; }, propDecorators: { formGroup: [{
+                type: Input
+            }], loading: [{
                 type: Input
             }], theme: [{
                 type: Input
@@ -58,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], confirmDialog: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1idG4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtYnRuL2NvcmUtYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWJ0bi9jb3JlLWJ0bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU3ZFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDOzs7OztBQU9sRyxNQUFNLE9BQU8sZ0JBQWdCO0lBTzNCLElBQWEsVUFBVSxDQUFDLEtBQWM7UUFDcEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUlELFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBWnRELFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFUCxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFVBQUssR0FBaUIsUUFBUSxDQUFDO1FBQy9CLGVBQVUsR0FBZSxRQUFRLENBQUM7UUFDbEMsU0FBSSxHQUFlLE9BQU8sQ0FBQztRQUkzQixlQUFVLEdBQWUsU0FBUyxDQUFDO1FBQ2xDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVKLENBQUM7SUFDMUQsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxTQUFTLEVBQUU7Z0JBQ25DLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUU7b0JBQ25FLElBQUksRUFBRSxJQUFJLENBQUMsYUFBYTtpQkFDekIsQ0FBQyxDQUFDO2dCQUNILEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7b0JBQ3JDLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRTt3QkFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztxQkFDeEI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7YUFDSjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO2FBQ3hCO1NBQ0Y7SUFDSCxDQUFDOytHQTdCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixtUUNoQjdCLHlkQXFCQTs7NEZETGEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVU7dUdBT1gsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDTyxVQUFVO3NCQUF0QixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRSxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmlyYU1vZGFsU2VydmljZSB9IGZyb20gJ25pcmEtbW9kYWwnO1xyXG5pbXBvcnQge1xyXG4gIEJ1dHRvblNpemUsXHJcbiAgQnV0dG9uVHlwZSxcclxuICBDb2xvclN0YXRlLFxyXG4gIENvbmZpcm1EaWFsb2csXHJcbiAgVGhlbWVQYWxldHRlLFxyXG59IGZyb20gJy4uL2ZhbGNvblR5cGVzJztcclxuaW1wb3J0IHsgQ29yZUNvbmZpcm1EaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9jb3JlLWNvbmZpcm0tZGlhbG9nL2NvcmUtY29uZmlybS1kaWFsb2cuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1idG4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLWJ0bi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1idG4uY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVCdG5Db21wb25lbnQge1xyXG4gIGRpc2FibGUgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRoZW1lOiBUaGVtZVBhbGV0dGUgPSAnc3F1YXJlJztcclxuICBASW5wdXQoKSBidXR0b25UeXBlOiBCdXR0b25UeXBlID0gJ2J1dHRvbic7XHJcbiAgQElucHV0KCkgc2l6ZTogQnV0dG9uU2l6ZSA9ICdzbWFsbCc7XHJcbiAgQElucHV0KCkgc2V0IGlzRGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlzYWJsZSA9IHZhbHVlO1xyXG4gIH1cclxuICBASW5wdXQoKSBjb2xvclN0YXRlOiBDb2xvclN0YXRlID0gJ2RlZmF1bHQnO1xyXG4gIEBPdXRwdXQoKSBidG5DbGlja2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBjb25maXJtRGlhbG9nOiBDb25maXJtRGlhbG9nIHwgdW5kZWZpbmVkO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmlyYU1vZGFsU2VydmljZTogTmlyYU1vZGFsU2VydmljZSkge31cclxuICBjbGlja2VkKCkge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGUpIHtcclxuICAgICAgaWYgKHRoaXMuY29uZmlybURpYWxvZyAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICBjb25zdCBtb2RhbCA9IHRoaXMubmlyYU1vZGFsU2VydmljZS5vcGVuKENvcmVDb25maXJtRGlhbG9nQ29tcG9uZW50LCB7XHJcbiAgICAgICAgICBkYXRhOiB0aGlzLmNvbmZpcm1EaWFsb2csXHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgbW9kYWwuYWZ0ZXJDbG9zZWQuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcclxuICAgICAgICAgIGlmIChyZXN1bHQgPT09ICd0cnVlJykge1xyXG4gICAgICAgICAgICB0aGlzLmJ0bkNsaWNrZWQuZW1pdCgpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuYnRuQ2xpY2tlZC5lbWl0KCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gIChjbGljayk9XCJjbGlja2VkKClcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlXCJcclxuICBbbmdDbGFzc109XCJbXHJcbiAgICAnYnV0dG9uJyxcclxuICAgIGRpc2FibGUgPyAnZGlzYWJsZWQnIDogJycsXHJcbiAgICB0aGVtZSxcclxuICAgIGNvbG9yU3RhdGUsXHJcbiAgICBzaXplLFxyXG4gICAgbG9hZGluZyA/ICdjdXJzb3JMb2FkaW5nJyA6ICcnXHJcbiAgXVwiXHJcbiAgW3R5cGVdPVwiYnV0dG9uVHlwZVwiXHJcbj5cclxuICA8bmctY29udGVudCAqbmdJZj1cIiFsb2FkaW5nXCI+PC9uZy1jb250ZW50PlxyXG4gIDxjb3JlLXNwaW5uZXJcclxuICAgICpuZ0lmPVwibG9hZGluZ1wiXHJcbiAgICBjbGFzcz1cImxvYWRpbmdcIlxyXG4gICAgW2NvbG9yU3RhdGVdPVwiY29sb3JTdGF0ZVwiXHJcbiAgICBbc2l6ZV09XCIyMFwiXHJcbiAgPjwvY29yZS1zcGlubmVyPlxyXG48L2J1dHRvbj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1idG4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtYnRuL2NvcmUtYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWJ0bi9jb3JlLWJ0bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU3ZFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDOzs7OztBQVFsRyxNQUFNLE9BQU8sZ0JBQWdCO0lBTzNCLElBQWEsVUFBVSxDQUFDLEtBQWM7UUFDcEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUlELFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBWnRELFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDUCxjQUFTLEdBQTBCLFNBQVMsQ0FBQztRQUM3QyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFVBQUssR0FBaUIsUUFBUSxDQUFDO1FBQy9CLGVBQVUsR0FBZSxRQUFRLENBQUM7UUFDbEMsU0FBSSxHQUFlLE9BQU8sQ0FBQztRQUkzQixlQUFVLEdBQWUsU0FBUyxDQUFDO1FBQ2xDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVKLENBQUM7SUFDMUQsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxTQUFTLEVBQUU7Z0JBQ25DLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUU7b0JBQ25FLElBQUksRUFBRSxJQUFJLENBQUMsYUFBYTtpQkFDekIsQ0FBQyxDQUFDO2dCQUNILEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7b0JBQ3JDLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRTt3QkFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztxQkFDeEI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7YUFDSjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO2FBQ3hCO1NBQ0Y7UUFDRCxJQUFJLElBQUksQ0FBQyxTQUFTO1lBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQ3hELENBQUM7K0dBOUJVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDJSQ2pCN0IseWRBcUJBOzs0RkRKYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTt1R0FNWCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ08sVUFBVTtzQkFBdEIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0UsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5pcmFNb2RhbFNlcnZpY2UgfSBmcm9tICduaXJhLW1vZGFsJztcclxuaW1wb3J0IHtcclxuICBCdXR0b25TaXplLFxyXG4gIEJ1dHRvblR5cGUsXHJcbiAgQ29sb3JTdGF0ZSxcclxuICBDb25maXJtRGlhbG9nLFxyXG4gIFRoZW1lUGFsZXR0ZSxcclxufSBmcm9tICcuLi9mYWxjb25UeXBlcyc7XHJcbmltcG9ydCB7IENvcmVDb25maXJtRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vY29yZS1jb25maXJtLWRpYWxvZy9jb3JlLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1idG4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLWJ0bi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1idG4uY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVCdG5Db21wb25lbnQge1xyXG4gIGRpc2FibGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBmb3JtR3JvdXA6IEZvcm1Hcm91cCB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGhlbWU6IFRoZW1lUGFsZXR0ZSA9ICdzcXVhcmUnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblR5cGU6IEJ1dHRvblR5cGUgPSAnYnV0dG9uJztcclxuICBASW5wdXQoKSBzaXplOiBCdXR0b25TaXplID0gJ3NtYWxsJztcclxuICBASW5wdXQoKSBzZXQgaXNEaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5kaXNhYmxlID0gdmFsdWU7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGNvbG9yU3RhdGU6IENvbG9yU3RhdGUgPSAnZGVmYXVsdCc7XHJcbiAgQE91dHB1dCgpIGJ0bkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGNvbmZpcm1EaWFsb2c6IENvbmZpcm1EaWFsb2cgfCB1bmRlZmluZWQ7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBuaXJhTW9kYWxTZXJ2aWNlOiBOaXJhTW9kYWxTZXJ2aWNlKSB7fVxyXG4gIGNsaWNrZWQoKSB7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZSkge1xyXG4gICAgICBpZiAodGhpcy5jb25maXJtRGlhbG9nICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIGNvbnN0IG1vZGFsID0gdGhpcy5uaXJhTW9kYWxTZXJ2aWNlLm9wZW4oQ29yZUNvbmZpcm1EaWFsb2dDb21wb25lbnQsIHtcclxuICAgICAgICAgIGRhdGE6IHRoaXMuY29uZmlybURpYWxvZyxcclxuICAgICAgICB9KTtcclxuICAgICAgICBtb2RhbC5hZnRlckNsb3NlZC5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xyXG4gICAgICAgICAgaWYgKHJlc3VsdCA9PT0gJ3RydWUnKSB7XHJcbiAgICAgICAgICAgIHRoaXMuYnRuQ2xpY2tlZC5lbWl0KCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5idG5DbGlja2VkLmVtaXQoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMuZm9ybUdyb3VwKSB0aGlzLmZvcm1Hcm91cC5tYXJrQWxsQXNUb3VjaGVkKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b25cclxuICAoY2xpY2spPVwiY2xpY2tlZCgpXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZVwiXHJcbiAgW25nQ2xhc3NdPVwiW1xyXG4gICAgJ2J1dHRvbicsXHJcbiAgICBkaXNhYmxlID8gJ2Rpc2FibGVkJyA6ICcnLFxyXG4gICAgdGhlbWUsXHJcbiAgICBjb2xvclN0YXRlLFxyXG4gICAgc2l6ZSxcclxuICAgIGxvYWRpbmcgPyAnY3Vyc29yTG9hZGluZycgOiAnJ1xyXG4gIF1cIlxyXG4gIFt0eXBlXT1cImJ1dHRvblR5cGVcIlxyXG4+XHJcbiAgPG5nLWNvbnRlbnQgKm5nSWY9XCIhbG9hZGluZ1wiPjwvbmctY29udGVudD5cclxuICA8Y29yZS1zcGlubmVyXHJcbiAgICAqbmdJZj1cImxvYWRpbmdcIlxyXG4gICAgY2xhc3M9XCJsb2FkaW5nXCJcclxuICAgIFtjb2xvclN0YXRlXT1cImNvbG9yU3RhdGVcIlxyXG4gICAgW3NpemVdPVwiMjBcIlxyXG4gID48L2NvcmUtc3Bpbm5lcj5cclxuPC9idXR0b24+XHJcbiJdfQ==

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

@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input,
                 args: [{ required: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS1hY3Rpb24tY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXRhYmxlL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi9jb3JlLXRhYmxlLWFjdGlvbi1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS1hY3Rpb24tY29sdW1uL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sOEJBQThCO0lBR3pDLFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUcsQ0FBQztJQUUxRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDckQsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1NBQ3RDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBVFUsOEJBQThCO21HQUE5Qiw4QkFBOEIsZ0hDUjNDLDhLQU1BOzs0RkRFYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsOEJBQThCO3VHQUtiLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOaXJhTW9kYWxTZXJ2aWNlIH0gZnJvbSAnbmlyYS1tb2RhbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jb3JlLXRhYmxlLWFjdGlvbi1jb2x1bW4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXRhYmxlLWFjdGlvbi1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVRhYmxlQWN0aW9uQ29sdW1uQ29tcG9uZW50IHtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBkYXRhITogYW55O1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGNvbHVtbiE6IGFueTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5pcmFNb2RhbFNlcnZpY2U6IE5pcmFNb2RhbFNlcnZpY2UpIHt9XHJcblxyXG4gIG9wZW5EaWFsb2coKSB7XHJcbiAgICB0aGlzLm5pcmFNb2RhbFNlcnZpY2Uub3Blbih0aGlzLmNvbHVtbi5kYXRhLmNvbXBvbmVudCwge1xyXG4gICAgICBkYXRhOiB0aGlzLmRhdGFbdGhpcy5jb2x1bW4uZGF0YS5rZXldLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuIGNsYXNzPVwiaWNvbi1jb2xvciBoLTUgaW5saW5lLWJsb2NrXCI+XHJcbiAgPGVkaXQtc3F1YXJlLWljb25cclxuICAgIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgKGNsaWNrKT1cIm9wZW5EaWFsb2coKVwiXHJcbiAgPjwvZWRpdC1zcXVhcmUtaWNvbj5cclxuPC9zcGFuPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS1hY3Rpb24tY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXRhYmxlL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi9jb3JlLXRhYmxlLWFjdGlvbi1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS1hY3Rpb24tY29sdW1uL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sOEJBQThCO0lBR3pDLFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUcsQ0FBQztJQUUxRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDckQsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1NBQ3RDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBVFUsOEJBQThCO21HQUE5Qiw4QkFBOEIsZ0hDUjNDLDhLQU1BOzs0RkRFYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsOEJBQThCO3VHQUtiLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmlyYU1vZGFsU2VydmljZSB9IGZyb20gJ25pcmEtbW9kYWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY29yZS10YWJsZS1hY3Rpb24tY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvcmUtdGFibGUtYWN0aW9uLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb3JlVGFibGVBY3Rpb25Db2x1bW5Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBkYXRhITogYW55O1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBjb2x1bW4hOiBhbnk7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmlyYU1vZGFsU2VydmljZTogTmlyYU1vZGFsU2VydmljZSkge31cblxuICBvcGVuRGlhbG9nKCkge1xuICAgIHRoaXMubmlyYU1vZGFsU2VydmljZS5vcGVuKHRoaXMuY29sdW1uLmRhdGEuY29tcG9uZW50LCB7XG4gICAgICBkYXRhOiB0aGlzLmRhdGFbdGhpcy5jb2x1bW4uZGF0YS5rZXldLFxuICAgIH0pO1xuICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cImljb24tY29sb3IgaC01IGlubGluZS1ibG9ja1wiPlxyXG4gIDxlZGl0LXNxdWFyZS1pY29uXHJcbiAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyXCJcclxuICAgIChjbGljayk9XCJvcGVuRGlhbG9nKClcIlxyXG4gID48L2VkaXQtc3F1YXJlLWljb24+XHJcbjwvc3Bhbj5cclxuIl19

package/esm2022/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.mjs

@@ -69,7 +69,7 @@ export class CoreTableFilterDialogComponent {
         this.closeSubject.next('');
     }
     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 }); }
-    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: ["loading", "theme", "buttonType", "size", "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" }] }); }
+    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", "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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, decorators: [{
             type: Component,

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

@@ -3,11 +3,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class CoreTableStatusColumnComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, 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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\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"] }]
+            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"] }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input,
                 args: [{ required: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS1zdGF0dXMtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXRhYmxlL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi9jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS1zdGF0dXMtY29sdW1uL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyw4QkFBOEI7K0dBQTlCLDhCQUE4QjttR0FBOUIsOEJBQThCLGdIQ1AzQyxxTEFHQTs7NEZESWEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDhCQUE4Qjs4QkFLYixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNvcmUtdGFibGUtc3RhdHVzLWNvbHVtbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS10YWJsZS1zdGF0dXMtY29sdW1uLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlVGFibGVTdGF0dXNDb2x1bW5Db21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGRhdGEhOiBhbnk7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY29sdW1uITogYW55O1xyXG59XHJcbiIsIjxiIFtuZ0NsYXNzXT1cImRhdGFbY29sdW1uLmtleV0gPyAnYWN0aXZlJyA6ICdkZUFjdGl2ZSdcIj5cclxuICB7eyBkYXRhW2NvbHVtbi5rZXldID8gXCLZgdi52KfZhFwiIDogXCLYutuM2LEg2YHYudin2YRcIiB9fVxyXG48L2I+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS10YWJsZS1zdGF0dXMtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXRhYmxlL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi9jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS10YWJsZS1zdGF0dXMtY29sdW1uL2NvcmUtdGFibGUtc3RhdHVzLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyw4QkFBOEI7K0dBQTlCLDhCQUE4QjttR0FBOUIsOEJBQThCLGdIQ1AzQywrS0FHQTs7NEZESWEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDhCQUE4Qjs4QkFLYixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvcmUtdGFibGUtc3RhdHVzLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXRhYmxlLXN0YXR1cy1jb2x1bW4uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29yZVRhYmxlU3RhdHVzQ29sdW1uQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZGF0YSE6IGFueTtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY29sdW1uITogYW55O1xufVxuIiwiPGIgW25nQ2xhc3NdPVwiZGF0YVtjb2x1bW4ua2V5XSA/ICdhY3RpdmUnIDogJ2RlQWN0aXZlJ1wiPlxuICB7eyBkYXRhW2NvbHVtbi5rZXldID8gXCLZgdi52KfZhFwiIDogXCLYutuM2LEg2YHYudin2YRcIiB9fVxuPC9iPlxuIl19

package/esm2022/lib/core-time-picker/time-picker-modal/time-picker-modal.component.mjs

@@ -134,7 +134,7 @@ export class TimePickerModalComponent {
         this.minutesSubject.next(this.createCircleOfDivs(60, 101, 115, 115, 0, 5));
     }
     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 }); }
-    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: ["loading", "theme", "buttonType", "size", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    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", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, decorators: [{
             type: Component,

package/fesm2022/nira-falcon.mjs

@@ -91,6 +91,7 @@ class CoreBtnComponent {
     constructor(niraModalService) {
         this.niraModalService = niraModalService;
         this.disable = false;
+        this.formGroup = undefined;
         this.loading = false;
         this.theme = 'square';
         this.buttonType = 'button';
@@ -114,14 +115,18 @@ class CoreBtnComponent {
                 this.btnClicked.emit();
             }
         }
+        if (this.formGroup)
+            this.formGroup.markAllAsTouched();
     }
     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 }); }
-    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.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"] }] }); }
+    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", 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.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
             type: Component,
             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.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"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.NiraModalService }]; }, propDecorators: { loading: [{
+        }], ctorParameters: function () { return [{ type: i1$1.NiraModalService }]; }, propDecorators: { formGroup: [{
+                type: Input
+            }], loading: [{
                 type: Input
             }], theme: [{
                 type: Input
@@ -1392,11 +1397,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class CoreTableStatusColumnComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, 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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\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"] }]
+            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"] }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2016,7 +2021,7 @@ class CoreTableFilterDialogComponent {
         this.closeSubject.next('');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, deps: [{ token: i1$5.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
-    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: ["loading", "theme", "buttonType", "size", "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" }] }); }
+    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", "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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, decorators: [{
             type: Component,
@@ -2200,7 +2205,7 @@ class TimePickerModalComponent {
         this.minutesSubject.next(this.createCircleOfDivs(60, 101, 115, 115, 0, 5));
     }
     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 }); }
-    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: ["loading", "theme", "buttonType", "size", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    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", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, decorators: [{
             type: Component,