zek 17.3.15 → 17.3.21

package/fesm2022/zek.mjs

@@ -3122,7 +3122,10 @@ class ZekButtonBrowse extends CoreUiComponent {
         this.onChooseAll = new EventEmitter();
         this.onKeyPairChange = new EventEmitter();
         this.onBindText = new EventEmitter();
-        this.size = 'lg';
+        this._size = '';
+        this._scrollable = false;
+        this._fullscreen = false;
+        this._showHeader = true;
     }
     destroy() {
         this._modal?.dispose();
@@ -3187,19 +3190,29 @@ class ZekButtonBrowse extends CoreUiComponent {
     set modal(v) {
         this._modal = v;
     }
-    get _sizeCss() {
-        switch (this.size) {
-            case 'sm':
-                return 'modal-sm';
-            case 'lg':
-                return 'modal-lg';
-            case 'xl':
-                return 'modal-xl';
-            case 'xxl':
-                return 'modal-xxl';
-            default:
-                return '';
-        }
+    get size() {
+        return this._size;
+    }
+    set size(v) {
+        this._size = v;
+    }
+    get scrollable() {
+        return this._scrollable;
+    }
+    set scrollable(v) {
+        this._scrollable = Convert.toBooleanProperty(v);
+    }
+    get fullscreen() {
+        return this._fullscreen;
+    }
+    set fullscreen(v) {
+        this._fullscreen = Convert.toBooleanProperty(v);
+    }
+    get showHeader() {
+        return this._showHeader;
+    }
+    set showHeader(v) {
+        this._showHeader = Convert.toBooleanProperty(v);
     }
     showModal() {
         if (!this.disabled && !this.readOnly) {
@@ -3245,11 +3258,11 @@ class ZekButtonBrowse extends CoreUiComponent {
         this.onBindText.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowse, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowse, selector: "zek-bb", inputs: { id: "id", type: "type", text: "text", readOnly: "readOnly", hide: "hide", showInput: "showInput", multiSelect: "multiSelect" }, outputs: { onShowModal: "onShowModal", onChooseAll: "onChooseAll", onKeyPairChange: "onKeyPairChange", onBindText: "onBindText" }, providers: [ZEK_BB_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!hide && showInput\" class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" [ngClass]=\"{ 'ng-valid required': !required || value, 'ng-invalid': required && !value }\" (keyup)=\"_onKey($event)\" title=\"ID = {{value}}\" [value]=\"text\" [attr.readonly]=\"true\">\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary\" (click)=\"showModal()\">\r\n        <i class=\"fa-solid fa-ellipsis\"></i>\r\n    </button>\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <li><a class=\"dropdown-item\" (click)=\"delete()\" href=\"javascript:void(0)\"> <i class=\"fa-solid fa-trash\"></i> Delete <kbd>delete</kbd> </a></li>\r\n    </ul>\r\n</div>\r\n<div *ngIf=\"!hide || disabled || readOnly\" class=\"modal fade\" [id]=\"modalId\" tabindex=\"-1\" aria-labelledby=\"bb-modal-label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog {{_sizeCss}}\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"{{modalId}}-label\">{{'Action.Choose' | translate }}</h5>\r\n                <button type=\"button\" (click)=\"close()\" class=\"btn-close\" data-bs-dismiss2=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowse, selector: "zek-bb", inputs: { id: "id", type: "type", text: "text", readOnly: "readOnly", hide: "hide", showInput: "showInput", multiSelect: "multiSelect", size: "size", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader" }, outputs: { onShowModal: "onShowModal", onChooseAll: "onChooseAll", onKeyPairChange: "onKeyPairChange", onBindText: "onBindText" }, providers: [ZEK_BB_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!hide && showInput\" class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" [ngClass]=\"{ 'ng-valid required': !required || value, 'ng-invalid': required && !value }\" (keyup)=\"_onKey($event)\" title=\"ID = {{value}}\" [value]=\"text\" [attr.readonly]=\"true\">\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary\" (click)=\"showModal()\">\r\n        <i class=\"fa-solid fa-ellipsis\"></i>\r\n    </button>\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <li><a class=\"dropdown-item\" (click)=\"delete()\" href=\"javascript:void(0)\"> <i class=\"fa-solid fa-trash\"></i> Delete <kbd>delete</kbd> </a></li>\r\n    </ul>\r\n</div>\r\n<div *ngIf=\"!hide || disabled || readOnly\" class=\"modal fade\" [id]=\"modalId\" tabindex=\"-1\" aria-labelledby=\"bb-modal-label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <h5 class=\"modal-title\" id=\"{{modalId}}-label\">{{'Action.Choose' | translate }}</h5>\r\n                <button type=\"button\" (click)=\"close()\" class=\"btn-close\" data-bs-dismiss2=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowse, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-bb', providers: [ZEK_BB_CONTROL_VALUE_ACCESSOR], template: "<div *ngIf=\"!hide && showInput\" class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" [ngClass]=\"{ 'ng-valid required': !required || value, 'ng-invalid': required && !value }\" (keyup)=\"_onKey($event)\" title=\"ID = {{value}}\" [value]=\"text\" [attr.readonly]=\"true\">\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary\" (click)=\"showModal()\">\r\n        <i class=\"fa-solid fa-ellipsis\"></i>\r\n    </button>\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <li><a class=\"dropdown-item\" (click)=\"delete()\" href=\"javascript:void(0)\"> <i class=\"fa-solid fa-trash\"></i> Delete <kbd>delete</kbd> </a></li>\r\n    </ul>\r\n</div>\r\n<div *ngIf=\"!hide || disabled || readOnly\" class=\"modal fade\" [id]=\"modalId\" tabindex=\"-1\" aria-labelledby=\"bb-modal-label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog {{_sizeCss}}\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"{{modalId}}-label\">{{'Action.Choose' | translate }}</h5>\r\n                <button type=\"button\" (click)=\"close()\" class=\"btn-close\" data-bs-dismiss2=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-bb', providers: [ZEK_BB_CONTROL_VALUE_ACCESSOR], template: "<div *ngIf=\"!hide && showInput\" class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" [ngClass]=\"{ 'ng-valid required': !required || value, 'ng-invalid': required && !value }\" (keyup)=\"_onKey($event)\" title=\"ID = {{value}}\" [value]=\"text\" [attr.readonly]=\"true\">\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary\" (click)=\"showModal()\">\r\n        <i class=\"fa-solid fa-ellipsis\"></i>\r\n    </button>\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <li><a class=\"dropdown-item\" (click)=\"delete()\" href=\"javascript:void(0)\"> <i class=\"fa-solid fa-trash\"></i> Delete <kbd>delete</kbd> </a></li>\r\n    </ul>\r\n</div>\r\n<div *ngIf=\"!hide || disabled || readOnly\" class=\"modal fade\" [id]=\"modalId\" tabindex=\"-1\" aria-labelledby=\"bb-modal-label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <h5 class=\"modal-title\" id=\"{{modalId}}-label\">{{'Action.Choose' | translate }}</h5>\r\n                <button type=\"button\" (click)=\"close()\" class=\"btn-close\" data-bs-dismiss2=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], propDecorators: { id: [{
                 type: Input
             }], type: [{
@@ -3272,6 +3285,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Output
             }], onBindText: [{
                 type: Output
+            }], size: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], fullscreen: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
             }] } });
 
 class ZekButtonBrowseModalToolbar {
@@ -3314,18 +3335,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Output
             }] } });
 
-class ButtonBrowseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ButtonBrowseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ButtonBrowseModule, declarations: [ZekButtonBrowse,
+class ZekButtonBrowseModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModule, declarations: [ZekButtonBrowse,
             ZekButtonBrowseModalToolbar], imports: [CommonModule,
             FormsModule,
             TranslateModule], exports: [ZekButtonBrowse,
             ZekButtonBrowseModalToolbar] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ButtonBrowseModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModule, imports: [CommonModule,
             FormsModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ButtonBrowseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3344,7 +3365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 }]
         }] });
 
-class ButtonBrowseModalBaseComponent extends CoreComponent {
+class ZekButtonBrowseModalBase extends CoreComponent {
     constructor() {
         super(...arguments);
         this.filter = {};
@@ -3393,10 +3414,10 @@ class ButtonBrowseModalBaseComponent extends CoreComponent {
     reset() {
         this.filter = {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ButtonBrowseModalBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: ButtonBrowseModalBaseComponent, inputs: { type: "type", filter: "filter", data: "data", multiSelect: "multiSelect", value: "value" }, outputs: { onChoose: "onChoose", onChooseAll: "onChooseAll" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModalBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowseModalBase, inputs: { type: "type", filter: "filter", data: "data", multiSelect: "multiSelect", value: "value" }, outputs: { onChoose: "onChoose", onChooseAll: "onChooseAll" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ButtonBrowseModalBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModalBase, decorators: [{
             type: Directive
         }], propDecorators: { type: [{
                 type: Input
@@ -3885,8 +3906,7 @@ class ZekModal extends CoreComponent {
         this.onHidden = new EventEmitter();
         this.onOk = new EventEmitter();
         this.componentType = ComponentType.Primary;
-        this._large = false;
-        this._xl = false;
+        this._size = '';
         this._scrollable = false;
         this._fullscreen = false;
         this._showHeader = true;
@@ -3948,17 +3968,29 @@ class ZekModal extends CoreComponent {
     set autoHide(v) {
         this._autoHide = Convert.toBooleanProperty(v);
     }
+    get size() {
+        return this._size;
+    }
+    set size(v) {
+        this._size = v;
+    }
+    /**
+     * @deprecated Please use size property
+     */
     get large() {
-        return this._large;
+        return this._size === 'lg';
     }
     set large(v) {
-        this._large = Convert.toBooleanProperty(v);
+        this._size = Convert.toBooleanProperty(v) ? 'lg' : '';
     }
+    /**
+     * @deprecated Please use size property
+     */
     get xl() {
-        return this._xl;
+        return this._size === 'xl';
     }
     set xl(v) {
-        this._xl = Convert.toBooleanProperty(v);
+        this._size = Convert.toBooleanProperty(v) ? 'xl' : '';
     }
     get scrollable() {
         return this._scrollable;
@@ -4050,11 +4082,11 @@ class ZekModal extends CoreComponent {
         this.ok();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekModal, selector: "zek-modal", inputs: { id: "id", model: "model", showOk: "showOk", disabledOk: "disabledOk", showCancel: "showCancel", autoHide: "autoHide", title: "title", text: "text", icon: "icon", okButtonText: "okButtonText", componentType: "componentType", large: "large", xl: "xl", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader", showFooter: "showFooter" }, outputs: { onShown: "onShown", onHidden: "onHidden", onOk: "onOk", onValidating: "onValidating" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekModal, selector: "zek-modal", inputs: { id: "id", model: "model", showOk: "showOk", disabledOk: "disabledOk", showCancel: "showCancel", autoHide: "autoHide", title: "title", text: "text", icon: "icon", okButtonText: "okButtonText", componentType: "componentType", size: "size", large: "large", xl: "xl", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader", showFooter: "showFooter" }, outputs: { onShown: "onShown", onHidden: "onHidden", onOk: "onOk", onValidating: "onValidating" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { id: [{
                 type: Input
             }], model: [{
@@ -4083,6 +4115,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Output
             }], componentType: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], large: [{
                 type: Input
             }], xl: [{
@@ -4107,11 +4141,11 @@ class ZekDeleteModal extends ZekModal {
         this.componentType = ComponentType.Delete;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDeleteModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDeleteModal, selector: "zek-delete-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDeleteModal, selector: "zek-delete-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDeleteModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-delete-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-delete-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 class ZekApproveModal extends ZekModal {
     constructor(translate) {
@@ -4122,11 +4156,11 @@ class ZekApproveModal extends ZekModal {
         this.componentType = ComponentType.Success;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekApproveModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekApproveModal, selector: "zek-approve-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekApproveModal, selector: "zek-approve-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekApproveModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-approve-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-approve-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 class ZekSubmitModal extends ZekModal {
     constructor(translate) {
@@ -4137,11 +4171,11 @@ class ZekSubmitModal extends ZekModal {
         this.componentType = ComponentType.Success;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSubmitModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSubmitModal, selector: "zek-submit-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSubmitModal, selector: "zek-submit-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSubmitModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-submit-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-submit-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 class ZekDisapproveModal extends ZekModal {
     constructor(translate) {
@@ -4152,11 +4186,11 @@ class ZekDisapproveModal extends ZekModal {
         this.componentType = ComponentType.Delete;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDisapproveModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDisapproveModal, selector: "zek-disapprove-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDisapproveModal, selector: "zek-disapprove-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDisapproveModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-disapprove-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-disapprove-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 class ZekRestoreModal extends ZekModal {
     constructor(translate) {
@@ -4167,11 +4201,11 @@ class ZekRestoreModal extends ZekModal {
         this.componentType = ComponentType.Success;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekRestoreModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekRestoreModal, selector: "zek-restore-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekRestoreModal, selector: "zek-restore-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekRestoreModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-restore-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-restore-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 
 class ZekFilterModal extends ZekModal {
@@ -4183,11 +4217,11 @@ class ZekFilterModal extends ZekModal {
         this.onReset.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFilterModal, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFilterModal, selector: "zek-filter-modal", outputs: { onReset: "onReset" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{ 'Action.Filter' | translate }}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"ok()\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n                <button *ngIf=\"showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"modal-cancel-button-{{elementId}}\" data-bs-dismiss=\"modal\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}</button>\r\n                <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\"><i class=\"fa-solid fa-xmark\"></i> {{ 'Action.Reset' | translate }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFilterModal, selector: "zek-filter-modal", outputs: { onReset: "onReset" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{ 'Action.Filter' | translate }}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"ok()\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n                <button *ngIf=\"showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"modal-cancel-button-{{elementId}}\" data-bs-dismiss=\"modal\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}</button>\r\n                <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\"><i class=\"fa-solid fa-xmark\"></i> {{ 'Action.Reset' | translate }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFilterModal, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-filter-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [class.modal-lg]=\"large\" [class.modal-xl]=\"xl\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{ 'Action.Filter' | translate }}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"ok()\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n                <button *ngIf=\"showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"modal-cancel-button-{{elementId}}\" data-bs-dismiss=\"modal\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}</button>\r\n                <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\"><i class=\"fa-solid fa-xmark\"></i> {{ 'Action.Reset' | translate }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'zek-filter-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{ 'Action.Filter' | translate }}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"ok()\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n                <button *ngIf=\"showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"modal-cancel-button-{{elementId}}\" data-bs-dismiss=\"modal\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}</button>\r\n                <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\"><i class=\"fa-solid fa-xmark\"></i> {{ 'Action.Reset' | translate }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], propDecorators: { onReset: [{
                 type: Output
             }] } });
@@ -4202,7 +4236,7 @@ class ZekSumModal {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSumModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSumModal, selector: "zek-sum-modal", inputs: { model: "model" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["sumModal"], descendants: true }], ngImport: i0, template: "<zek-modal #sumModal [showCancel]=\"false\" [title]=\"'Action.Sum' | translate\">\r\n    <table class=\"table table-striped table-borderless table-hover\">\r\n        <tbody>\r\n            <tr *ngFor=\"let item of model\">\r\n                <td class=\"w-75\">{{item.key}}</td>\r\n                <td class=\"w-25\">\r\n                    <ng-container *ngIf=\"item.key != 'Count'; else elseBlock\">{{item.value | number:'1.2' }}</ng-container>\r\n                    <ng-template #elseBlock>{{item.value}}</ng-template>\r\n                </td>\r\n            <tr>\r\n        </tbody>\r\n    </table>\r\n</zek-modal>", dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSumModal, selector: "zek-sum-modal", inputs: { model: "model" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["sumModal"], descendants: true }], ngImport: i0, template: "<zek-modal #sumModal [showCancel]=\"false\" [title]=\"'Action.Sum' | translate\">\r\n    <table class=\"table table-striped table-borderless table-hover\">\r\n        <tbody>\r\n            <tr *ngFor=\"let item of model\">\r\n                <td class=\"w-75\">{{item.key}}</td>\r\n                <td class=\"w-25\">\r\n                    <ng-container *ngIf=\"item.key != 'Count'; else elseBlock\">{{item.value | number:'1.2' }}</ng-container>\r\n                    <ng-template #elseBlock>{{item.value}}</ng-template>\r\n                </td>\r\n            <tr>\r\n        </tbody>\r\n    </table>\r\n</zek-modal>", dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "size", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSumModal, decorators: [{
             type: Component,
@@ -4339,7 +4373,7 @@ class ZekFileViewer extends CoreComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFileViewer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFileViewer, isStandalone: true, selector: "zek-file-viewer", providers: [], viewQueries: [{ propertyName: "viewModal", first: true, predicate: ["viewModal"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<zek-modal #viewModal [fullscreen]=\"true\" [showHeader]=\"true\" [showFooter]=\"false\">\r\n    <ng-container *ngIf=\"src\">\r\n        <iframe id=\"office\" width=\"100%\" height=\"99%\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"\r\n            [src]=\"src | safe:'resourceUrl'\">\r\n        </iframe>\r\n    </ng-container>\r\n</zek-modal>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ZekModalModule }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: ZekSafePipe, name: "safe" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFileViewer, isStandalone: true, selector: "zek-file-viewer", providers: [], viewQueries: [{ propertyName: "viewModal", first: true, predicate: ["viewModal"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<zek-modal #viewModal [fullscreen]=\"true\" [showHeader]=\"true\" [showFooter]=\"false\">\r\n    <ng-container *ngIf=\"src\">\r\n        <iframe id=\"office\" width=\"100%\" height=\"99%\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"\r\n            [src]=\"src | safe:'resourceUrl'\">\r\n        </iframe>\r\n    </ng-container>\r\n</zek-modal>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ZekModalModule }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "size", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: ZekSafePipe, name: "safe" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFileViewer, decorators: [{
             type: Component,
@@ -6258,7 +6292,7 @@ class TimerService {
     // initialCountValue: number = 0;
     constructor() {
         this.seconds = 0;
-        // running: boolean = false;
+        // running = false;
         this._count = 0;
         this._left = 0;
         this.expireDate = null;
@@ -6748,5 +6782,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_BASE_URL, AgePipe, Alert, AlertService, ArrayHelper, AuthGuardService, AuthService, Base64Helper, BaseAlert, BaseComponent, BaseService, BitwiseHelper, BootstrapHelper, ButtonBrowseModalBaseComponent, ButtonBrowseModule, Color, ComponentType, Convert, CoreComponent, CoreUiComponent, CrudService, CssHelper, CustomHttpParamEncoder, DATE_FORMAT, DateAgoPipe, DateHelper, DateValueAccessor, DatepickerModule, EditBase, EditBaseComponent, EditComponent, EditFormComponent, ErrorHelper, FileBase, FileBytes, FileHelper, FileString, FilterBase, FilterHelper, GOOGLE_CLIENT_ID, Gender, HtmlHelper, HttpErrorHandler, JwtHelper, KeyPair, KeyPairChecked, KeyPairEx, KeyPairRequired, LANGUAGE, ListBase, ListBaseComponent, LocalToUtcPipe, MATCH_VALIDATOR, MatchValidator, MathHelper, Month, NumericDirective, ObjectHelper, OverlapHelper, PagedList, PagedListBase, Pager, PagerBase, PagerHelper, PeriodRelation, PrintType, RANGE_VALIDATOR, RECAPTCHA_SITE_KEY, RandomHelper, RangeValidator, ReCaptchaService, RecaptchaModule, StorageHelper, StringHelper, TimeHelper, TimeModule, TimePipe, TimerService, TmpHelper, Toast, Tree, UrlHelper, UtcToLocalPipe, ValidEventArgs, ValidationHelper, Validators, ValidatorsModule, WebApiClient, WebApiModule, ZekAlert, ZekApproveModal, ZekAutoComplete, ZekButtonBrowse, ZekButtonBrowseModalToolbar, ZekCallbackPipe, ZekCard, ZekDeleteModal, ZekDisapproveModal, ZekEditToolbar, ZekFieldValidator, ZekFileSizePipe, ZekFileViewer, ZekFilterModal, ZekGoogleLoginButton, ZekGoogleLoginModule, ZekGridToolbar, ZekGridToolbarBar, ZekListToolbar, ZekLoading, ZekLoadingModule, ZekModal, ZekModalModule, ZekPageTitle, ZekPager, ZekPassword, ZekProgress, ZekRadio, ZekReadOnlyDirective, ZekRestoreModal, ZekSafePipe, ZekSelect2, ZekSelect2Multiple, ZekSelectMultiple, ZekSort, ZekSortButtonGroup, ZekSubmitModal, ZekSumModal, ZekToast, ZekTooltip, ZekValidation, ZekWizard, ZekWizard2, firstBy, handler, matchValidator, nullValidator, rangeValidator };
+export { API_BASE_URL, AgePipe, Alert, AlertService, ArrayHelper, AuthGuardService, AuthService, Base64Helper, BaseAlert, BaseComponent, BaseService, BitwiseHelper, BootstrapHelper, Color, ComponentType, Convert, CoreComponent, CoreUiComponent, CrudService, CssHelper, CustomHttpParamEncoder, DATE_FORMAT, DateAgoPipe, DateHelper, DateValueAccessor, DatepickerModule, EditBase, EditBaseComponent, EditComponent, EditFormComponent, ErrorHelper, FileBase, FileBytes, FileHelper, FileString, FilterBase, FilterHelper, GOOGLE_CLIENT_ID, Gender, HtmlHelper, HttpErrorHandler, JwtHelper, KeyPair, KeyPairChecked, KeyPairEx, KeyPairRequired, LANGUAGE, ListBase, ListBaseComponent, LocalToUtcPipe, MATCH_VALIDATOR, MatchValidator, MathHelper, Month, NumericDirective, ObjectHelper, OverlapHelper, PagedList, PagedListBase, Pager, PagerBase, PagerHelper, PeriodRelation, PrintType, RANGE_VALIDATOR, RECAPTCHA_SITE_KEY, RandomHelper, RangeValidator, ReCaptchaService, RecaptchaModule, StorageHelper, StringHelper, TimeHelper, TimeModule, TimePipe, TimerService, TmpHelper, Toast, Tree, UrlHelper, UtcToLocalPipe, ValidEventArgs, ValidationHelper, Validators, ValidatorsModule, WebApiClient, WebApiModule, ZekAlert, ZekApproveModal, ZekAutoComplete, ZekButtonBrowse, ZekButtonBrowseModalBase, ZekButtonBrowseModalToolbar, ZekButtonBrowseModule, ZekCallbackPipe, ZekCard, ZekDeleteModal, ZekDisapproveModal, ZekEditToolbar, ZekFieldValidator, ZekFileSizePipe, ZekFileViewer, ZekFilterModal, ZekGoogleLoginButton, ZekGoogleLoginModule, ZekGridToolbar, ZekGridToolbarBar, ZekListToolbar, ZekLoading, ZekLoadingModule, ZekModal, ZekModalModule, ZekPageTitle, ZekPager, ZekPassword, ZekProgress, ZekRadio, ZekReadOnlyDirective, ZekRestoreModal, ZekSafePipe, ZekSelect2, ZekSelect2Multiple, ZekSelectMultiple, ZekSort, ZekSortButtonGroup, ZekSubmitModal, ZekSumModal, ZekToast, ZekTooltip, ZekValidation, ZekWizard, ZekWizard2, firstBy, handler, matchValidator, nullValidator, rangeValidator };
 //# sourceMappingURL=zek.mjs.map