@progress-chef/platform-shared-components 0.0.112 → 0.0.113

package/fesm2022/progress-chef-platform-shared-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, HostBinding, NgModule, ViewChild, ViewChildren, ViewEncapsulation, ContentChild, HostListener, Pipe, Directive, ContentChildren, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Component, Input, EventEmitter, HostBinding, Output, NgModule, ViewChild, HostListener, ViewChildren, ContentChild, ViewEncapsulation, Pipe, Directive, ContentChildren, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-notification';
 import { NotificationModule as NotificationModule$1, NotificationService } from '@progress/kendo-angular-notification';
 import * as i2 from '@angular/common';
@@ -8,60 +8,45 @@ import * as i4 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, FormsModule, FormGroup, Validators } from '@angular/forms';
 import * as i1$1 from '@progress-chef/platform-themes-service';
 import { ThemesModule } from '@progress-chef/platform-themes-service';
-import * as i5 from '@progress-chef/icon';
-import { IconModule as IconModule$1 } from '@progress-chef/icon';
 import * as i3 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import { ContainerModule as ContainerModule$1 } from '@progress-chef/container';
 import { userIcon, homeIcon, caretAltUpIcon, caretAltDownIcon, moreVerticalIcon, chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
 import * as i2$1 from '@progress/kendo-angular-layout';
 import { LayoutModule } from '@progress/kendo-angular-layout';
-import * as i5$1 from '@progress-chef/typography';
-import { TypographyModule as TypographyModule$1 } from '@progress-chef/typography';
 import * as i2$2 from '@progress/kendo-angular-navigation';
 import { NavigationModule } from '@progress/kendo-angular-navigation';
 import * as i2$3 from '@progress/kendo-angular-buttons';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import * as i3$4 from '@progress/kendo-angular-dropdowns';
+import * as i3$3 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule, AutoCompleteModule } from '@progress/kendo-angular-dropdowns';
 import * as i3$1 from '@progress/kendo-angular-inputs';
 import { InputsModule } from '@progress/kendo-angular-inputs';
-import * as i3$3 from '@progress/kendo-angular-label';
+import * as i3$2 from '@progress/kendo-angular-label';
 import { LabelModule, FloatingLabelModule } from '@progress/kendo-angular-label';
-import * as i2$4 from '@progress-chef/chip';
-import { ChipModule as ChipModule$1 } from '@progress-chef/chip';
-import * as i3$2 from '@progress-chef/tooltip';
-import { TooltipModule as TooltipModule$1 } from '@progress-chef/tooltip';
-import * as i2$5 from '@progress-chef/button';
-import { ButtonModule as ButtonModule$1 } from '@progress-chef/button';
-import * as i2$6 from '@progress/kendo-angular-dateinputs';
+import * as i2$4 from '@progress/kendo-angular-tooltip';
+import { TooltipsModule } from '@progress/kendo-angular-tooltip';
+import * as i2$5 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import * as i1$2 from '@progress/kendo-angular-utils';
 import { DragTargetContainerDirective, DropTargetContainerDirective, UtilsModule } from '@progress/kendo-angular-utils';
-import * as i2$7 from '@progress/kendo-angular-listview';
+import * as i2$6 from '@progress/kendo-angular-listview';
 import { ListViewModule } from '@progress/kendo-angular-listview';
-import * as i3$5 from '@progress/kendo-angular-icons';
+import * as i3$4 from '@progress/kendo-angular-icons';
 import { IconsModule, IconsService } from '@progress/kendo-angular-icons';
-import * as i6 from '@progress-chef/loader';
-import { LoaderType as LoaderType$1, LoaderSize as LoaderSize$1, LoaderThemeColor as LoaderThemeColor$1, LoaderModule as LoaderModule$1 } from '@progress-chef/loader';
 import * as i1$3 from '@progress/kendo-angular-indicators';
 import { IndicatorsModule } from '@progress/kendo-angular-indicators';
 import { trigger, transition, style, animate } from '@angular/animations';
-import * as i2$8 from '@progress/kendo-angular-progressbar';
+import * as i2$7 from '@progress/kendo-angular-progressbar';
 import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
 import { Subject, Subscription, tap, map } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import * as i2$9 from '@progress/kendo-angular-tooltip';
-import { TooltipsModule } from '@progress/kendo-angular-tooltip';
-import * as i2$a from '@progress/kendo-angular-upload';
+import * as i2$8 from '@progress/kendo-angular-upload';
 import { UploadsModule } from '@progress/kendo-angular-upload';
 import { HttpClientModule } from '@angular/common/http';
-import * as i2$b from '@progress/kendo-angular-dialog';
+import * as i2$9 from '@progress/kendo-angular-dialog';
 import { DialogsModule, DialogModule as DialogModule$1 } from '@progress/kendo-angular-dialog';
-import * as i5$2 from '@progress/kendo-angular-grid';
-import { GridModule, GridComponent } from '@progress/kendo-angular-grid';
-import * as i7 from '@progress-chef/grid-pagination';
-import { GridPaginationModule as GridPaginationModule$1 } from '@progress-chef/grid-pagination';
+import * as i5 from '@progress/kendo-angular-grid';
+import { GridComponent, GridModule } from '@progress/kendo-angular-grid';
 import { Keys } from '@progress/kendo-angular-common';
 import { orderBy } from '@progress/kendo-data-query';
 
@@ -94,7 +79,7 @@ class ToastNotificationService {
             animation: { type: 'slide', duration: 400 },
             position: { horizontal: 'center', vertical: 'top' },
             type: { style: 'success', icon: true },
-            hideAfter: window.hideAfter || 6000,
+            hideAfter: window.hideAfter || 6000, // window.hideAfter is used to finalize final time for hideAfter. It must be removed.
             action: {}
         };
         const mergedNotification = { ...defaultNotification, ...notification };
@@ -212,25 +197,59 @@ class ToastNotificationService {
     ngOnDestroy() {
         this.cleanUpListenersAndSubsForErr();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationService, deps: [{ token: i1.NotificationService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationService, deps: [{ token: i1.NotificationService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.NotificationService }, { type: i0.RendererFactory2 }]; } });
+        }], ctorParameters: () => [{ type: i1.NotificationService }, { type: i0.RendererFactory2 }] });
 
 class SharedComponent {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SharedComponent, selector: "lib-shared", ngImport: i0, template: ` <p>shared works!</p> `, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SharedComponent, selector: "lib-shared", ngImport: i0, template: ` <p>shared works!</p> `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-shared', template: ` <p>shared works!</p> ` }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
+
+class IconComponent {
+    set projectedIcon(value) {
+        this._projectedIcon = value;
+        if (value) {
+            this._fontSize = 20;
+        }
+    }
+    set fontSize(value) {
+        if (!this._projectedIcon) {
+            this._fontSize = value;
+        }
+    }
+    constructor(themesService) {
+        this.themesService = themesService;
+        this.name = '';
+        this._projectedIcon = false;
+        this._fontSize = 16;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconComponent, selector: "lib-icon", inputs: { name: "name", projectedIcon: "projectedIcon", fontSize: "fontSize", type: "type" }, ngImport: i0, template: "<i\n  class=\"iconfont icon-{{ name }} {{type}}\"\n  attr.aria-label=\"{{ name }}\"\n  role=\"img\"\n  [style.fontSize.px]=\"_fontSize\"\n></i>\n", styles: [".error{color:#dc267f}.success{color:#0075db}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-icon', template: "<i\n  class=\"iconfont icon-{{ name }} {{type}}\"\n  attr.aria-label=\"{{ name }}\"\n  role=\"img\"\n  [style.fontSize.px]=\"_fontSize\"\n></i>\n", styles: [".error{color:#dc267f}.success{color:#0075db}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { name: [{
+                type: Input
+            }], projectedIcon: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
 
 const ALERT_TYPE = {
     success: 'success',
@@ -251,13 +270,13 @@ class AlertComponent {
             this.dismissed.emit();
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertComponent, selector: "lib-alert", inputs: { type: "type", iconName: "iconName" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.theType" } }, ngImport: i0, template: "<div class=\"icon\">\n  <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n    <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n  <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2.25rem;min-height:2.25rem;width:2.25rem;min-width:2.25rem;justify-content:center;align-items:center;margin-top:.25rem}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertComponent, selector: "lib-alert", inputs: { type: "type", iconName: "iconName" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.theType" } }, ngImport: i0, template: "<div class=\"icon\">\n  <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n    <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n  <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2.25rem;min-height:2.25rem;width:2.25rem;min-width:2.25rem;justify-content:center;align-items:center;margin-top:.25rem}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-alert', template: "<div class=\"icon\">\n  <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n    <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n  <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2.25rem;min-height:2.25rem;width:2.25rem;min-width:2.25rem;justify-content:center;align-items:center;margin-top:.25rem}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { type: [{
                 type: Input
             }], dismissed: [{
                 type: Output
@@ -268,19 +287,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class IconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: IconModule, declarations: [IconComponent], exports: [IconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IconComponent
+                    ],
+                    imports: [],
+                    exports: [
+                        IconComponent
+                    ]
+                }]
+        }] });
+
 class AlertModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AlertModule, declarations: [AlertComponent], imports: [IconModule$1], exports: [AlertComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertModule, imports: [IconModule$1] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, declarations: [AlertComponent], imports: [IconModule], exports: [AlertComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, imports: [IconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         AlertComponent
                     ],
                     imports: [
-                        IconModule$1
+                        IconModule
                     ],
                     exports: [
                         AlertComponent
@@ -297,13 +334,13 @@ class AngularPopupComponent {
         this.popupHorizontalAlign = "right";
         this.popupVerticalAlign = "top";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AngularPopupComponent, selector: "lib-angular-popup", inputs: { show: "show", anchor: "anchor", anchorHorizontalAlign: "anchorHorizontalAlign", anchorVerticalAlign: "anchorVerticalAlign", popupHorizontalAlign: "popupHorizontalAlign", popupVerticalAlign: "popupVerticalAlign" }, ngImport: i0, template: "<kendo-popup\n  *ngIf=\"show\"\n  [anchor]=\"anchor\"\n  [anchorAlign]=\"{ horizontal: anchorHorizontalAlign, vertical: anchorVerticalAlign }\"\n  [popupAlign]=\"{ horizontal: popupHorizontalAlign, vertical: popupVerticalAlign }\"\n>\n  <ng-content></ng-content>\n</kendo-popup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AngularPopupComponent, selector: "lib-angular-popup", inputs: { show: "show", anchor: "anchor", anchorHorizontalAlign: "anchorHorizontalAlign", anchorVerticalAlign: "anchorVerticalAlign", popupHorizontalAlign: "popupHorizontalAlign", popupVerticalAlign: "popupVerticalAlign" }, ngImport: i0, template: "<kendo-popup\n  *ngIf=\"show\"\n  [anchor]=\"anchor\"\n  [anchorAlign]=\"{ horizontal: anchorHorizontalAlign, vertical: anchorVerticalAlign }\"\n  [popupAlign]=\"{ horizontal: popupHorizontalAlign, vertical: popupVerticalAlign }\"\n>\n  <ng-content></ng-content>\n</kendo-popup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-angular-popup', template: "<kendo-popup\n  *ngIf=\"show\"\n  [anchor]=\"anchor\"\n  [anchorAlign]=\"{ horizontal: anchorHorizontalAlign, vertical: anchorVerticalAlign }\"\n  [popupAlign]=\"{ horizontal: popupHorizontalAlign, vertical: popupVerticalAlign }\"\n>\n  <ng-content></ng-content>\n</kendo-popup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { show: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { show: [{
                 type: Input
             }], anchor: [{
                 type: Input
@@ -317,16 +354,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class ContainerComponent {
+    constructor() {
+        this.c_class = "";
+        this.padding = "pd-small";
+        this.margin = "mr-small";
+    }
+    get class() {
+        return `${this.c_class} ${this.padding} ${this.margin}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContainerComponent, selector: "lib-container", inputs: { c_class: "c_class", padding: "padding", margin: "margin" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-container', template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], c_class: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }] } });
+
+class ContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, declarations: [ContainerComponent], imports: [CommonModule], exports: [ContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ContainerComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        ContainerComponent
+                    ]
+                }]
+        }] });
+
 class AngularPopupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupModule, declarations: [AngularPopupComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupModule, declarations: [AngularPopupComponent], imports: [CommonModule,
             PopupModule,
-            ContainerModule$1], exports: [AngularPopupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupModule, imports: [CommonModule,
+            ContainerModule], exports: [AngularPopupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupModule, imports: [CommonModule,
             PopupModule,
-            ContainerModule$1] }); }
+            ContainerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -335,7 +418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     imports: [
                         CommonModule,
                         PopupModule,
-                        ContainerModule$1
+                        ContainerModule
                     ],
                     exports: [
                         AngularPopupComponent
@@ -343,6 +426,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+const Typography = {
+    DISPLAY_LARGE: 'display-large',
+    DISPLAY_MEDIUM: 'display-medium',
+    DISPLAY_SMALL: 'display-small',
+    HEADING_LARGE: 'heading-large',
+    HEADING_MEDIUM: 'heading-medium',
+    HEADING_SMALL: 'heading-small',
+    SUBTITLE_REGULAR: 'subtitle-regular',
+    SUBTITLE_SMALL: 'subtitle-small',
+    BODY_LARGE: 'body-large',
+    BODY_MEDIUM: 'body-medium',
+    BODY_SMALL: 'body-small',
+    BODY_UNIT_LABEL: 'body-unit-label',
+    OVERLINE_LABEL_REGULAR: 'overline-label-regular',
+    OVERLINE_LABEL_SMALL: 'overline-label-small',
+    BUTTON_REGULAR: 'button-regular',
+    BUTTON_SMALL: 'button-small',
+    CODE_BODY_MEDIUM: 'code-body-medium'
+};
+class TypographyComponent {
+    constructor(themesService, cdRef) {
+        this.themesService = themesService;
+        this.cdRef = cdRef;
+        this.type = 'BODY_MEDIUM';
+        this.defaultText = "";
+        this.isLabel = false;
+        this.hiddenLabel = "";
+        this.showDefaultText = true;
+        this.font = Typography[this.type];
+        this.input_id = "";
+    }
+    ngAfterViewInit() {
+        if (!this.input_id) {
+            this.checkForLabel();
+        }
+    }
+    ngOnChanges() {
+        this.font = Typography[this.type];
+    }
+    ngAfterContentChecked() {
+        this.cdRef.detectChanges();
+    }
+    checkForLabel() {
+        let childrenCount = this.labelChild?.nativeElement.childElementCount;
+        if (childrenCount > 0) {
+            this.input_id = this.labelChild?.nativeElement.getElementsByTagName('input')[0]?.getAttribute('id');
+        }
+    }
+    checkShowDefaultText() {
+        let childrenCount = this.child?.nativeElement.childNodes.length;
+        this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n  <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id || ''}}\">\n    <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </label>\n  <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </span>\n</ng-container>\n\n<ng-template #customText>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.code-body-medium{font-family:Firacode,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TypographyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-typography', template: "<ng-container>\n  <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n  <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id || ''}}\">\n    <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </label>\n  <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </span>\n</ng-container>\n\n<ng-template #customText>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.code-body-medium{font-family:Firacode,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
+                type: Input
+            }], defaultText: [{
+                type: Input
+            }], isLabel: [{
+                type: Input
+            }], hiddenLabel: [{
+                type: Input
+            }], child: [{
+                type: ViewChild,
+                args: ['ref', { static: false }]
+            }], labelChild: [{
+                type: ViewChild,
+                args: ['ref_label', { static: false }]
+            }] } });
+
 class AvatarComponent {
     constructor(themesService) {
         this.themesService = themesService;
@@ -376,13 +533,13 @@ class AvatarComponent {
         }
         this.letters = letters;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, selector: "lib-avatar", inputs: { showInitials: "showInitials", imageURL: "imageURL", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", name: "name" }, ngImport: i0, template: "<div class=\"avatar\">\n  <kendo-avatar\n    *ngIf=\"!showInitials && imageURL\"\n    [imageSrc]=\"imageURL\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"showInitials && imageURL\"\n    [imageSrc]=\"imageURL\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"showInitials && !imageURL\"\n    [initials]=\"letters\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  >\n    <lib-typography [defaultText]=\"letters\" type=\"BODY_MEDIUM\">\n    </lib-typography>\n  </kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"!imageURL && !showInitials\"\n    [svgIcon]=\"userSvg\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n</div>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.AvatarComponent, selector: "kendo-avatar", inputs: ["shape", "size", "rounded", "themeColor", "fillMode", "fill", "border", "iconClass", "width", "height", "cssStyle", "initials", "icon", "imageSrc", "svgIcon"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AvatarComponent, selector: "lib-avatar", inputs: { showInitials: "showInitials", imageURL: "imageURL", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", name: "name" }, ngImport: i0, template: "<div class=\"avatar\">\n  <kendo-avatar\n    *ngIf=\"!showInitials && imageURL\"\n    [imageSrc]=\"imageURL\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"showInitials && imageURL\"\n    [imageSrc]=\"imageURL\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"showInitials && !imageURL\"\n    [initials]=\"letters\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  >\n    <lib-typography [defaultText]=\"letters\" type=\"BODY_MEDIUM\">\n    </lib-typography>\n  </kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"!imageURL && !showInitials\"\n    [svgIcon]=\"userSvg\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n</div>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.AvatarComponent, selector: "kendo-avatar", inputs: ["shape", "size", "rounded", "themeColor", "fillMode", "fill", "border", "iconClass", "width", "height", "cssStyle", "initials", "icon", "imageSrc", "svgIcon"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-avatar', template: "<div class=\"avatar\">\n  <kendo-avatar\n    *ngIf=\"!showInitials && imageURL\"\n    [imageSrc]=\"imageURL\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"showInitials && imageURL\"\n    [imageSrc]=\"imageURL\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"showInitials && !imageURL\"\n    [initials]=\"letters\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  >\n    <lib-typography [defaultText]=\"letters\" type=\"BODY_MEDIUM\">\n    </lib-typography>\n  </kendo-avatar>\n  <kendo-avatar\n    *ngIf=\"!imageURL && !showInitials\"\n    [svgIcon]=\"userSvg\"\n    [themeColor]=\"themeColor\"\n    [rounded]=\"rounded\"\n    [fillMode]=\"fillMode\"\n    [size]=\"size\"\n  ></kendo-avatar>\n</div>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { showInitials: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { showInitials: [{
                 type: Input
             }], imageURL: [{
                 type: Input
@@ -398,16 +555,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class TypographyModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TypographyModule, declarations: [TypographyComponent], imports: [CommonModule], exports: [TypographyComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TypographyModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TypographyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TypographyComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        TypographyComponent
+                    ]
+                }]
+        }] });
+
 class AvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [LayoutModule,
-            TypographyModule$1,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [LayoutModule,
+            TypographyModule,
             CommonModule], exports: [AvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, imports: [LayoutModule,
-            TypographyModule$1,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarModule, imports: [LayoutModule,
+            TypographyModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -415,7 +592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     imports: [
                         LayoutModule,
-                        TypographyModule$1,
+                        TypographyModule,
                         CommonModule
                     ],
                     exports: [
@@ -465,32 +642,32 @@ class BreadcrumbComponent {
     emitValueChange(itemsToBeEmit) {
         this.valueChange.emit(itemsToBeEmit);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbComponent, selector: "lib-breadcrumb", inputs: { items: "items" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"item\">\n  <kendo-breadcrumb [items]=\"items\"\n    (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{background-color:unset!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .item .k-breadcrumb-last-item .k-breadcrumb-link{text-decoration:none;color:#6f7a85}\n"], dependencies: [{ kind: "component", type: i2$2.BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: ["items", "separatorIcon", "separatorSVGIcon", "collapseMode", "size"], outputs: ["itemClick"], exportAs: ["kendoBreadCrumb"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "lib-breadcrumb", inputs: { items: "items" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"item\">\n  <kendo-breadcrumb [items]=\"items\"\n    (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{background-color:unset!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .item .k-breadcrumb-last-item .k-breadcrumb-link{text-decoration:none;color:#6f7a85}\n"], dependencies: [{ kind: "component", type: i2$2.BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: ["items", "separatorIcon", "separatorSVGIcon", "collapseMode", "size"], outputs: ["itemClick"], exportAs: ["kendoBreadCrumb"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-breadcrumb', template: "<div class=\"item\">\n  <kendo-breadcrumb [items]=\"items\"\n    (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{background-color:unset!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .item .k-breadcrumb-last-item .k-breadcrumb-link{text-decoration:none;color:#6f7a85}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { items: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { items: [{
                 type: Input
             }], valueChange: [{
                 type: Output
             }] } });
 
 class BreadcrumbModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent], imports: [CommonModule,
             NavigationModule,
             ButtonsModule,
             DropDownsModule,
             InputsModule], exports: [BreadcrumbComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule,
             NavigationModule,
             ButtonsModule,
             DropDownsModule,
             InputsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -547,13 +724,13 @@ class ButtonComponent {
             return (word.charAt(0).toUpperCase() + word.slice(1));
         }).join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, selector: "lib-button", inputs: { size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", iconName: "iconName", disabled: "disabled", toggleable: "toggleable", iconPosition: "iconPosition", fontType: "fontType", width: "width", iconButton: "iconButton", projectedIcon: "projectedIcon", formatFn: "formatFn", iconFontSize: "iconFontSize" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n  (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n  <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n  <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\" [fontSize]=\"iconFontSize\"></lib-icon>\n  <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"formatFn(label)\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon-after btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.btn-icon-before{margin:0 8px 0 0}.after{padding-left:8px}button:disabled{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.btn-padding{padding:8px 16px}.projected-icon{padding:0 6px!important;border:none!important}.text{bottom:.5px;position:relative}button{border-radius:4px}\n"], dependencies: [{ kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, selector: "lib-button", inputs: { size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", iconName: "iconName", disabled: "disabled", toggleable: "toggleable", iconPosition: "iconPosition", fontType: "fontType", width: "width", iconButton: "iconButton", projectedIcon: "projectedIcon", formatFn: "formatFn", iconFontSize: "iconFontSize" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n  (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n  <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n  <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\" [fontSize]=\"iconFontSize\"></lib-icon>\n  <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"formatFn(label)\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon-after btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.btn-icon-before{margin:0 8px 0 0}.after{padding-left:8px}button:disabled{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.btn-padding{padding:8px 16px}.projected-icon{padding:0 6px!important;border:none!important}.text{bottom:.5px;position:relative}button{border-radius:4px}\n"], dependencies: [{ kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-button', template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n  (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n  <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n  <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\" [fontSize]=\"iconFontSize\"></lib-icon>\n  <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"formatFn(label)\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon-after btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.btn-icon-before{margin:0 8px 0 0}.after{padding-left:8px}button:disabled{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.btn-padding{padding:8px 16px}.projected-icon{padding:0 6px!important;border:none!important}.text{bottom:.5px;position:relative}button{border-radius:4px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { size: [{
                 type: Input
             }], rounded: [{
                 type: Input
@@ -588,17 +765,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [ButtonsModule,
-            TypographyModule$1,
-            IconModule$1,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [ButtonsModule,
+            TypographyModule,
+            IconModule,
             CommonModule], exports: [ButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, imports: [ButtonsModule,
-            TypographyModule$1,
-            IconModule$1,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonModule, imports: [ButtonsModule,
+            TypographyModule,
+            IconModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -606,8 +783,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     imports: [
                         ButtonsModule,
-                        TypographyModule$1,
-                        IconModule$1,
+                        TypographyModule,
+                        IconModule,
                         CommonModule
                     ],
                     exports: [
@@ -633,13 +810,13 @@ class ButtonGroupComponent {
     onButtonClick(label) {
         this.buttonClick.emit(label);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonGroupComponent, selector: "lib-button-group", inputs: { buttons: "buttons", selection: "selection", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", disabled: "disabled", toggleable: "toggleable" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<kendo-buttongroup [selection]=\"selection\">\n  <button *ngFor=\"let btn of buttons\"\n    kendoButton\n    [size]=\"size\"\n    [fillMode]=\"fillMode\"\n    [rounded]=\"rounded\"\n    [themeColor]=\"themeColor\"\n    [disabled]=\"disabled\"\n    [toggleable]=\"toggleable\"\n    (click)=\"onButtonClick(btn.label)\"\n    [selected]=\"btn.selected\"\n  >\n    <lib-typography defaultText={{btn.label}} type=\"BODY_MEDIUM\"></lib-typography>\n    <ng-content></ng-content>\n  </button>\n</kendo-buttongroup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonGroupComponent, selector: "lib-button-group", inputs: { buttons: "buttons", selection: "selection", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", disabled: "disabled", toggleable: "toggleable" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<kendo-buttongroup [selection]=\"selection\">\n  <button *ngFor=\"let btn of buttons\"\n    kendoButton\n    [size]=\"size\"\n    [fillMode]=\"fillMode\"\n    [rounded]=\"rounded\"\n    [themeColor]=\"themeColor\"\n    [disabled]=\"disabled\"\n    [toggleable]=\"toggleable\"\n    (click)=\"onButtonClick(btn.label)\"\n    [selected]=\"btn.selected\"\n  >\n    <lib-typography defaultText={{btn.label}} type=\"BODY_MEDIUM\"></lib-typography>\n    <ng-content></ng-content>\n  </button>\n</kendo-buttongroup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-button-group', template: "<kendo-buttongroup [selection]=\"selection\">\n  <button *ngFor=\"let btn of buttons\"\n    kendoButton\n    [size]=\"size\"\n    [fillMode]=\"fillMode\"\n    [rounded]=\"rounded\"\n    [themeColor]=\"themeColor\"\n    [disabled]=\"disabled\"\n    [toggleable]=\"toggleable\"\n    (click)=\"onButtonClick(btn.label)\"\n    [selected]=\"btn.selected\"\n  >\n    <lib-typography defaultText={{btn.label}} type=\"BODY_MEDIUM\"></lib-typography>\n    <ng-content></ng-content>\n  </button>\n</kendo-buttongroup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { buttons: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { buttons: [{
                 type: Input
             }], selection: [{
                 type: Input
@@ -662,17 +839,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, declarations: [ButtonGroupComponent], imports: [ButtonsModule,
-            TypographyModule$1,
-            IconModule$1,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupModule, declarations: [ButtonGroupComponent], imports: [ButtonsModule,
+            TypographyModule,
+            IconModule,
             CommonModule], exports: [ButtonGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, imports: [ButtonsModule,
-            TypographyModule$1,
-            IconModule$1,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupModule, imports: [ButtonsModule,
+            TypographyModule,
+            IconModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -680,8 +857,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     imports: [
                         ButtonsModule,
-                        TypographyModule$1,
-                        IconModule$1,
+                        TypographyModule,
+                        IconModule,
                         CommonModule
                     ],
                     exports: [
@@ -705,13 +882,13 @@ class CheckboxComponent {
     emitValueChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxComponent, selector: "lib-checkbox", inputs: { control: "control", elementId: "elementId", size: "size", rounded: "rounded", label: "label", labelPosition: "labelPosition", labelFont: "labelFont" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\" class=\"checkbox-label\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"elementId\" (ngModelChange)=\"emitValueChange($event)\"\n  [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n  &nbsp;\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n</span>\n\n<ng-template #customLabel>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".checkbox-label{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxComponent, selector: "lib-checkbox", inputs: { control: "control", elementId: "elementId", size: "size", rounded: "rounded", label: "label", labelPosition: "labelPosition", labelFont: "labelFont" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\" class=\"checkbox-label\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"elementId\" (ngModelChange)=\"emitValueChange($event)\"\n  [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n  &nbsp;\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n</span>\n\n<ng-template #customLabel>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".checkbox-label{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-checkbox', template: "<span *ngIf=\"labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\" class=\"checkbox-label\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"elementId\" (ngModelChange)=\"emitValueChange($event)\"\n  [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n  &nbsp;\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n</span>\n\n<ng-template #customLabel>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".checkbox-label{display:flex}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { control: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { control: [{
                 type: Input
             }], elementId: [{
                 type: Input
@@ -730,17 +907,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            TypographyModule$1], exports: [CheckboxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, imports: [CommonModule,
+            TypographyModule], exports: [CheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            TypographyModule$1] }); }
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -750,7 +927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         InputsModule,
                         ReactiveFormsModule,
-                        TypographyModule$1
+                        TypographyModule
                     ],
                     exports: [
                         CheckboxComponent
@@ -766,10 +943,10 @@ class ChipComponent {
         this.themeColor = "none";
         this.removable = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipComponent, selector: "lib-chip", inputs: { size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", removable: "removable" }, viewQueries: [{ propertyName: "chip", first: true, predicate: ["chip"], descendants: true }], ngImport: i0, template: "<kendo-chip #chip [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [themeColor]=\"themeColor\"\n  [removable]=\"removable\">\n  <ng-content></ng-content>\n</kendo-chip>\n", styles: [".k-chip-solid-info{border-color:#6a96ff;color:#fff;background-color:#6a96ff}.k-chip-solid-success{border-color:#42be65;color:#fff;background-color:#42be65}.k-chip-solid-warning{border-color:#f3a302;color:#fff;background-color:#f3a302}.k-chip-solid-error{border-color:#ff4358;color:#fff;background-color:#ff4358}.k-chip-outline-info{border-color:#6a96ff;color:#6a96ff;background-color:#fff}.k-chip-outline-success{border-color:#42be65;color:#42be65;background-color:#fff}.k-chip-outline-warning{border-color:#f3a302;color:#f3a302;background-color:#fff}.k-chip-outline-error{border-color:#ff4358;color:#ff4358;background-color:#fff}kendo-chip:hover{cursor:default}\n"], dependencies: [{ kind: "component", type: i2$3.ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarClass", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipComponent, selector: "lib-chip", inputs: { size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", removable: "removable" }, viewQueries: [{ propertyName: "chip", first: true, predicate: ["chip"], descendants: true }], ngImport: i0, template: "<kendo-chip #chip [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [themeColor]=\"themeColor\"\n  [removable]=\"removable\">\n  <ng-content></ng-content>\n</kendo-chip>\n", styles: [".k-chip-solid-info{border-color:#6a96ff;color:#fff;background-color:#6a96ff}.k-chip-solid-success{border-color:#42be65;color:#fff;background-color:#42be65}.k-chip-solid-warning{border-color:#f3a302;color:#fff;background-color:#f3a302}.k-chip-solid-error{border-color:#ff4358;color:#fff;background-color:#ff4358}.k-chip-outline-info{border-color:#6a96ff;color:#6a96ff;background-color:#fff}.k-chip-outline-success{border-color:#42be65;color:#42be65;background-color:#fff}.k-chip-outline-warning{border-color:#f3a302;color:#f3a302;background-color:#fff}.k-chip-outline-error{border-color:#ff4358;color:#ff4358;background-color:#fff}kendo-chip:hover{cursor:default}\n"], dependencies: [{ kind: "component", type: i2$3.ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarClass", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-chip', template: "<kendo-chip #chip [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [themeColor]=\"themeColor\"\n  [removable]=\"removable\">\n  <ng-content></ng-content>\n</kendo-chip>\n", styles: [".k-chip-solid-info{border-color:#6a96ff;color:#fff;background-color:#6a96ff}.k-chip-solid-success{border-color:#42be65;color:#fff;background-color:#42be65}.k-chip-solid-warning{border-color:#f3a302;color:#fff;background-color:#f3a302}.k-chip-solid-error{border-color:#ff4358;color:#fff;background-color:#ff4358}.k-chip-outline-info{border-color:#6a96ff;color:#6a96ff;background-color:#fff}.k-chip-outline-success{border-color:#42be65;color:#42be65;background-color:#fff}.k-chip-outline-warning{border-color:#f3a302;color:#f3a302;background-color:#fff}.k-chip-outline-error{border-color:#ff4358;color:#ff4358;background-color:#fff}kendo-chip:hover{cursor:default}\n"] }]
         }], propDecorators: { size: [{
@@ -788,21 +965,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ChipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, declarations: [ChipComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ChipModule, declarations: [ChipComponent], imports: [CommonModule,
             ButtonsModule,
             LabelModule,
             FormsModule,
             DropDownsModule,
             ThemesModule], exports: [ChipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipModule, imports: [CommonModule,
             ButtonsModule,
             LabelModule,
             FormsModule,
             DropDownsModule,
             ThemesModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -822,6 +999,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class TooltipComponent {
+    constructor(themesService) {
+        this.themesService = themesService;
+        this.position = 'right';
+        this.showOn = 'hover';
+        this.closable = false;
+        this.title = 'tool';
+    }
+    onDocumentClick($event) {
+        if (this.closable) {
+            const elRef = document.getElementsByClassName(`tooltip-content`);
+            if (elRef?.length && !elRef?.[0]?.contains($event.target)) {
+                this.tooltip.hide();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipComponent, selector: "lib-tooltip", inputs: { position: "position", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", showOn: "showOn", closable: "closable", title: "title", callout: "callout" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltip=\"kendoTooltip\" kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n  [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n  <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2$4.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tooltip', template: "<div #tooltip=\"kendoTooltip\" kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n  [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n  <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { position: [{
+                type: Input
+            }], tooltipWidth: [{
+                type: Input
+            }], tooltipHeight: [{
+                type: Input
+            }], showOn: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], callout: [{
+                type: Input
+            }], tooltip: [{
+                type: ViewChild,
+                args: ['tooltip']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 class ChipListComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -879,13 +1100,13 @@ class ChipListComponent {
             return false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width", showFullList: "showFullList", numChipTheme: "numChipTheme", showTruncatedItemAsTooltip: "showTruncatedItemAsTooltip" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "chips", predicate: ["chip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-list-wrapper\" #wrapper>\n  <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n    [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n    [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n  <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n    <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n      [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n      [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n      <div class=\"tooltip-content\">\n        <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n      </div>\n  </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$4.ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }, { kind: "component", type: i3$2.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width", showFullList: "showFullList", numChipTheme: "numChipTheme", showTruncatedItemAsTooltip: "showTruncatedItemAsTooltip" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "chips", predicate: ["chip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-list-wrapper\" #wrapper>\n  <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n    [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n    [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n  <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n    <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n      [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n      [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n      <div class=\"tooltip-content\">\n        <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n      </div>\n  </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-chip-list', template: "<div class=\"chip-list-wrapper\" #wrapper>\n  <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n    [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n    [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n  <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n    <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n      [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n      [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n      <div class=\"tooltip-content\">\n        <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n      </div>\n  </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { list: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { list: [{
                 type: Input
             }], chips: [{
                 type: ViewChildren,
@@ -903,26 +1124,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class TooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [TooltipsModule], exports: [TooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, imports: [TooltipsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TooltipComponent
+                    ],
+                    imports: [
+                        TooltipsModule
+                    ],
+                    exports: [
+                        TooltipComponent
+                    ]
+                }]
+        }] });
+
 class ChipListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChipListModule, declarations: [ChipListComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, declarations: [ChipListComponent], imports: [CommonModule,
             ButtonsModule,
             LabelModule,
             FormsModule,
             DropDownsModule,
-            ChipModule$1,
-            TooltipModule$1,
-            TypographyModule$1], exports: [ChipListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListModule, imports: [CommonModule,
+            ChipModule,
+            TooltipModule,
+            TypographyModule], exports: [ChipListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, imports: [CommonModule,
             ButtonsModule,
             LabelModule,
             FormsModule,
             DropDownsModule,
-            ChipModule$1,
-            TooltipModule$1,
-            TypographyModule$1] }); }
+            ChipModule,
+            TooltipModule,
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -934,9 +1175,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         LabelModule,
                         FormsModule,
                         DropDownsModule,
-                        ChipModule$1,
-                        TooltipModule$1,
-                        TypographyModule$1
+                        ChipModule,
+                        TooltipModule,
+                        TypographyModule
                     ],
                     exports: [
                         ChipListComponent
@@ -1028,13 +1269,13 @@ class ClipboardComponent {
     revertTooltipText() {
         this.tooltipText = this.preCopyText;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText", showCopyIcon: "showCopyIcon", iconFontSize: "iconFontSize" }, ngImport: i0, template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n  [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n  <ng-container *ngIf=\"showCopyIcon; else showButton\">\n    <lib-icon class=\"clipboard-copy-icon\" name=\"copy\" [fontSize]=\"iconFontSize\" (click)=\"copyToClipboard()\" (keypress)=\"copyToClipboard()\"\n      (mouseleave)=\"revertTooltipText()\"></lib-icon>\n  </ng-container>\n  <ng-template #showButton>\n    <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n      iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n  </ng-template>\n  <div class=\"cb-tooltip-text tooltip-content\">\n    {{tooltipText}}\n  </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}::ng-deep .cb-tooltip .clipboard-copy-icon{color:#0069ff;cursor:pointer}::ng-deep .cb-tooltip .clipboard-copy-icon:hover{color:#101416}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: i2$5.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText", showCopyIcon: "showCopyIcon", iconFontSize: "iconFontSize" }, ngImport: i0, template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n  [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n  <ng-container *ngIf=\"showCopyIcon; else showButton\">\n    <lib-icon class=\"clipboard-copy-icon\" name=\"copy\" [fontSize]=\"iconFontSize\" (click)=\"copyToClipboard()\" (keypress)=\"copyToClipboard()\"\n      (mouseleave)=\"revertTooltipText()\"></lib-icon>\n  </ng-container>\n  <ng-template #showButton>\n    <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n      iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n  </ng-template>\n  <div class=\"cb-tooltip-text tooltip-content\">\n    {{tooltipText}}\n  </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}::ng-deep .cb-tooltip .clipboard-copy-icon{color:#0069ff;cursor:pointer}::ng-deep .cb-tooltip .clipboard-copy-icon:hover{color:#101416}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-clipboard', template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n  [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n  <ng-container *ngIf=\"showCopyIcon; else showButton\">\n    <lib-icon class=\"clipboard-copy-icon\" name=\"copy\" [fontSize]=\"iconFontSize\" (click)=\"copyToClipboard()\" (keypress)=\"copyToClipboard()\"\n      (mouseleave)=\"revertTooltipText()\"></lib-icon>\n  </ng-container>\n  <ng-template #showButton>\n    <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n      iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n  </ng-template>\n  <div class=\"cb-tooltip-text tooltip-content\">\n    {{tooltipText}}\n  </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}::ng-deep .cb-tooltip .clipboard-copy-icon{color:#0069ff;cursor:pointer}::ng-deep .cb-tooltip .clipboard-copy-icon:hover{color:#101416}.cb-tooltip-text{padding:.25rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { clipboardData: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { clipboardData: [{
                 type: Input
             }], tooltipPosition: [{
                 type: Input
@@ -1049,30 +1290,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ClipboardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ClipboardModule, declarations: [ClipboardComponent], imports: [ButtonModule$1,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, declarations: [ClipboardComponent], imports: [ButtonModule,
             CommonModule,
-            TooltipModule$1,
-            IconModule$1,
-            TypographyModule$1], exports: [ClipboardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardModule, imports: [ButtonModule$1,
+            TooltipModule,
+            IconModule,
+            TypographyModule], exports: [ClipboardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, imports: [ButtonModule,
             CommonModule,
-            TooltipModule$1,
-            IconModule$1,
-            TypographyModule$1] }); }
+            TooltipModule,
+            IconModule,
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         ClipboardComponent
                     ],
                     imports: [
-                        ButtonModule$1,
+                        ButtonModule,
                         CommonModule,
-                        TooltipModule$1,
-                        IconModule$1,
-                        TypographyModule$1
+                        TooltipModule,
+                        IconModule,
+                        TypographyModule
                     ],
                     exports: [
                         ClipboardComponent
@@ -1080,52 +1321,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class ContainerComponent {
-    constructor() {
-        this.c_class = "";
-        this.padding = "pd-small";
-        this.margin = "mr-small";
-    }
-    get class() {
-        return `${this.c_class} ${this.padding} ${this.margin}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContainerComponent, selector: "lib-container", inputs: { c_class: "c_class", padding: "padding", margin: "margin" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-container', template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }], c_class: [{
-                type: Input
-            }], padding: [{
-                type: Input
-            }], margin: [{
-                type: Input
-            }] } });
-
-class ContainerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ContainerModule, declarations: [ContainerComponent], imports: [CommonModule], exports: [ContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ContainerComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        ContainerComponent
-                    ]
-                }]
-        }] });
-
 class DateRangeComponent {
     constructor(themesService) {
         this.themesService = themesService;
@@ -1142,13 +1337,13 @@ class DateRangeComponent {
     onEndChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2$6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2$6.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2$6.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2$6.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3$3.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2$5.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2$5.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2$5.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2$5.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3$2.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-date-range', template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { range: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { range: [{
                 type: Input
             }], rangeStartLabel: [{
                 type: Input
@@ -1171,19 +1366,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DateRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, declarations: [DateRangeComponent], imports: [DateInputsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, declarations: [DateRangeComponent], imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule,
             FloatingLabelModule], exports: [DateRangeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, imports: [DateInputsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule,
             FloatingLabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1243,13 +1438,13 @@ class DatepickerComponent {
     onClose(event) {
         this.onCloseEvent.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$6.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-datepicker', template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { calendarType: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { calendarType: [{
                 type: Input
             }], isDisabled: [{
                 type: Input
@@ -1288,17 +1483,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DatepickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, declarations: [DatepickerComponent], imports: [DateInputsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DatepickerModule, declarations: [DatepickerComponent], imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule], exports: [DatepickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, imports: [DateInputsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerModule, imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1372,10 +1567,10 @@ class DragAndDropComponent {
         return toIndex;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DragAndDropComponent, selector: "lib-drag-and-drop", inputs: { dragDropContainerClassSelector: "dragDropContainerClassSelector", dragDropItemClassSelector: "dragDropItemClassSelector", dragDropContainerIndexAttribute: "dragDropContainerIndexAttribute", dragDropItemIndexAttribute: "dragDropItemIndexAttribute", dragHandleClassSelector: "dragHandleClassSelector", listData: "listData" }, outputs: { emitListChangeEv: "emitListChangeEv" }, viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DragTargetContainerDirective }, { propertyName: "dropTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DropTargetContainerDirective }], ngImport: i0, template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i1$2.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DragAndDropComponent, selector: "lib-drag-and-drop", inputs: { dragDropContainerClassSelector: "dragDropContainerClassSelector", dragDropItemClassSelector: "dragDropItemClassSelector", dragDropContainerIndexAttribute: "dragDropContainerIndexAttribute", dragDropItemIndexAttribute: "dragDropItemIndexAttribute", dragHandleClassSelector: "dragHandleClassSelector", listData: "listData" }, outputs: { emitListChangeEv: "emitListChangeEv" }, viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DragTargetContainerDirective }, { propertyName: "dropTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DropTargetContainerDirective }], ngImport: i0, template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i1$2.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-drag-and-drop', template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { dragDropContainerClassSelector: [{
@@ -1401,21 +1596,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DragAndDropModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, declarations: [DragAndDropComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropModule, declarations: [DragAndDropComponent], imports: [CommonModule,
             ButtonsModule,
             InputsModule,
             UtilsModule,
             ListViewModule,
             IconsModule], exports: [DragAndDropComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropModule, imports: [CommonModule,
             ButtonsModule,
             InputsModule,
             UtilsModule,
             ListViewModule,
             IconsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1435,6 +1630,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+var LoaderSize;
+(function (LoaderSize) {
+    LoaderSize["small"] = "small";
+    LoaderSize["medium"] = "medium";
+    LoaderSize["large"] = "large";
+})(LoaderSize || (LoaderSize = {}));
+var LoaderType;
+(function (LoaderType) {
+    LoaderType["pulsing"] = "pulsing";
+    LoaderType["infiniteSpinner"] = "infinite-spinner";
+    LoaderType["convergingSpinner"] = "converging-spinner";
+})(LoaderType || (LoaderType = {}));
+var LoaderThemeColor;
+(function (LoaderThemeColor) {
+    LoaderThemeColor["primary"] = "primary";
+    LoaderThemeColor["secondary"] = "secondary";
+    LoaderThemeColor["tertiary"] = "tertiary";
+    LoaderThemeColor["info"] = "info";
+    LoaderThemeColor["success"] = "success";
+    LoaderThemeColor["warning"] = "warning";
+    LoaderThemeColor["error"] = "error";
+    LoaderThemeColor["dark"] = "dark";
+    LoaderThemeColor["light"] = "light";
+    LoaderThemeColor["inverse"] = "inverse";
+})(LoaderThemeColor || (LoaderThemeColor = {}));
+class LoaderComponent {
+    constructor() {
+        this.size = LoaderSize.medium;
+        this.type = LoaderType.pulsing;
+        this.themeColor = LoaderThemeColor.primary;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "lib-loader", inputs: { size: "size", type: "type", themeColor: "themeColor" }, ngImport: i0, template: "<kendo-loader [type]=\"type\" [themeColor]=\"themeColor\" [size]=\"size\">\n</kendo-loader>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1$3.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-loader', template: "<kendo-loader [type]=\"type\" [themeColor]=\"themeColor\" [size]=\"size\">\n</kendo-loader>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }] } });
+
 class DropdownComponent {
     set useAsComboBox(value) {
         this._useAsComboBox = value;
@@ -1466,9 +1706,9 @@ class DropdownComponent {
         this.fontType = 'BODY_MEDIUM';
         this.focus = false;
         this.loading = false;
-        this.loaderType = LoaderType$1.pulsing;
-        this.loaderSize = LoaderSize$1.medium;
-        this.loaderTheme = LoaderThemeColor$1.primary;
+        this.loaderType = LoaderType.pulsing;
+        this.loaderSize = LoaderSize.medium;
+        this.loaderTheme = LoaderThemeColor.primary;
         this.width = '100%';
         this.infiniteScrollLoader = false;
         this.showError = false;
@@ -1543,13 +1783,13 @@ class DropdownComponent {
         }
         return this.defaultItem;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", popupClass: "popupClass", showDefaultItem: "showDefaultItem", useAsComboBox: "useAsComboBox", selectedItem: "selectedItem", readonly: "readonly", rounded: "rounded", size: "size", suggest: "suggest", textField: "textField", value: "value", valueField: "valueField", valuePrimitive: "valuePrimitive", model: "model", control: "control", fontType: "fontType", focus: "focus", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", width: "width", infiniteScrollLoader: "infiniteScrollLoader", showError: "showError", errorMessage: "errorMessage", placeholder: "placeholder" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"checkbox-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" (opened)=\"onDropdownOpen()\"\n    (close)=\"onDropdownClose()\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n    [filterable]=\"filterable\" [placeholder]=\"_placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\"\n    [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n    [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n    [formControl]=\"control\" [popupSettings]=\"{popupClass: popupClass}\">\n    <ng-template kendoComboBoxHeaderTemplate>\n      <ng-content select=\"header\"></ng-content>\n    </ng-template>\n    <ng-template kendoComboBoxItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n\n  <kendo-dropdownlist #dropdownList *ngIf=\"!_useAsComboBox\" [id]=\"elementId\" [data]=\"data\" [textField]=\"textField\"\n    [valueField]=\"valueField\" [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [fillMode]=\"fillMode\"\n    [itemDisabled]=\"itemDisabled\" [style.width]=\"width\" [valuePrimitive]=\"valuePrimitive\" [value]=\"value\"\n    [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n    [ngClass]=\"{'default-text': model === null || model === undefined}\" (close)=\"onDropdownClose()\"\n    [defaultItem]=\"showDefaultItem ? getDefaultItem() : null\" [formControl]=\"control\">\n    <ng-template kendoDropDownListItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoDropDownListFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoDropDownListNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-dropdownlist>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: [".checkbox-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{padding:8px 16px}::ng-deep .k-picker,::ng-deep .k-dropdownlist.k-picker-outline{border-color:#21252980}::ng-deep .k-picker:focus,::ng-deep .k-dropdownlist.k-picker-outline:focus{border-color:#80b4ff!important;box-shadow:0 0 0 .25rem #0069ff40!important}::ng-deep .k-dropdownlist.k-picker-outline .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-outline .k-button-icon,::ng-deep .k-dropdownlist.k-picker-flat .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-flat .k-button-icon{color:#101416}::ng-deep .default-text .k-input-value-text{color:#6f7a85!important}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$4.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3$4.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$4.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3$4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", popupClass: "popupClass", showDefaultItem: "showDefaultItem", useAsComboBox: "useAsComboBox", selectedItem: "selectedItem", readonly: "readonly", rounded: "rounded", size: "size", suggest: "suggest", textField: "textField", value: "value", valueField: "valueField", valuePrimitive: "valuePrimitive", model: "model", control: "control", fontType: "fontType", focus: "focus", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", width: "width", infiniteScrollLoader: "infiniteScrollLoader", showError: "showError", errorMessage: "errorMessage", placeholder: "placeholder" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"checkbox-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" (opened)=\"onDropdownOpen()\"\n    (close)=\"onDropdownClose()\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n    [filterable]=\"filterable\" [placeholder]=\"_placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\"\n    [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n    [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n    [formControl]=\"control\" [popupSettings]=\"{popupClass: popupClass}\">\n    <ng-template kendoComboBoxHeaderTemplate>\n      <ng-content select=\"header\"></ng-content>\n    </ng-template>\n    <ng-template kendoComboBoxItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n\n  <kendo-dropdownlist #dropdownList *ngIf=\"!_useAsComboBox\" [id]=\"elementId\" [data]=\"data\" [textField]=\"textField\"\n    [valueField]=\"valueField\" [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [fillMode]=\"fillMode\"\n    [itemDisabled]=\"itemDisabled\" [style.width]=\"width\" [valuePrimitive]=\"valuePrimitive\" [value]=\"value\"\n    [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n    [ngClass]=\"{'default-text': model === null || model === undefined}\" (close)=\"onDropdownClose()\"\n    [defaultItem]=\"showDefaultItem ? getDefaultItem() : null\" [formControl]=\"control\">\n    <ng-template kendoDropDownListItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoDropDownListFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoDropDownListNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-dropdownlist>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: [".checkbox-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{padding:8px 16px}::ng-deep .k-picker,::ng-deep .k-dropdownlist.k-picker-outline{border-color:#21252980}::ng-deep .k-picker:focus,::ng-deep .k-dropdownlist.k-picker-outline:focus{border-color:#80b4ff!important;box-shadow:0 0 0 .25rem #0069ff40!important}::ng-deep .k-dropdownlist.k-picker-outline .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-outline .k-button-icon,::ng-deep .k-dropdownlist.k-picker-flat .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-flat .k-button-icon{color:#101416}::ng-deep .default-text .k-input-value-text{color:#6f7a85!important}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$3.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dropdown', template: "<div class=\"dropdown\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"checkbox-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" (opened)=\"onDropdownOpen()\"\n    (close)=\"onDropdownClose()\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n    [filterable]=\"filterable\" [placeholder]=\"_placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\"\n    [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n    [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n    [formControl]=\"control\" [popupSettings]=\"{popupClass: popupClass}\">\n    <ng-template kendoComboBoxHeaderTemplate>\n      <ng-content select=\"header\"></ng-content>\n    </ng-template>\n    <ng-template kendoComboBoxItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n\n  <kendo-dropdownlist #dropdownList *ngIf=\"!_useAsComboBox\" [id]=\"elementId\" [data]=\"data\" [textField]=\"textField\"\n    [valueField]=\"valueField\" [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [fillMode]=\"fillMode\"\n    [itemDisabled]=\"itemDisabled\" [style.width]=\"width\" [valuePrimitive]=\"valuePrimitive\" [value]=\"value\"\n    [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n    [ngClass]=\"{'default-text': model === null || model === undefined}\" (close)=\"onDropdownClose()\"\n    [defaultItem]=\"showDefaultItem ? getDefaultItem() : null\" [formControl]=\"control\">\n    <ng-template kendoDropDownListItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoDropDownListFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoDropDownListNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-dropdownlist>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: [".checkbox-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{padding:8px 16px}::ng-deep .k-picker,::ng-deep .k-dropdownlist.k-picker-outline{border-color:#21252980}::ng-deep .k-picker:focus,::ng-deep .k-dropdownlist.k-picker-outline:focus{border-color:#80b4ff!important;box-shadow:0 0 0 .25rem #0069ff40!important}::ng-deep .k-dropdownlist.k-picker-outline .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-outline .k-button-icon,::ng-deep .k-dropdownlist.k-picker-flat .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-flat .k-button-icon{color:#101416}::ng-deep .default-text .k-input-value-text{color:#6f7a85!important}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { elementId: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }], propDecorators: { elementId: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -1625,22 +1865,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class LoaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule,
+            IndicatorsModule], exports: [LoaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderModule, imports: [CommonModule,
+            IndicatorsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoaderComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        IndicatorsModule
+                    ],
+                    exports: [
+                        LoaderComponent
+                    ]
+                }]
+        }] });
+
 class DropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent], imports: [CommonModule,
             DropDownsModule,
             FormsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            LoaderModule$1], exports: [DropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, imports: [CommonModule,
+            TypographyModule,
+            LoaderModule], exports: [DropdownComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, imports: [CommonModule,
             DropDownsModule,
             FormsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            LoaderModule$1] }); }
+            TypographyModule,
+            LoaderModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1651,8 +1914,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DropDownsModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        TypographyModule$1,
-                        LoaderModule$1
+                        TypographyModule,
+                        LoaderModule
                     ],
                     exports: [
                         DropdownComponent
@@ -1673,10 +1936,10 @@ class DropdownButtonComponent {
         this.popupSettings = {};
         this.buttonClass = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownButtonComponent, selector: "lib-dropdown-button", inputs: { data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", dropdownBtnText: "dropdownBtnText", fontType: "fontType", isDisabled: "isDisabled", popupSettings: "popupSettings", buttonClass: "buttonClass" }, ngImport: i0, template: "<kendo-dropdownbutton class=\"dropdown-btn\" [data]=\"data\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n  [themeColor]=\"themeColor\" [disabled]=\"isDisabled\" [popupSettings]=\"popupSettings\" [buttonClass]=\"buttonClass\">\n  <lib-typography [defaultText]=\"dropdownBtnText\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon name=\"chevron-down\" class=\"btn-icon\"></lib-icon>\n</kendo-dropdownbutton>\n", styles: [".btn-icon{top:.12rem;position:relative;padding-left:.5rem}::ng-deep .dropdown-btn .k-button-text{display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i2$3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DropdownButtonComponent, selector: "lib-dropdown-button", inputs: { data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", dropdownBtnText: "dropdownBtnText", fontType: "fontType", isDisabled: "isDisabled", popupSettings: "popupSettings", buttonClass: "buttonClass" }, ngImport: i0, template: "<kendo-dropdownbutton class=\"dropdown-btn\" [data]=\"data\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n  [themeColor]=\"themeColor\" [disabled]=\"isDisabled\" [popupSettings]=\"popupSettings\" [buttonClass]=\"buttonClass\">\n  <lib-typography [defaultText]=\"dropdownBtnText\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon name=\"chevron-down\" class=\"btn-icon\"></lib-icon>\n</kendo-dropdownbutton>\n", styles: [".btn-icon{top:.12rem;position:relative;padding-left:.5rem}::ng-deep .dropdown-btn .k-button-text{display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i2$3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dropdown-button', template: "<kendo-dropdownbutton class=\"dropdown-btn\" [data]=\"data\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n  [themeColor]=\"themeColor\" [disabled]=\"isDisabled\" [popupSettings]=\"popupSettings\" [buttonClass]=\"buttonClass\">\n  <lib-typography [defaultText]=\"dropdownBtnText\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon name=\"chevron-down\" class=\"btn-icon\"></lib-icon>\n</kendo-dropdownbutton>\n", styles: [".btn-icon{top:.12rem;position:relative;padding-left:.5rem}::ng-deep .dropdown-btn .k-button-text{display:flex;align-items:center}\n"] }]
         }], propDecorators: { data: [{
@@ -1702,17 +1965,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DropdownButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DropdownButtonModule, declarations: [DropdownButtonComponent], imports: [CommonModule,
-            TypographyModule$1,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DropdownButtonModule, declarations: [DropdownButtonComponent], imports: [CommonModule,
+            TypographyModule,
             ButtonsModule,
-            IconModule$1], exports: [DropdownButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownButtonModule, imports: [CommonModule,
-            TypographyModule$1,
+            IconModule], exports: [DropdownButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownButtonModule, imports: [CommonModule,
+            TypographyModule,
             ButtonsModule,
-            IconModule$1] }); }
+            IconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1720,9 +1983,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     imports: [
                         CommonModule,
-                        TypographyModule$1,
+                        TypographyModule,
                         ButtonsModule,
-                        IconModule$1
+                        IconModule
                     ],
                     exports: [
                         DropdownButtonComponent
@@ -1772,13 +2035,13 @@ class DropdowntreeComponent {
     onButtonClick(e) {
         this.buttonClick.emit(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdowntreeComponent, selector: "lib-dropdowntree", inputs: { childrenField: "childrenField", hasDefaultValue: "hasDefaultValue", isDisabled: "isDisabled", listHeight: "listHeight", value: "value", placeholder: "placeholder", clearButton: "clearButton", expandBy: "expandBy", expandedKeys: "expandedKeys", data: "data", textField: "textField", readonly: "readonly", valueField: "valueField", footerBtnLabel: "footerBtnLabel", footerBtnIcon: "footerBtnIcon", hasFooterBtn: "hasFooterBtn", rounded: "rounded", fillMode: "fillMode", size: "size", control: "control" }, outputs: { selectedItem: "selectedItem", buttonClick: "buttonClick" }, usesOnChanges: true, ngImport: i0, template: "<kendo-dropdowntree kendoDropDownTreeExpandable [kendoDropDownTreeHierarchyBinding]=\"data\"\n  [childrenField]=\"childrenField\" [textField]=\"textField\" [valueField]=\"valueField\"\n  class=\"dropdown\" (valueChange)=\"valueChange($event)\" [placeholder]=\"placeholder\" [ngModel]=\"value\"\n  [listHeight]=\"listHeight\" [expandBy]=\"expandBy\" [(expandedKeys)]=\"expandedKeys\" [clearButton]=\"clearButton\"\n  [rounded]=\"rounded\" [size]=\"size\" [fillMode]=\"fillMode\" [readonly]=\"readonly\" [formControl]=\"control\">\n\n  <ng-template kendoDropDownTreeNodeTemplate let-dataItem>\n    <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n      [alt]=\"dataItem.imageUrl\" class=\"image\" />\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template *ngIf=\"hasDefaultValue; else myTemplate\" kendoDropDownTreeValueTemplate let-dataItem>\n    <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n      [alt]=\"dataItem.imageUrl\" class=\"image\" />\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template kendoDropDownTreeItemTemplate let-dataItem #myTemplate>\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template *ngIf=\"hasFooterBtn\" kendoDropDownTreeFooterTemplate>\n    <lib-button [label]=\"footerBtnLabel\" fillMode=\"flat\" themeColor=\"primary\" (buttonClick)=\"onButtonClick($event)\"\n      iconPosition=\"before\" size=\"medium\" [iconName]=\"footerBtnIcon\" fontType=\"BODY_LARGE\"\n      class=\"footer-btn\"></lib-button>\n  </ng-template>\n\n</kendo-dropdowntree>\n", styles: [".dropdown{width:310px}.image{margin-right:10px;margin-bottom:2px}::ng-deep li .k-treeview-item{padding-top:8px}::ng-deep .k-treeview-md .k-treeview-leaf{width:284px}::ng-deep .k-treeview-item{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep li .k-treeview-item :hover{cursor:pointer}::ng-deep .footer-btn .k-button{height:34px;margin:6px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$4.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$4.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3$4.DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: ["icon", "svgIcon", "loading", "clearButton", "data", "value", "textField", "valueField", "valueDepth", "hasChildren", "fetchChildren", "placeholder", "popupSettings", "dataItem", "listHeight", "disabled", "readonly", "valuePrimitive", "tabindex", "size", "rounded", "fillMode", "itemDisabled", "isNodeExpanded", "isNodeVisible", "loadOnDemand", "filterable", "filter", "focusableId", "adaptiveMode", "title", "subtitle"], outputs: ["open", "opened", "close", "closed", "nodeExpand", "nodeCollapse", "focus", "blur", "valueChange", "filterChange"], exportAs: ["kendoDropDownTree"] }, { kind: "directive", type: i3$4.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3$4.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3$4.NodeTemplateDirective, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$5.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DropdowntreeComponent, selector: "lib-dropdowntree", inputs: { childrenField: "childrenField", hasDefaultValue: "hasDefaultValue", isDisabled: "isDisabled", listHeight: "listHeight", value: "value", placeholder: "placeholder", clearButton: "clearButton", expandBy: "expandBy", expandedKeys: "expandedKeys", data: "data", textField: "textField", readonly: "readonly", valueField: "valueField", footerBtnLabel: "footerBtnLabel", footerBtnIcon: "footerBtnIcon", hasFooterBtn: "hasFooterBtn", rounded: "rounded", fillMode: "fillMode", size: "size", control: "control" }, outputs: { selectedItem: "selectedItem", buttonClick: "buttonClick" }, usesOnChanges: true, ngImport: i0, template: "<kendo-dropdowntree kendoDropDownTreeExpandable [kendoDropDownTreeHierarchyBinding]=\"data\"\n  [childrenField]=\"childrenField\" [textField]=\"textField\" [valueField]=\"valueField\"\n  class=\"dropdown\" (valueChange)=\"valueChange($event)\" [placeholder]=\"placeholder\" [ngModel]=\"value\"\n  [listHeight]=\"listHeight\" [expandBy]=\"expandBy\" [(expandedKeys)]=\"expandedKeys\" [clearButton]=\"clearButton\"\n  [rounded]=\"rounded\" [size]=\"size\" [fillMode]=\"fillMode\" [readonly]=\"readonly\" [formControl]=\"control\">\n\n  <ng-template kendoDropDownTreeNodeTemplate let-dataItem>\n    <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n      [alt]=\"dataItem.imageUrl\" class=\"image\" />\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template *ngIf=\"hasDefaultValue; else myTemplate\" kendoDropDownTreeValueTemplate let-dataItem>\n    <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n      [alt]=\"dataItem.imageUrl\" class=\"image\" />\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template kendoDropDownTreeItemTemplate let-dataItem #myTemplate>\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template *ngIf=\"hasFooterBtn\" kendoDropDownTreeFooterTemplate>\n    <lib-button [label]=\"footerBtnLabel\" fillMode=\"flat\" themeColor=\"primary\" (buttonClick)=\"onButtonClick($event)\"\n      iconPosition=\"before\" size=\"medium\" [iconName]=\"footerBtnIcon\" fontType=\"BODY_LARGE\"\n      class=\"footer-btn\"></lib-button>\n  </ng-template>\n\n</kendo-dropdowntree>\n", styles: [".dropdown{width:310px}.image{margin-right:10px;margin-bottom:2px}::ng-deep li .k-treeview-item{padding-top:8px}::ng-deep .k-treeview-md .k-treeview-leaf{width:284px}::ng-deep .k-treeview-item{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep li .k-treeview-item :hover{cursor:pointer}::ng-deep .footer-btn .k-button{height:34px;margin:6px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3$3.DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: ["icon", "svgIcon", "loading", "clearButton", "data", "value", "textField", "valueField", "valueDepth", "hasChildren", "fetchChildren", "placeholder", "popupSettings", "dataItem", "listHeight", "disabled", "readonly", "valuePrimitive", "tabindex", "size", "rounded", "fillMode", "itemDisabled", "isNodeExpanded", "isNodeVisible", "loadOnDemand", "filterable", "filter", "focusableId", "adaptiveMode", "title", "subtitle"], outputs: ["open", "opened", "close", "closed", "nodeExpand", "nodeCollapse", "focus", "blur", "valueChange", "filterChange"], exportAs: ["kendoDropDownTree"] }, { kind: "directive", type: i3$3.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3$3.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3$3.NodeTemplateDirective, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dropdowntree', template: "<kendo-dropdowntree kendoDropDownTreeExpandable [kendoDropDownTreeHierarchyBinding]=\"data\"\n  [childrenField]=\"childrenField\" [textField]=\"textField\" [valueField]=\"valueField\"\n  class=\"dropdown\" (valueChange)=\"valueChange($event)\" [placeholder]=\"placeholder\" [ngModel]=\"value\"\n  [listHeight]=\"listHeight\" [expandBy]=\"expandBy\" [(expandedKeys)]=\"expandedKeys\" [clearButton]=\"clearButton\"\n  [rounded]=\"rounded\" [size]=\"size\" [fillMode]=\"fillMode\" [readonly]=\"readonly\" [formControl]=\"control\">\n\n  <ng-template kendoDropDownTreeNodeTemplate let-dataItem>\n    <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n      [alt]=\"dataItem.imageUrl\" class=\"image\" />\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template *ngIf=\"hasDefaultValue; else myTemplate\" kendoDropDownTreeValueTemplate let-dataItem>\n    <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n      [alt]=\"dataItem.imageUrl\" class=\"image\" />\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template kendoDropDownTreeItemTemplate let-dataItem #myTemplate>\n    {{ dataItem.text }}\n  </ng-template>\n\n  <ng-template *ngIf=\"hasFooterBtn\" kendoDropDownTreeFooterTemplate>\n    <lib-button [label]=\"footerBtnLabel\" fillMode=\"flat\" themeColor=\"primary\" (buttonClick)=\"onButtonClick($event)\"\n      iconPosition=\"before\" size=\"medium\" [iconName]=\"footerBtnIcon\" fontType=\"BODY_LARGE\"\n      class=\"footer-btn\"></lib-button>\n  </ng-template>\n\n</kendo-dropdowntree>\n", styles: [".dropdown{width:310px}.image{margin-right:10px;margin-bottom:2px}::ng-deep li .k-treeview-item{padding-top:8px}::ng-deep .k-treeview-md .k-treeview-leaf{width:284px}::ng-deep .k-treeview-item{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep li .k-treeview-item :hover{cursor:pointer}::ng-deep .footer-btn .k-button{height:34px;margin:6px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { childrenField: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { childrenField: [{
                 type: Input
             }], hasDefaultValue: [{
                 type: Input
@@ -1825,21 +2088,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DropdowntreeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeModule, declarations: [DropdowntreeComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeModule, declarations: [DropdowntreeComponent], imports: [CommonModule,
             DropDownsModule,
             FormsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            ButtonModule$1], exports: [DropdowntreeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeModule, imports: [CommonModule,
+            TypographyModule,
+            ButtonModule], exports: [DropdowntreeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeModule, imports: [CommonModule,
             DropDownsModule,
             FormsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            ButtonModule$1] }); }
+            TypographyModule,
+            ButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1850,8 +2113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DropDownsModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        TypographyModule$1,
-                        ButtonModule$1
+                        TypographyModule,
+                        ButtonModule
                     ],
                     exports: [
                         DropdowntreeComponent
@@ -1879,13 +2142,13 @@ class ExpansionPanelComponent {
         }
         this.action.emit(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled", expandCollapseAllowed: "expandCollapseAllowed" }, outputs: { action: "action" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\"\n  [ngClass]=\"{ 'change-disabled' : !expandCollapseAllowed }\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography [defaultText]=\"title\" type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography [defaultText]=\"subtitle\" type=\"BODY_MEDIUM\">\n      </lib-typography>\n    </div>\n    <div class=\"expansion-header-content\" *ngIf=\"customHeader\">\n      <ng-content select=\"header\"></ng-content>\n    </div>\n  </ng-template>\n  <ng-content></ng-content>\n</kendo-expansionpanel>\n", styles: [".expansion-header-content{width:100%;display:flex;justify-content:space-between}::ng-deep .change-disabled .k-expander-header{cursor:default}::ng-deep .change-disabled .k-expander-header:hover{background:none}\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: i2$1.ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i2$1.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled", expandCollapseAllowed: "expandCollapseAllowed" }, outputs: { action: "action" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\"\n  [ngClass]=\"{ 'change-disabled' : !expandCollapseAllowed }\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography [defaultText]=\"title\" type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography [defaultText]=\"subtitle\" type=\"BODY_MEDIUM\">\n      </lib-typography>\n    </div>\n    <div class=\"expansion-header-content\" *ngIf=\"customHeader\">\n      <ng-content select=\"header\"></ng-content>\n    </div>\n  </ng-template>\n  <ng-content></ng-content>\n</kendo-expansionpanel>\n", styles: [".expansion-header-content{width:100%;display:flex;justify-content:space-between}::ng-deep .change-disabled .k-expander-header{cursor:default}::ng-deep .change-disabled .k-expander-header:hover{background:none}\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: i2$1.ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i2$1.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\"\n  [ngClass]=\"{ 'change-disabled' : !expandCollapseAllowed }\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography [defaultText]=\"title\" type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography [defaultText]=\"subtitle\" type=\"BODY_MEDIUM\">\n      </lib-typography>\n    </div>\n    <div class=\"expansion-header-content\" *ngIf=\"customHeader\">\n      <ng-content select=\"header\"></ng-content>\n    </div>\n  </ng-template>\n  <ng-content></ng-content>\n</kendo-expansionpanel>\n", styles: [".expansion-header-content{width:100%;display:flex;justify-content:space-between}::ng-deep .change-disabled .k-expander-header{cursor:default}::ng-deep .change-disabled .k-expander-header:hover{background:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { title: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { title: [{
                 type: Input
             }], subtitle: [{
                 type: Input
@@ -1904,27 +2167,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ExpansionPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, declarations: [ExpansionPanelComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelModule, declarations: [ExpansionPanelComponent], imports: [CommonModule,
             LayoutModule,
             IconsModule,
             ButtonsModule,
             InputsModule,
             LabelModule,
             DropDownsModule,
-            ContainerModule$1,
-            TypographyModule$1], exports: [ExpansionPanelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, imports: [CommonModule,
+            ContainerModule,
+            TypographyModule], exports: [ExpansionPanelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelModule, imports: [CommonModule,
             LayoutModule,
             IconsModule,
             ButtonsModule,
             InputsModule,
             LabelModule,
             DropDownsModule,
-            ContainerModule$1,
-            TypographyModule$1] }); }
+            ContainerModule,
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1938,8 +2201,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         InputsModule,
                         LabelModule,
                         DropDownsModule,
-                        ContainerModule$1,
-                        TypographyModule$1
+                        ContainerModule,
+                        TypographyModule
                     ],
                     exports: [
                         ExpansionPanelComponent
@@ -1947,58 +2210,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class IconComponent {
-    set projectedIcon(value) {
-        this._projectedIcon = value;
-        if (value) {
-            this._fontSize = 20;
-        }
-    }
-    set fontSize(value) {
-        if (!this._projectedIcon) {
-            this._fontSize = value;
-        }
-    }
-    constructor(themesService) {
-        this.themesService = themesService;
-        this.name = '';
-        this._projectedIcon = false;
-        this._fontSize = 16;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "lib-icon", inputs: { name: "name", projectedIcon: "projectedIcon", fontSize: "fontSize", type: "type" }, ngImport: i0, template: "<i\n  class=\"iconfont icon-{{ name }} {{type}}\"\n  attr.aria-label=\"{{ name }}\"\n  role=\"img\"\n  [style.fontSize.px]=\"_fontSize\"\n></i>\n", styles: [".error{color:#dc267f}.success{color:#0075db}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-icon', template: "<i\n  class=\"iconfont icon-{{ name }} {{type}}\"\n  attr.aria-label=\"{{ name }}\"\n  role=\"img\"\n  [style.fontSize.px]=\"_fontSize\"\n></i>\n", styles: [".error{color:#dc267f}.success{color:#0075db}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { name: [{
-                type: Input
-            }], projectedIcon: [{
-                type: Input
-            }], fontSize: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }] } });
-
-class IconModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IconModule, declarations: [IconComponent], exports: [IconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IconComponent
-                    ],
-                    imports: [],
-                    exports: [
-                        IconComponent
-                    ]
-                }]
-        }] });
-
 class LabelComponent {
     constructor(themesService) {
         this.themesService = themesService;
@@ -2006,13 +2217,13 @@ class LabelComponent {
         this.hiddenLabel = '';
         this.labelFont = 'BODY_MEDIUM';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LabelComponent, selector: "lib-label", inputs: { text: "text", hiddenLabel: "hiddenLabel", labelFont: "labelFont" }, ngImport: i0, template: "<lib-typography [isLabel]=\"true\" [hiddenLabel]=\"hiddenLabel\" [defaultText]=\"text\" [type]=\"labelFont\">\n  <ng-content></ng-content>\n</lib-typography>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LabelComponent, selector: "lib-label", inputs: { text: "text", hiddenLabel: "hiddenLabel", labelFont: "labelFont" }, ngImport: i0, template: "<lib-typography [isLabel]=\"true\" [hiddenLabel]=\"hiddenLabel\" [defaultText]=\"text\" [type]=\"labelFont\">\n  <ng-content></ng-content>\n</lib-typography>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-label', template: "<lib-typography [isLabel]=\"true\" [hiddenLabel]=\"hiddenLabel\" [defaultText]=\"text\" [type]=\"labelFont\">\n  <ng-content></ng-content>\n</lib-typography>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { text: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { text: [{
                 type: Input
             }], hiddenLabel: [{
                 type: Input
@@ -2021,15 +2232,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class LabelsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LabelsModule, declarations: [LabelComponent], imports: [LabelModule,
-            TypographyModule$1,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LabelsModule, declarations: [LabelComponent], imports: [LabelModule,
+            TypographyModule,
             CommonModule], exports: [LabelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelsModule, imports: [LabelModule,
-            TypographyModule$1,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelsModule, imports: [LabelModule,
+            TypographyModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2037,7 +2248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     imports: [
                         LabelModule,
-                        TypographyModule$1,
+                        TypographyModule,
                         CommonModule
                     ],
                     exports: [
@@ -2085,10 +2296,10 @@ class ListViewComponent {
             this.view = this.data;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n  containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$7.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$7.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$7.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$7.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$7.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n  containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$6.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$6.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$6.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$6.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$6.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n  containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"] }]
         }], propDecorators: { templateHeader: [{
@@ -2134,29 +2345,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ListViewsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, declarations: [ListViewComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ListViewsModule, declarations: [ListViewComponent], imports: [CommonModule,
             LayoutModule,
             IconsModule,
             ButtonsModule,
             InputsModule,
             LabelModule,
             DropDownsModule,
-            ContainerModule$1,
-            TypographyModule$1,
+            ContainerModule,
+            TypographyModule,
             ListViewModule], exports: [ListViewComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewsModule, imports: [CommonModule,
             LayoutModule,
             IconsModule,
             ButtonsModule,
             InputsModule,
             LabelModule,
             DropDownsModule,
-            ContainerModule$1,
-            TypographyModule$1,
+            ContainerModule,
+            TypographyModule,
             ListViewModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2170,8 +2381,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         InputsModule,
                         LabelModule,
                         DropDownsModule,
-                        ContainerModule$1,
-                        TypographyModule$1,
+                        ContainerModule,
+                        TypographyModule,
                         ListViewModule
                     ],
                     exports: [
@@ -2180,74 +2391,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-var LoaderSize;
-(function (LoaderSize) {
-    LoaderSize["small"] = "small";
-    LoaderSize["medium"] = "medium";
-    LoaderSize["large"] = "large";
-})(LoaderSize || (LoaderSize = {}));
-var LoaderType;
-(function (LoaderType) {
-    LoaderType["pulsing"] = "pulsing";
-    LoaderType["infiniteSpinner"] = "infinite-spinner";
-    LoaderType["convergingSpinner"] = "converging-spinner";
-})(LoaderType || (LoaderType = {}));
-var LoaderThemeColor;
-(function (LoaderThemeColor) {
-    LoaderThemeColor["primary"] = "primary";
-    LoaderThemeColor["secondary"] = "secondary";
-    LoaderThemeColor["tertiary"] = "tertiary";
-    LoaderThemeColor["info"] = "info";
-    LoaderThemeColor["success"] = "success";
-    LoaderThemeColor["warning"] = "warning";
-    LoaderThemeColor["error"] = "error";
-    LoaderThemeColor["dark"] = "dark";
-    LoaderThemeColor["light"] = "light";
-    LoaderThemeColor["inverse"] = "inverse";
-})(LoaderThemeColor || (LoaderThemeColor = {}));
-class LoaderComponent {
-    constructor() {
-        this.size = LoaderSize.medium;
-        this.type = LoaderType.pulsing;
-        this.themeColor = LoaderThemeColor.primary;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "lib-loader", inputs: { size: "size", type: "type", themeColor: "themeColor" }, ngImport: i0, template: "<kendo-loader [type]=\"type\" [themeColor]=\"themeColor\" [size]=\"size\">\n</kendo-loader>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1$3.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-loader', template: "<kendo-loader [type]=\"type\" [themeColor]=\"themeColor\" [size]=\"size\">\n</kendo-loader>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], themeColor: [{
-                type: Input
-            }] } });
-
-class LoaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule,
-            IndicatorsModule], exports: [LoaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, imports: [CommonModule,
-            IndicatorsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        LoaderComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        IndicatorsModule
-                    ],
-                    exports: [
-                        LoaderComponent
-                    ]
-                }]
-        }] });
-
 class LoadingSpinnerComponent {
     constructor(themesService) {
         this.themesService = themesService;
@@ -2255,13 +2398,13 @@ class LoadingSpinnerComponent {
         this.height = 100;
         this.visible = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoadingSpinnerComponent, selector: "lib-loading-spinner", inputs: { width: "width", height: "height", visible: "visible" }, ngImport: i0, template: "<div class=\"chef-loading-spinner\" *ngIf=\"visible\">\n  <svg\n    [attr.width]=\"width\"\n    [attr.height]=\"height\"\n    viewBox=\"0 0 100 100\"\n    aria-live=\"polite\"\n    aria-label=\"Page loading, do not refresh the page\"\n    role=\"status\"\n  >\n    <path\n      d=\"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n    <path\n      d=\"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n    <path\n      class=\"alt\"\n      d=\"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5L82,35.7z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n  </svg>\n</div>\n", styles: [".chef-loading-spinner{--fill: #3864f2;--fill-alt: #597ef4;display:inline-block;overflow:hidden}.chef-loading-spinner svg{float:left}.chef-loading-spinner path{fill:var(--fill)}.chef-loading-spinner path.alt{fill:var(--fill-alt)}.chef-loading-spinner[fixed]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#e0e4e6a6;z-index:190}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoadingSpinnerComponent, selector: "lib-loading-spinner", inputs: { width: "width", height: "height", visible: "visible" }, ngImport: i0, template: "<div class=\"chef-loading-spinner\" *ngIf=\"visible\">\n  <svg\n    [attr.width]=\"width\"\n    [attr.height]=\"height\"\n    viewBox=\"0 0 100 100\"\n    aria-live=\"polite\"\n    aria-label=\"Page loading, do not refresh the page\"\n    role=\"status\"\n  >\n    <path\n      d=\"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n    <path\n      d=\"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n    <path\n      class=\"alt\"\n      d=\"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5L82,35.7z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n  </svg>\n</div>\n", styles: [".chef-loading-spinner{--fill: #3864f2;--fill-alt: #597ef4;display:inline-block;overflow:hidden}.chef-loading-spinner svg{float:left}.chef-loading-spinner path{fill:var(--fill)}.chef-loading-spinner path.alt{fill:var(--fill-alt)}.chef-loading-spinner[fixed]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#e0e4e6a6;z-index:190}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-loading-spinner', template: "<div class=\"chef-loading-spinner\" *ngIf=\"visible\">\n  <svg\n    [attr.width]=\"width\"\n    [attr.height]=\"height\"\n    viewBox=\"0 0 100 100\"\n    aria-live=\"polite\"\n    aria-label=\"Page loading, do not refresh the page\"\n    role=\"status\"\n  >\n    <path\n      d=\"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n    <path\n      d=\"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n    <path\n      class=\"alt\"\n      d=\"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5L82,35.7z\"\n    >\n      <animateTransform\n        attributeName=\"transform\"\n        attributeType=\"XML\"\n        type=\"rotate\"\n        dur=\"2s\"\n        from=\"0 50 50\"\n        to=\"360 50 50\"\n        repeatCount=\"indefinite\"\n      ></animateTransform>\n    </path>\n  </svg>\n</div>\n", styles: [".chef-loading-spinner{--fill: #3864f2;--fill-alt: #597ef4;display:inline-block;overflow:hidden}.chef-loading-spinner svg{float:left}.chef-loading-spinner path{fill:var(--fill)}.chef-loading-spinner path.alt{fill:var(--fill-alt)}.chef-loading-spinner[fixed]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#e0e4e6a6;z-index:190}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { width: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { width: [{
                 type: Input
             }], height: [{
                 type: Input
@@ -2270,11 +2413,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class LoadingSpinnerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerModule, declarations: [LoadingSpinnerComponent], imports: [CommonModule], exports: [LoadingSpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerModule, declarations: [LoadingSpinnerComponent], imports: [CommonModule], exports: [LoadingSpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2313,9 +2456,9 @@ class MultiSelectDropdownComponent {
         this.focus = false;
         this.autoClose = false;
         this.loading = false;
-        this.loaderType = LoaderType$1.pulsing;
-        this.loaderSize = LoaderSize$1.medium;
-        this.loaderTheme = LoaderThemeColor$1.primary;
+        this.loaderType = LoaderType.pulsing;
+        this.loaderSize = LoaderSize.medium;
+        this.loaderTheme = LoaderThemeColor.primary;
         this.popupClass = "";
         this.infiniteScrollLoader = false;
         this.onScrollEnd = new EventEmitter();
@@ -2362,13 +2505,13 @@ class MultiSelectDropdownComponent {
             this.scrollListener = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiSelectDropdownComponent, selector: "lib-multi-select-dropdown", inputs: { label: "label", elementId: "elementId", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", checkboxes: "checkboxes", filterable: "filterable", placeholder: "placeholder", readonly: "readonly", rounded: "rounded", size: "size", textField: "textField", valueField: "valueField", model: "model", valuePrimitive: "valuePrimitive", control: "control", fontType: "fontType", focus: "focus", autoClose: "autoClose", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", popupClass: "popupClass", infiniteScrollLoader: "infiniteScrollLoader" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "multiSelect", first: true, predicate: ["multiSelect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"multiselect\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"multiselect-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"elementId\" [data]=\"data\"\n    [(ngModel)]=\"model\" [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [fillMode]=\"fillMode\" [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\"\n    [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n    (ngModelChange)=\"emitModelChange($event)\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n    (close)=\"onDropdownClose()\">\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$4.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$4.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MultiSelectDropdownComponent, selector: "lib-multi-select-dropdown", inputs: { label: "label", elementId: "elementId", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", checkboxes: "checkboxes", filterable: "filterable", placeholder: "placeholder", readonly: "readonly", rounded: "rounded", size: "size", textField: "textField", valueField: "valueField", model: "model", valuePrimitive: "valuePrimitive", control: "control", fontType: "fontType", focus: "focus", autoClose: "autoClose", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", popupClass: "popupClass", infiniteScrollLoader: "infiniteScrollLoader" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "multiSelect", first: true, predicate: ["multiSelect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"multiselect\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"multiselect-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"elementId\" [data]=\"data\"\n    [(ngModel)]=\"model\" [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [fillMode]=\"fillMode\" [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\"\n    [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n    (ngModelChange)=\"emitModelChange($event)\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n    (close)=\"onDropdownClose()\">\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$3.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-multi-select-dropdown', template: "<span class=\"multiselect\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"multiselect-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"elementId\" [data]=\"data\"\n    [(ngModel)]=\"model\" [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [fillMode]=\"fillMode\" [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\"\n    [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n    (ngModelChange)=\"emitModelChange($event)\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n    (close)=\"onDropdownClose()\">\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { label: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }], propDecorators: { label: [{
                 type: Input
             }], elementId: [{
                 type: Input
@@ -2430,21 +2573,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class MultiSelectDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownModule, declarations: [MultiSelectDropdownComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownModule, declarations: [MultiSelectDropdownComponent], imports: [CommonModule,
             DropDownsModule,
             FormsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            LoaderModule$1], exports: [MultiSelectDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownModule, imports: [CommonModule,
+            TypographyModule,
+            LoaderModule], exports: [MultiSelectDropdownComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownModule, imports: [CommonModule,
             DropDownsModule,
             FormsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            LoaderModule$1] }); }
+            TypographyModule,
+            LoaderModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2455,8 +2598,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DropDownsModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        TypographyModule$1,
-                        LoaderModule$1
+                        TypographyModule,
+                        LoaderModule
                     ],
                     exports: [
                         MultiSelectDropdownComponent
@@ -2509,13 +2652,13 @@ class NotificationComponent {
         }
         this.timeOutRef = setTimeout(this.handleClose, this.timeout * 10000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationComponent, selector: "lib-notification", inputs: { type: "type", timeout: "timeout" }, outputs: { dismissed: "dismissed" }, host: { properties: { "@slideDownAnim": "this.slideDownAnim", "class": "this.theType" } }, ngImport: i0, template: "<p>\n  <ng-content></ng-content>\n</p>\n<div class=\"shine\"></div>\n<i role=\"button\" (click)=\"handleClose()\" class=\"closebtn test\"> \u00D7 </i>\n", styles: [":host{display:flex;align-items:center;position:relative;width:100%;color:#fff;background-color:#697272;padding:.5em;overflow:hidden;z-index:9999}:host p{margin:0;color:#fff}:host a{color:#fff}:host .closebtn{position:absolute;right:28px;font-size:22px;text-decoration:none}:host.info{background-color:#0075dbe6}:host.info:before{font-family:Material Icons;content:\"\\e86c\";color:currentColor;padding-right:.5em}:host.error{background-color:#ba1e6ae6}:host.error:before{font-family:Material Icons;content:\"\\e002\";color:currentColor;padding-right:.5em}:host .shine{position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(110deg,#fff0 22%,#ffffff1c 50%,#fff0 83%);animation:shine 3s cubic-bezier(.17,.71,.05,.98) forwards;animation-delay:1s;cursor:none}@keyframes shine{0%{transform:translate(-50%)}to{transform:translate(500%)}}\n"], animations: [slideDownAnim] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationComponent, selector: "lib-notification", inputs: { type: "type", timeout: "timeout" }, outputs: { dismissed: "dismissed" }, host: { properties: { "@slideDownAnim": "this.slideDownAnim", "class": "this.theType" } }, ngImport: i0, template: "<p>\n  <ng-content></ng-content>\n</p>\n<div class=\"shine\"></div>\n<i role=\"button\" (click)=\"handleClose()\" class=\"closebtn test\"> \u00D7 </i>\n", styles: [":host{display:flex;align-items:center;position:relative;width:100%;color:#fff;background-color:#697272;padding:.5em;overflow:hidden;z-index:9999}:host p{margin:0;color:#fff}:host a{color:#fff}:host .closebtn{position:absolute;right:28px;font-size:22px;text-decoration:none}:host.info{background-color:#0075dbe6}:host.info:before{font-family:Material Icons;content:\"\\e86c\";color:currentColor;padding-right:.5em}:host.error{background-color:#ba1e6ae6}:host.error:before{font-family:Material Icons;content:\"\\e002\";color:currentColor;padding-right:.5em}:host .shine{position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(110deg,#fff0 22%,#ffffff1c 50%,#fff0 83%);animation:shine 3s cubic-bezier(.17,.71,.05,.98) forwards;animation-delay:1s;cursor:none}@keyframes shine{0%{transform:translate(-50%)}to{transform:translate(500%)}}\n"], animations: [slideDownAnim] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-notification', animations: [slideDownAnim], template: "<p>\n  <ng-content></ng-content>\n</p>\n<div class=\"shine\"></div>\n<i role=\"button\" (click)=\"handleClose()\" class=\"closebtn test\"> \u00D7 </i>\n", styles: [":host{display:flex;align-items:center;position:relative;width:100%;color:#fff;background-color:#697272;padding:.5em;overflow:hidden;z-index:9999}:host p{margin:0;color:#fff}:host a{color:#fff}:host .closebtn{position:absolute;right:28px;font-size:22px;text-decoration:none}:host.info{background-color:#0075dbe6}:host.info:before{font-family:Material Icons;content:\"\\e86c\";color:currentColor;padding-right:.5em}:host.error{background-color:#ba1e6ae6}:host.error:before{font-family:Material Icons;content:\"\\e002\";color:currentColor;padding-right:.5em}:host .shine{position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(110deg,#fff0 22%,#ffffff1c 50%,#fff0 83%);animation:shine 3s cubic-bezier(.17,.71,.05,.98) forwards;animation-delay:1s;cursor:none}@keyframes shine{0%{transform:translate(-50%)}to{transform:translate(500%)}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { type: [{
                 type: Input
             }], timeout: [{
                 type: Input
@@ -2530,11 +2673,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class NotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule], exports: [NotificationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule], exports: [NotificationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2578,13 +2721,13 @@ class NumericTextboxComponent {
     emitModelChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericTextboxComponent, selector: "lib-numeric-textbox", inputs: { autoCorrect: "autoCorrect", width: "width", isDisabled: "isDisabled", value: "value", min: "min", max: "max", step: "step", format: "format", fillMode: "fillMode", rounded: "rounded", size: "size", readonly: "readonly", placeholder: "placeholder", model: "model", control: "control" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0, template: "<kendo-numerictextbox [autoCorrect]=\"autoCorrect\" [style.width.px]=\"width\" [value]=\"value\" [min]=\"min\"\n  [max]=\"max\" [step]=\"step\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [readonly]=\"readonly\"\n  [placeholder]=\"placeholder\" [format]=\"format\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n  [formControl]=\"control\">\n</kendo-numerictextbox>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NumericTextboxComponent, selector: "lib-numeric-textbox", inputs: { autoCorrect: "autoCorrect", width: "width", isDisabled: "isDisabled", value: "value", min: "min", max: "max", step: "step", format: "format", fillMode: "fillMode", rounded: "rounded", size: "size", readonly: "readonly", placeholder: "placeholder", model: "model", control: "control" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0, template: "<kendo-numerictextbox [autoCorrect]=\"autoCorrect\" [style.width.px]=\"width\" [value]=\"value\" [min]=\"min\"\n  [max]=\"max\" [step]=\"step\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [readonly]=\"readonly\"\n  [placeholder]=\"placeholder\" [format]=\"format\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n  [formControl]=\"control\">\n</kendo-numerictextbox>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-numeric-textbox', template: "<kendo-numerictextbox [autoCorrect]=\"autoCorrect\" [style.width.px]=\"width\" [value]=\"value\" [min]=\"min\"\n  [max]=\"max\" [step]=\"step\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [readonly]=\"readonly\"\n  [placeholder]=\"placeholder\" [format]=\"format\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n  [formControl]=\"control\">\n</kendo-numerictextbox>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { autoCorrect: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { autoCorrect: [{
                 type: Input
             }], width: [{
                 type: Input
@@ -2619,17 +2762,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class NumericTextboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxModule, declarations: [NumericTextboxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxModule, declarations: [NumericTextboxComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             InputsModule], exports: [NumericTextboxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             InputsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2652,22 +2795,22 @@ class ProgressBarComponent {
         this.themesService = themesService;
         this.value = 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value" }, ngImport: i0, template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$8.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value" }, ngImport: i0, template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$7.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-progress-bar', template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { value: [{
                 type: Input
             }] } });
 
 class ProgressBarsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarsModule, declarations: [ProgressBarComponent], imports: [ProgressBarModule], exports: [ProgressBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarsModule, imports: [ProgressBarModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarsModule, declarations: [ProgressBarComponent], imports: [ProgressBarModule], exports: [ProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarsModule, imports: [ProgressBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2699,13 +2842,13 @@ class RadioButtonComponent {
     emitModelChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "lib-radio-button", inputs: { size: "size", name: "name", value: "value", control: "control", label: "label", labelPosition: "labelPosition", labelFont: "labelFont", elementId: "elementId", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input type=\"radio\" [size]=\"size\" [name]=\"name\" [value]=\"value\" [formControl]=\"control\" [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\" [id]=\"elementId\" kendoRadioButton />\n<span *ngIf=\"labelPosition === 'after'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n</span>\n\n<ng-template #customLabel>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["input{margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioButtonComponent, selector: "lib-radio-button", inputs: { size: "size", name: "name", value: "value", control: "control", label: "label", labelPosition: "labelPosition", labelFont: "labelFont", elementId: "elementId", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input type=\"radio\" [size]=\"size\" [name]=\"name\" [value]=\"value\" [formControl]=\"control\" [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\" [id]=\"elementId\" kendoRadioButton />\n<span *ngIf=\"labelPosition === 'after'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n</span>\n\n<ng-template #customLabel>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["input{margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input type=\"radio\" [size]=\"size\" [name]=\"name\" [value]=\"value\" [formControl]=\"control\" [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\" [id]=\"elementId\" kendoRadioButton />\n<span *ngIf=\"labelPosition === 'after'\">\n  <label class=\"k-checkbox-label\" [for]=\"elementId\">\n    <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n      <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n    </lib-typography>\n  </label>\n</span>\n\n<ng-template #customLabel>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["input{margin-right:1rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { size: [{
                 type: Input
             }], name: [{
                 type: Input
@@ -2728,19 +2871,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class RadioButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, declarations: [RadioButtonComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonModule, declarations: [RadioButtonComponent], imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
+            TypographyModule,
             FormsModule], exports: [RadioButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonModule, imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            TypographyModule$1,
+            TypographyModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2750,7 +2893,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         InputsModule,
                         ReactiveFormsModule,
-                        TypographyModule$1,
+                        TypographyModule,
                         FormsModule
                     ],
                     exports: [
@@ -2808,13 +2951,13 @@ class SearchBoxComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchBoxComponent, selector: "lib-search-box", inputs: { source: "source", data: "data", filterable: "filterable", size: "size", rounded: "rounded", fillMode: "fillMode", clearButton: "clearButton", icon: "icon", autoComplete: "autoComplete", placeholder: "placeholder", width: "width", suggest: "suggest", control: "control", value: "value", debounceTimeMs: "debounceTimeMs" }, outputs: { modelChange: "modelChange", searchClick: "searchClick" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!autoComplete\">\n  <kendo-textbox [placeholder]=\"placeholder\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\" [size]=\"size\"\n    [rounded]=\"rounded\" [size]=\"size\" [style.width.px]=\"width\" [formControl]=\"control\"\n    (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n    <ng-template kendoTextBoxSuffixTemplate>\n      <lib-icon [name]=\"icon\" (click)=\"onSearchClick()\"></lib-icon>\n    </ng-template>\n  </kendo-textbox>\n</div>\n<div *ngIf=\"autoComplete\">\n  <kendo-autocomplete #autocomplete [data]=\"data\" [filterable]=\"true\" [size]=\"size\" [placeholder]=\"placeholder\"\n    [suggest]=\"suggest\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n  </kendo-autocomplete>\n</div>\n", styles: ["kendo-autocomplete{width:200px;font-size:14px;line-height:1.4285714286;font-weight:400}kendo-textbox lib-icon{padding-right:12px}lib-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3$4.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchBoxComponent, selector: "lib-search-box", inputs: { source: "source", data: "data", filterable: "filterable", size: "size", rounded: "rounded", fillMode: "fillMode", clearButton: "clearButton", icon: "icon", autoComplete: "autoComplete", placeholder: "placeholder", width: "width", suggest: "suggest", control: "control", value: "value", debounceTimeMs: "debounceTimeMs" }, outputs: { modelChange: "modelChange", searchClick: "searchClick" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!autoComplete\">\n  <kendo-textbox [placeholder]=\"placeholder\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\" [size]=\"size\"\n    [rounded]=\"rounded\" [size]=\"size\" [style.width.px]=\"width\" [formControl]=\"control\"\n    (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n    <ng-template kendoTextBoxSuffixTemplate>\n      <lib-icon [name]=\"icon\" (click)=\"onSearchClick()\"></lib-icon>\n    </ng-template>\n  </kendo-textbox>\n</div>\n<div *ngIf=\"autoComplete\">\n  <kendo-autocomplete #autocomplete [data]=\"data\" [filterable]=\"true\" [size]=\"size\" [placeholder]=\"placeholder\"\n    [suggest]=\"suggest\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n  </kendo-autocomplete>\n</div>\n", styles: ["kendo-autocomplete{width:200px;font-size:14px;line-height:1.4285714286;font-weight:400}kendo-textbox lib-icon{padding-right:12px}lib-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3$3.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-search-box', template: "<div *ngIf=\"!autoComplete\">\n  <kendo-textbox [placeholder]=\"placeholder\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\" [size]=\"size\"\n    [rounded]=\"rounded\" [size]=\"size\" [style.width.px]=\"width\" [formControl]=\"control\"\n    (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n    <ng-template kendoTextBoxSuffixTemplate>\n      <lib-icon [name]=\"icon\" (click)=\"onSearchClick()\"></lib-icon>\n    </ng-template>\n  </kendo-textbox>\n</div>\n<div *ngIf=\"autoComplete\">\n  <kendo-autocomplete #autocomplete [data]=\"data\" [filterable]=\"true\" [size]=\"size\" [placeholder]=\"placeholder\"\n    [suggest]=\"suggest\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n  </kendo-autocomplete>\n</div>\n", styles: ["kendo-autocomplete{width:200px;font-size:14px;line-height:1.4285714286;font-weight:400}kendo-textbox lib-icon{padding-right:12px}lib-icon{cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { autocomplete: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { autocomplete: [{
                 type: ViewChild,
                 args: ['autocomplete', { static: false }]
             }], textbox: [{
@@ -2857,19 +3000,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class SearchBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxModule, declarations: [SearchBoxComponent], imports: [AutoCompleteModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxModule, declarations: [SearchBoxComponent], imports: [AutoCompleteModule,
             InputsModule,
             CommonModule,
             ReactiveFormsModule,
-            IconModule$1], exports: [SearchBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxModule, imports: [AutoCompleteModule,
+            IconModule], exports: [SearchBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxModule, imports: [AutoCompleteModule,
             InputsModule,
             CommonModule,
             ReactiveFormsModule,
-            IconModule$1] }); }
+            IconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2880,7 +3023,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         InputsModule,
                         CommonModule,
                         ReactiveFormsModule,
-                        IconModule$1
+                        IconModule
                     ],
                     exports: [
                         SearchBoxComponent
@@ -2920,13 +3063,13 @@ class SliderComponent {
         this.opened = false;
         this.isSlideOpen = this.opened;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n  <div class=\"slider\"  id=\"slider\">\n    <div class=\"slider-header\">\n      <div class=\"header-content\">\n        <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n        </div>\n        <span class=\"head-title\">\n          <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n          </lib-typography>\n        </span>\n      </div>\n      <div>\n        <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n          &times;\n        </a>\n      </div>\n    </div>\n    <div class=\"slider-body\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\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: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n  <div class=\"slider\"  id=\"slider\">\n    <div class=\"slider-header\">\n      <div class=\"header-content\">\n        <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n        </div>\n        <span class=\"head-title\">\n          <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n          </lib-typography>\n        </span>\n      </div>\n      <div>\n        <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n          &times;\n        </a>\n      </div>\n    </div>\n    <div class=\"slider-body\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n  <div class=\"slider\"  id=\"slider\">\n    <div class=\"slider-header\">\n      <div class=\"header-content\">\n        <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n        </div>\n        <span class=\"head-title\">\n          <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n          </lib-typography>\n        </span>\n      </div>\n      <div>\n        <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n          &times;\n        </a>\n      </div>\n    </div>\n    <div class=\"slider-body\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { opened: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { opened: [{
                 type: Input
             }], title: [{
                 type: Input
@@ -2942,13 +3085,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class SliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SliderModule, declarations: [SliderComponent], imports: [CommonModule,
-            TypographyModule$1], exports: [SliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderModule, imports: [CommonModule,
-            TypographyModule$1] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SliderModule, declarations: [SliderComponent], imports: [CommonModule,
+            TypographyModule], exports: [SliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderModule, imports: [CommonModule,
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2956,7 +3099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     imports: [
                         CommonModule,
-                        TypographyModule$1
+                        TypographyModule
                     ],
                     exports: [
                         SliderComponent
@@ -2977,10 +3120,10 @@ class StepperComponent {
     emitStepChange(step) {
         this.currentStepChange.emit(step);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StepperComponent, selector: "lib-stepper", inputs: { steps: "steps", stepType: "stepType", stepperWidth: "stepperWidth", current: "current", isLinear: "isLinear", orientation: "orientation" }, outputs: { currentStepChange: "currentStepChange" }, ngImport: i0, template: "<kendo-stepper [steps]=\"steps\" [stepType]=\"stepType\" [(currentStep)]=\"current\" [linear]=\"isLinear\"\n  [style.width.px]=\"stepperWidth\" [orientation]=\"orientation\" (currentStepChange)=\"emitStepChange($event)\">\n</kendo-stepper>\n", styles: [""], dependencies: [{ kind: "component", type: i2$1.StepperComponent, selector: "kendo-stepper", inputs: ["stepType", "linear", "orientation", "currentStep", "steps", "svgIcon", "successSVGIcon", "errorSVGIcon", "successIcon", "errorIcon", "animation"], outputs: ["activate", "currentStepChange"], exportAs: ["kendoStepper"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepperComponent, selector: "lib-stepper", inputs: { steps: "steps", stepType: "stepType", stepperWidth: "stepperWidth", current: "current", isLinear: "isLinear", orientation: "orientation" }, outputs: { currentStepChange: "currentStepChange" }, ngImport: i0, template: "<kendo-stepper [steps]=\"steps\" [stepType]=\"stepType\" [(currentStep)]=\"current\" [linear]=\"isLinear\"\n  [style.width.px]=\"stepperWidth\" [orientation]=\"orientation\" (currentStepChange)=\"emitStepChange($event)\">\n</kendo-stepper>\n", styles: [""], dependencies: [{ kind: "component", type: i2$1.StepperComponent, selector: "kendo-stepper", inputs: ["stepType", "linear", "orientation", "currentStep", "steps", "svgIcon", "successSVGIcon", "errorSVGIcon", "successIcon", "errorIcon", "animation"], outputs: ["activate", "currentStepChange"], exportAs: ["kendoStepper"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-stepper', template: "<kendo-stepper [steps]=\"steps\" [stepType]=\"stepType\" [(currentStep)]=\"current\" [linear]=\"isLinear\"\n  [style.width.px]=\"stepperWidth\" [orientation]=\"orientation\" (currentStepChange)=\"emitStepChange($event)\">\n</kendo-stepper>\n" }]
         }], propDecorators: { steps: [{
@@ -3000,8 +3143,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class StepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, declarations: [StepperComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, declarations: [StepperComponent], imports: [CommonModule,
             FormsModule,
             LayoutModule,
             IconsModule,
@@ -3009,7 +3152,7 @@ class StepperModule {
             LabelModule,
             ButtonsModule,
             DropDownsModule], exports: [StepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, imports: [CommonModule,
             FormsModule,
             LayoutModule,
             IconsModule,
@@ -3018,7 +3161,7 @@ class StepperModule {
             ButtonsModule,
             DropDownsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3056,10 +3199,10 @@ class SwitchComponent {
     onChange(event) {
         this.valueChange.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchComponent, selector: "lib-switch", inputs: { model: "model", style: "style", onLabel: "onLabel", offLabel: "offLabel", disabled: "disabled", readonly: "readonly", size: "size", trackRounded: "trackRounded", thumbRounded: "thumbRounded", fillMode: "fillMode", control: "control" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<kendo-switch [(ngModel)]=\"model\" \n[onLabel]=\"onLabel\"\n[offLabel]=\"offLabel\"\n[style]=\"style\"\n[disabled]=\"disabled\"\n[readonly]=\"readonly\" [thumbRounded]=\"thumbRounded\"\n(valueChange)=\"onChange($event)\"\n[size]=\"size\" [trackRounded]=\"trackRounded\" [formControl]=\"control\"\n></kendo-switch>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SwitchComponent, selector: "lib-switch", inputs: { model: "model", style: "style", onLabel: "onLabel", offLabel: "offLabel", disabled: "disabled", readonly: "readonly", size: "size", trackRounded: "trackRounded", thumbRounded: "thumbRounded", fillMode: "fillMode", control: "control" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<kendo-switch [(ngModel)]=\"model\" \n[onLabel]=\"onLabel\"\n[offLabel]=\"offLabel\"\n[style]=\"style\"\n[disabled]=\"disabled\"\n[readonly]=\"readonly\" [thumbRounded]=\"thumbRounded\"\n(valueChange)=\"onChange($event)\"\n[size]=\"size\" [trackRounded]=\"trackRounded\" [formControl]=\"control\"\n></kendo-switch>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-switch', template: "<kendo-switch [(ngModel)]=\"model\" \n[onLabel]=\"onLabel\"\n[offLabel]=\"offLabel\"\n[style]=\"style\"\n[disabled]=\"disabled\"\n[readonly]=\"readonly\" [thumbRounded]=\"thumbRounded\"\n(valueChange)=\"onChange($event)\"\n[size]=\"size\" [trackRounded]=\"trackRounded\" [formControl]=\"control\"\n></kendo-switch>\n\n" }]
         }], propDecorators: { model: [{
@@ -3089,8 +3232,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class SwitchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, declarations: [SwitchComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SwitchModule, declarations: [SwitchComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             InputsModule,
@@ -3099,8 +3242,8 @@ class SwitchModule {
             IconsModule,
             LayoutModule,
             DropDownsModule,
-            TypographyModule$1], exports: [SwitchComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, imports: [CommonModule,
+            TypographyModule], exports: [SwitchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SwitchModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             InputsModule,
@@ -3109,9 +3252,9 @@ class SwitchModule {
             IconsModule,
             LayoutModule,
             DropDownsModule,
-            TypographyModule$1] }); }
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3127,7 +3270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         IconsModule,
                         LayoutModule,
                         DropDownsModule,
-                        TypographyModule$1
+                        TypographyModule
                     ],
                     exports: [
                         SwitchComponent
@@ -3173,13 +3316,13 @@ class TextareaComponent {
         }
         return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", showError: "showError", errorMessage: "errorMessage", control: "control", focus: "focus", fillMode: "fillMode", size: "size", rounded: "rounded" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n  [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n  (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n  [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n  <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\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$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", showError: "showError", errorMessage: "errorMessage", control: "control", focus: "focus", fillMode: "fillMode", size: "size", rounded: "rounded" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n  [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n  (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n  [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n  <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\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$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-text-area', template: "<kendo-textarea #textarea [placeholder]=\"placeholder\" [resizable]=\"resizable\" [rows]=\"rows\" [cols]=\"cols\"\n  [style.width.px]=\"width\" [(ngModel)]=\"value\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\"\n  (blur)=\"onBlur()\" (focus)=\"onFocus()\" [readonly]=\"readonly\" [disabled]=\"disabled\" [fillMode]=\"fillMode\"\n  [size]=\"size\" [rounded]=\"rounded\" [ngClass]=\"customCss()\">\n</kendo-textarea>\n<div *ngIf=\"showError\">\n  <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n</div>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}.custom-fillMode{border:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textarea: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { textarea: [{
                 type: ViewChild,
                 args: ['textarea', { static: false }]
             }], placeholder: [{
@@ -3221,17 +3364,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class TextAreaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, declarations: [TextareaComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TextAreaModule, declarations: [TextareaComponent], imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            TypographyModule$1], exports: [TextareaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, imports: [CommonModule,
+            TypographyModule], exports: [TextareaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextAreaModule, imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            TypographyModule$1] }); }
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3241,7 +3384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         InputsModule,
                         ReactiveFormsModule,
-                        TypographyModule$1
+                        TypographyModule
                     ],
                     exports: [
                         TextareaComponent
@@ -3308,13 +3451,13 @@ class TextboxComponent {
     onBlur() {
         this.blurEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type", showError: "showError", errorMessage: "errorMessage", focus: "focus" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div title=\"{{isDisabled ? value : ''}}\">\n  <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n    [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n    [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n    <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n      <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n      <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n    </ng-template>\n  </kendo-textbox>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type", showError: "showError", errorMessage: "errorMessage", focus: "focus" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div title=\"{{isDisabled ? value : ''}}\">\n  <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n    [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n    [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n    <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n      <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n      <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n    </ng-template>\n  </kendo-textbox>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-textbox', template: "<div title=\"{{isDisabled ? value : ''}}\">\n  <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n    [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n    [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n    <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n      <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n      <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n    </ng-template>\n  </kendo-textbox>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textbox: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { textbox: [{
                 type: ViewChild,
                 args: ['textbox', { static: false }]
             }], showEyeIcon: [{
@@ -3356,19 +3499,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class TextboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, declarations: [TextboxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TextboxModule, declarations: [TextboxComponent], imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            IconModule$1,
-            TypographyModule$1], exports: [TextboxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, imports: [CommonModule,
+            IconModule,
+            TypographyModule], exports: [TextboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextboxModule, imports: [CommonModule,
             InputsModule,
             ReactiveFormsModule,
-            IconModule$1,
-            TypographyModule$1] }); }
+            IconModule,
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3378,8 +3521,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         InputsModule,
                         ReactiveFormsModule,
-                        IconModule$1,
-                        TypographyModule$1
+                        IconModule,
+                        TypographyModule
                     ],
                     exports: [
                         TextboxComponent
@@ -3422,13 +3565,13 @@ class TimePickerComponent {
     onClose(event) {
         this.onCloseEvent.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerComponent, selector: "lib-time-picker", inputs: { isDisabled: "isDisabled", readonly: "readonly", incompleteDateValidation: "incompleteDateValidation", value: "value", format: "format", steps: "steps", allowCaretMode: "allowCaretMode", placeholder: "placeholder", fillMode: "fillMode", rounded: "rounded", size: "size", adaptiveMode: "adaptiveMode", control: "control", id: "id" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n", styles: [""], dependencies: [{ kind: "component", type: i2$6.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimePickerComponent, selector: "lib-time-picker", inputs: { isDisabled: "isDisabled", readonly: "readonly", incompleteDateValidation: "incompleteDateValidation", value: "value", format: "format", steps: "steps", allowCaretMode: "allowCaretMode", placeholder: "placeholder", fillMode: "fillMode", rounded: "rounded", size: "size", adaptiveMode: "adaptiveMode", control: "control", id: "id" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n", styles: [""], dependencies: [{ kind: "component", type: i2$5.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-time-picker', template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { isDisabled: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { isDisabled: [{
                 type: Input
             }], readonly: [{
                 type: Input
@@ -3465,17 +3608,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class TimePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, declarations: [TimePickerComponent], imports: [DateInputsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TimePickerModule, declarations: [TimePickerComponent], imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule], exports: [TimePickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [DateInputsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerModule, imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3528,13 +3671,13 @@ class TimeschedulerComponent {
     onOpen(event) {
         this.onOpenEvent.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeschedulerComponent, selector: "lib-timescheduler", inputs: { model: "model", size: "size", rounded: "rounded", fillMode: "fillMode", format: "format", isDisabled: "isDisabled", readonly: "readonly", placeholder: "placeholder", control: "control", min: "min", max: "max", disabledDates: "disabledDates", popupSettings: "popupSettings" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [min]=\"min\" [max]=\"max\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n  [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\" (open)=\"onOpen($event)\"\n  [disabledDates]=\"disabledDates\" [popupSettings]=\"popupSettings\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}\n"], dependencies: [{ kind: "component", type: i2$6.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimeschedulerComponent, selector: "lib-timescheduler", inputs: { model: "model", size: "size", rounded: "rounded", fillMode: "fillMode", format: "format", isDisabled: "isDisabled", readonly: "readonly", placeholder: "placeholder", control: "control", min: "min", max: "max", disabledDates: "disabledDates", popupSettings: "popupSettings" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [min]=\"min\" [max]=\"max\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n  [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\" (open)=\"onOpen($event)\"\n  [disabledDates]=\"disabledDates\" [popupSettings]=\"popupSettings\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}\n"], dependencies: [{ kind: "component", type: i2$5.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-timescheduler', template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [min]=\"min\" [max]=\"max\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n  [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\" (open)=\"onOpen($event)\"\n  [disabledDates]=\"disabledDates\" [popupSettings]=\"popupSettings\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { model: [{
+        }], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { model: [{
                 type: Input
             }], size: [{
                 type: Input
@@ -3567,17 +3710,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class TimeschedulerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerModule, declarations: [TimeschedulerComponent], imports: [DateInputsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerModule, declarations: [TimeschedulerComponent], imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule], exports: [TimeschedulerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerModule, imports: [DateInputsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerModule, imports: [DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3596,16 +3739,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class ToastNotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationModule, imports: [CommonModule,
             NotificationModule$1] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationModule, providers: [
             IconsService,
             NotificationService
         ], imports: [CommonModule,
             NotificationModule$1] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -3621,164 +3764,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class TooltipComponent {
-    constructor(themesService) {
-        this.themesService = themesService;
-        this.position = 'right';
-        this.showOn = 'hover';
-        this.closable = false;
-        this.title = 'tool';
-    }
-    onDocumentClick($event) {
-        if (this.closable) {
-            const elRef = document.getElementsByClassName(`tooltip-content`);
-            if (elRef?.length && !elRef?.[0]?.contains($event.target)) {
-                this.tooltip.hide();
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "lib-tooltip", inputs: { position: "position", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", showOn: "showOn", closable: "closable", title: "title", callout: "callout" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltip=\"kendoTooltip\" kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n  [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n  <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2$9.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tooltip', template: "<div #tooltip=\"kendoTooltip\" kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n  [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n  <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { position: [{
-                type: Input
-            }], tooltipWidth: [{
-                type: Input
-            }], tooltipHeight: [{
-                type: Input
-            }], showOn: [{
-                type: Input
-            }], closable: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], callout: [{
-                type: Input
-            }], tooltip: [{
-                type: ViewChild,
-                args: ['tooltip']
-            }], onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-class TooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [TooltipsModule], exports: [TooltipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, imports: [TooltipsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TooltipComponent
-                    ],
-                    imports: [
-                        TooltipsModule
-                    ],
-                    exports: [
-                        TooltipComponent
-                    ]
-                }]
-        }] });
-
-const Typography = {
-    DISPLAY_LARGE: 'display-large',
-    DISPLAY_MEDIUM: 'display-medium',
-    DISPLAY_SMALL: 'display-small',
-    HEADING_LARGE: 'heading-large',
-    HEADING_MEDIUM: 'heading-medium',
-    HEADING_SMALL: 'heading-small',
-    SUBTITLE_REGULAR: 'subtitle-regular',
-    SUBTITLE_SMALL: 'subtitle-small',
-    BODY_LARGE: 'body-large',
-    BODY_MEDIUM: 'body-medium',
-    BODY_SMALL: 'body-small',
-    BODY_UNIT_LABEL: 'body-unit-label',
-    OVERLINE_LABEL_REGULAR: 'overline-label-regular',
-    OVERLINE_LABEL_SMALL: 'overline-label-small',
-    BUTTON_REGULAR: 'button-regular',
-    BUTTON_SMALL: 'button-small',
-    CODE_BODY_MEDIUM: 'code-body-medium'
-};
-class TypographyComponent {
-    constructor(themesService, cdRef) {
-        this.themesService = themesService;
-        this.cdRef = cdRef;
-        this.type = 'BODY_MEDIUM';
-        this.defaultText = "";
-        this.isLabel = false;
-        this.hiddenLabel = "";
-        this.showDefaultText = true;
-        this.font = Typography[this.type];
-        this.input_id = "";
-    }
-    ngAfterViewInit() {
-        if (!this.input_id) {
-            this.checkForLabel();
-        }
-    }
-    ngOnChanges() {
-        this.font = Typography[this.type];
-    }
-    ngAfterContentChecked() {
-        this.cdRef.detectChanges();
-    }
-    checkForLabel() {
-        let childrenCount = this.labelChild?.nativeElement.childElementCount;
-        if (childrenCount > 0) {
-            this.input_id = this.labelChild?.nativeElement.getElementsByTagName('input')[0]?.getAttribute('id');
-        }
-    }
-    checkShowDefaultText() {
-        let childrenCount = this.child?.nativeElement.childNodes.length;
-        this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n  <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id || ''}}\">\n    <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </label>\n  <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </span>\n</ng-container>\n\n<ng-template #customText>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.code-body-medium{font-family:Firacode,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-typography', template: "<ng-container>\n  <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n  <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id || ''}}\">\n    <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </label>\n  <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n      *ngTemplateOutlet=\"customText\"></ng-container>\n  </span>\n</ng-container>\n\n<ng-template #customText>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.code-body-medium{font-family:Firacode,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
-                type: Input
-            }], defaultText: [{
-                type: Input
-            }], isLabel: [{
-                type: Input
-            }], hiddenLabel: [{
-                type: Input
-            }], child: [{
-                type: ViewChild,
-                args: ['ref', { static: false }]
-            }], labelChild: [{
-                type: ViewChild,
-                args: ['ref_label', { static: false }]
-            }] } });
-
-class TypographyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, declarations: [TypographyComponent], imports: [CommonModule], exports: [TypographyComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TypographyComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        TypographyComponent
-                    ]
-                }]
-        }] });
-
 class UploaderComponent {
     constructor(renderer, elRef) {
         this.renderer = renderer;
@@ -3909,13 +3894,13 @@ class UploaderComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploaderComponent, selector: "lib-uploader", inputs: { uploadSaveUrl: "uploadSaveUrl", uploadRemoveUrl: "uploadRemoveUrl", control: "control", model: "model", isDisabled: "isDisabled", hasExternalDropzone: "hasExternalDropzone", showFileList: "showFileList", autoUpload: "autoUpload", showDefaultActionButtons: "showDefaultActionButtons", actionsLayout: "actionsLayout", multiple: "multiple", batch: "batch", concurrent: "concurrent", withCredentials: "withCredentials", restrictions: "restrictions", chunkSettings: "chunkSettings" }, outputs: { onRemoveEvent: "onRemoveEvent", onCancelEvent: "onCancelEvent", onUploadEvent: "onUploadEvent", onResumeEvent: "onResumeEvent", onSelectEvent: "onSelectEvent", onSuccessEvent: "onSuccessEvent", onUploadProgressEvent: "onUploadProgressEvent", onValueChangeEvent: "onValueChangeEvent", onErrorEvent: "onErrorEvent", onPauseEvent: "onPauseEvent", onCompleteEvent: "onCompleteEvent", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onclearEvent: "onclearEvent" }, queries: [{ propertyName: "fileTemplate", first: true, predicate: ["uploadTemplate"], descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: ["uploadInfoTemplate"], descendants: true }], viewQueries: [{ propertyName: "kendoUpload", first: true, predicate: ["libUploader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n  {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n  [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n  [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n  [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n  (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n  (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n  (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n  (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n  (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n  <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n  <ng-template *ngIf=\"fileInfoTemplate\" kendoUploadFileInfoTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n</kendo-upload>\n", styles: [":host ::ng-deep .custom-upload .k-actions{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$a.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "directive", type: i2$a.FileInfoTemplateDirective, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]" }, { kind: "component", type: i2$a.UploadDropZoneComponent, selector: "kendo-uploaddropzone", inputs: ["zoneId", "icon", "iconClass", "svgIcon"], exportAs: ["kendoUploadDropZone"] }, { kind: "component", type: i2$a.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UploaderComponent, selector: "lib-uploader", inputs: { uploadSaveUrl: "uploadSaveUrl", uploadRemoveUrl: "uploadRemoveUrl", control: "control", model: "model", isDisabled: "isDisabled", hasExternalDropzone: "hasExternalDropzone", showFileList: "showFileList", autoUpload: "autoUpload", showDefaultActionButtons: "showDefaultActionButtons", actionsLayout: "actionsLayout", multiple: "multiple", batch: "batch", concurrent: "concurrent", withCredentials: "withCredentials", restrictions: "restrictions", chunkSettings: "chunkSettings" }, outputs: { onRemoveEvent: "onRemoveEvent", onCancelEvent: "onCancelEvent", onUploadEvent: "onUploadEvent", onResumeEvent: "onResumeEvent", onSelectEvent: "onSelectEvent", onSuccessEvent: "onSuccessEvent", onUploadProgressEvent: "onUploadProgressEvent", onValueChangeEvent: "onValueChangeEvent", onErrorEvent: "onErrorEvent", onPauseEvent: "onPauseEvent", onCompleteEvent: "onCompleteEvent", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onclearEvent: "onclearEvent" }, queries: [{ propertyName: "fileTemplate", first: true, predicate: ["uploadTemplate"], descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: ["uploadInfoTemplate"], descendants: true }], viewQueries: [{ propertyName: "kendoUpload", first: true, predicate: ["libUploader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n  {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n  [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n  [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n  [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n  (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n  (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n  (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n  (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n  (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n  <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n  <ng-template *ngIf=\"fileInfoTemplate\" kendoUploadFileInfoTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n</kendo-upload>\n", styles: [":host ::ng-deep .custom-upload .k-actions{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$8.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "directive", type: i2$8.FileInfoTemplateDirective, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]" }, { kind: "component", type: i2$8.UploadDropZoneComponent, selector: "kendo-uploaddropzone", inputs: ["zoneId", "icon", "iconClass", "svgIcon"], exportAs: ["kendoUploadDropZone"] }, { kind: "component", type: i2$8.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-uploader', template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n  {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n  [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n  [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n  [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n  (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n  (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n  (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n  (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n  (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n  <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n  <ng-template *ngIf=\"fileInfoTemplate\" kendoUploadFileInfoTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n</kendo-upload>\n", styles: [":host ::ng-deep .custom-upload .k-actions{display:none!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { uploadSaveUrl: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { uploadSaveUrl: [{
                 type: Input
             }], uploadRemoveUrl: [{
                 type: Input
@@ -3987,26 +3972,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class UploaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, declarations: [UploaderComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: UploaderModule, declarations: [UploaderComponent], imports: [CommonModule,
             UploadsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule,
             LayoutModule,
-            TypographyModule$1,
+            TypographyModule,
             HttpClientModule], exports: [UploaderComponent,
             UploadsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderModule, imports: [CommonModule,
             UploadsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule,
             LayoutModule,
-            TypographyModule$1,
+            TypographyModule,
             HttpClientModule, UploadsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4019,7 +4004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FormsModule,
                         ReactiveFormsModule,
                         LayoutModule,
-                        TypographyModule$1,
+                        TypographyModule,
                         HttpClientModule
                     ],
                     exports: [
@@ -4030,8 +4015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class AtomsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AtomsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             AlertModule,
@@ -4113,7 +4098,7 @@ class AtomsModule {
             TooltipModule,
             TypographyModule,
             UploaderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtomsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             AlertModule,
@@ -4196,7 +4181,7 @@ class AtomsModule {
             TypographyModule,
             UploaderModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4294,10 +4279,10 @@ class CardComponent {
         this.width = '300px';
         this.orientation = 'vertical';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n  <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"], dependencies: [{ kind: "component", type: i2$1.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n  <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"], dependencies: [{ kind: "component", type: i2$1.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n  <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:.5rem}\n"] }]
         }], propDecorators: { width: [{
@@ -4314,10 +4299,10 @@ class CardHeaderComponent {
         this.titleFont = 'HEADING_LARGE';
         this.subtitleFont = 'HEADING_SMALL';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardHeaderComponent, selector: "lib-card-header", inputs: { title: "title", subtitle: "subtitle", cardNumber: "cardNumber", titleFont: "titleFont", subtitleFont: "subtitleFont" }, ngImport: i0, template: "<kendo-card-header class=\"k-hstack\">\n  <div *ngIf='cardNumber > 0' class=\"card-number\">{{cardNumber}}</div>\n  <div class=\"card-title\">\n    <lib-typography *ngIf=\"title.length > 0\" [type]=\"titleFont\"  [defaultText]=\"title\" kendoCardTitle></lib-typography>\n    <lib-typography *ngIf=\"subtitle.length > 0\" [type]=\"subtitleFont\" [defaultText]=\"subtitle\" kendoCardSubtitle></lib-typography>\n  </div>\n  <ng-content></ng-content>\n</kendo-card-header>\n", styles: [".card-title{display:flex;flex-direction:column}.k-card-header{align-items:center}.card-number{border-radius:85%;width:1.5rem;height:1.5rem;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:.125rem;display:flex;font-size:1.125rem;font-weight:600;margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.CardHeaderComponent, selector: "kendo-card-header" }, { kind: "directive", type: i2$1.CardTitleDirective, selector: "[kendoCardTitle]" }, { kind: "directive", type: i2$1.CardSubtitleDirective, selector: "[kendoCardSubtitle]" }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardHeaderComponent, selector: "lib-card-header", inputs: { title: "title", subtitle: "subtitle", cardNumber: "cardNumber", titleFont: "titleFont", subtitleFont: "subtitleFont" }, ngImport: i0, template: "<kendo-card-header class=\"k-hstack\">\n  <div *ngIf='cardNumber > 0' class=\"card-number\">{{cardNumber}}</div>\n  <div class=\"card-title\">\n    <lib-typography *ngIf=\"title.length > 0\" [type]=\"titleFont\"  [defaultText]=\"title\" kendoCardTitle></lib-typography>\n    <lib-typography *ngIf=\"subtitle.length > 0\" [type]=\"subtitleFont\" [defaultText]=\"subtitle\" kendoCardSubtitle></lib-typography>\n  </div>\n  <ng-content></ng-content>\n</kendo-card-header>\n", styles: [".card-title{display:flex;flex-direction:column}.k-card-header{align-items:center}.card-number{border-radius:85%;width:1.5rem;height:1.5rem;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:.125rem;display:flex;font-size:1.125rem;font-weight:600;margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.CardHeaderComponent, selector: "kendo-card-header" }, { kind: "directive", type: i2$1.CardTitleDirective, selector: "[kendoCardTitle]" }, { kind: "directive", type: i2$1.CardSubtitleDirective, selector: "[kendoCardSubtitle]" }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-card-header', template: "<kendo-card-header class=\"k-hstack\">\n  <div *ngIf='cardNumber > 0' class=\"card-number\">{{cardNumber}}</div>\n  <div class=\"card-title\">\n    <lib-typography *ngIf=\"title.length > 0\" [type]=\"titleFont\"  [defaultText]=\"title\" kendoCardTitle></lib-typography>\n    <lib-typography *ngIf=\"subtitle.length > 0\" [type]=\"subtitleFont\" [defaultText]=\"subtitle\" kendoCardSubtitle></lib-typography>\n  </div>\n  <ng-content></ng-content>\n</kendo-card-header>\n", styles: [".card-title{display:flex;flex-direction:column}.k-card-header{align-items:center}.card-number{border-radius:85%;width:1.5rem;height:1.5rem;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:.125rem;display:flex;font-size:1.125rem;font-weight:600;margin-right:1rem}\n"] }]
         }], propDecorators: { title: [{
@@ -4333,10 +4318,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CardFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardFooterComponent, selector: "lib-card-footer", ngImport: i0, template: "<kendo-card-footer class=\"k-hstack\">\n  <ng-content></ng-content>\n</kendo-card-footer>\n", styles: [".k-card-footer{justify-content:space-between}\n"], dependencies: [{ kind: "component", type: i2$1.CardFooterComponent, selector: "kendo-card-footer" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardFooterComponent, selector: "lib-card-footer", ngImport: i0, template: "<kendo-card-footer class=\"k-hstack\">\n  <ng-content></ng-content>\n</kendo-card-footer>\n", styles: [".k-card-footer{justify-content:space-between}\n"], dependencies: [{ kind: "component", type: i2$1.CardFooterComponent, selector: "kendo-card-footer" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-card-footer', template: "<kendo-card-footer class=\"k-hstack\">\n  <ng-content></ng-content>\n</kendo-card-footer>\n", styles: [".k-card-footer{justify-content:space-between}\n"] }]
         }] });
@@ -4346,10 +4331,10 @@ class CardActionsComponent {
         this.layout = 'stretched';
         this.orientation = 'horizontal';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardActionsComponent, selector: "lib-card-actions", inputs: { layout: "layout", orientation: "orientation" }, ngImport: i0, template: "<kendo-card-actions\n  [orientation]=\"orientation\"\n  [layout]=\"layout\">\n  <ng-content></ng-content>\n</kendo-card-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardActionsComponent, selector: "lib-card-actions", inputs: { layout: "layout", orientation: "orientation" }, ngImport: i0, template: "<kendo-card-actions\n  [orientation]=\"orientation\"\n  [layout]=\"layout\">\n  <ng-content></ng-content>\n</kendo-card-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-card-actions', template: "<kendo-card-actions\n  [orientation]=\"orientation\"\n  [layout]=\"layout\">\n  <ng-content></ng-content>\n</kendo-card-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
         }], propDecorators: { layout: [{
@@ -4359,32 +4344,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CardBodyComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardBodyComponent, selector: "lib-card-body", ngImport: i0, template: "<kendo-card-body>\n  <ng-content></ng-content>\n</kendo-card-body>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardBodyComponent, selector: "kendo-card-body" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardBodyComponent, selector: "lib-card-body", ngImport: i0, template: "<kendo-card-body>\n  <ng-content></ng-content>\n</kendo-card-body>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardBodyComponent, selector: "kendo-card-body" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-card-body', template: "<kendo-card-body>\n  <ng-content></ng-content>\n</kendo-card-body>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
         }] });
 
 class CardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CardModule, declarations: [CardComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CardModule, declarations: [CardComponent,
             CardHeaderComponent,
             CardFooterComponent,
             CardActionsComponent,
             CardBodyComponent], imports: [CommonModule,
             LayoutModule,
-            TypographyModule$1], exports: [CardComponent,
+            TypographyModule], exports: [CardComponent,
             CardHeaderComponent,
             CardFooterComponent,
             CardActionsComponent,
             CardBodyComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardModule, imports: [CommonModule,
             LayoutModule,
-            TypographyModule$1] }); }
+            TypographyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4397,7 +4382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     imports: [
                         CommonModule,
                         LayoutModule,
-                        TypographyModule$1
+                        TypographyModule
                     ],
                     exports: [
                         CardComponent,
@@ -4430,13 +4415,13 @@ class DialogComponent {
             this.renderer.appendChild(parentDialogElement[0], libActionsBar[0].childNodes[0]);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n  <kendo-dialog\n    *ngIf=\"opened\"\n    [width]=\"width\"\n    [height]=\"height\"\n    [minWidth]=\"minWidth\"\n    [maxWidth]=\"maxWidth\"\n    [minHeight]=\"minHeight\"\n    [maxHeight]=\"maxHeight\">\n    <div #contentRef>\n      <ng-content></ng-content>\n    </div>\n  </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$b.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n  <kendo-dialog\n    *ngIf=\"opened\"\n    [width]=\"width\"\n    [height]=\"height\"\n    [minWidth]=\"minWidth\"\n    [maxWidth]=\"maxWidth\"\n    [minHeight]=\"minHeight\"\n    [maxHeight]=\"maxHeight\">\n    <div #contentRef>\n      <ng-content></ng-content>\n    </div>\n  </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$9.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dialog', template: "<div #dialogRef>\n  <kendo-dialog\n    *ngIf=\"opened\"\n    [width]=\"width\"\n    [height]=\"height\"\n    [minWidth]=\"minWidth\"\n    [maxWidth]=\"maxWidth\"\n    [minHeight]=\"minHeight\"\n    [maxHeight]=\"maxHeight\">\n    <div #contentRef>\n      <ng-content></ng-content>\n    </div>\n  </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { contentRef: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { contentRef: [{
                 type: ViewChild,
                 args: ['contentRef', { static: false }]
             }], dialogRef: [{
@@ -4476,13 +4461,13 @@ class DialogTitlebarComponent {
         }
         return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n  <lib-typography\n    [defaultText]=\"title\"\n    [type]=\"titleFont\"\n  ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$b.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n  <lib-typography\n    [defaultText]=\"title\"\n    [type]=\"titleFont\"\n  ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$9.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitlebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dialog-titlebar', template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n  <lib-typography\n    [defaultText]=\"title\"\n    [type]=\"titleFont\"\n  ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: DialogComponent }]; }, propDecorators: { title: [{
+        }], ctorParameters: () => [{ type: DialogComponent }], propDecorators: { title: [{
                 type: Input
             }], titleFont: [{
                 type: Input
@@ -4496,10 +4481,10 @@ class DialogActionsComponent {
     constructor() {
         this.buttonLayout = 'start';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: { buttonLayout: "buttonLayout" }, ngImport: i0, template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n  <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$b.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: { buttonLayout: "buttonLayout" }, ngImport: i0, template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n  <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$9.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dialog-actions', template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n  <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
         }], propDecorators: { buttonLayout: [{
@@ -4550,10 +4535,10 @@ class ConfirmationDialogComponent {
             this.secondaryBtnLabel = "Cancel";
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", secondaryBtnLabel: "secondaryBtnLabel", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", secondaryBtnFillMode: "secondaryBtnFillMode" }, outputs: { confirmationDialogCloseEvent: "confirmationDialogCloseEvent", popupEvent: "popupEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n  <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n    [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n  <div class=\"confirmation-popup-text\">\n    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n  </div>\n  <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n    <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (buttonClick)=\"dialogClose()\"></lib-button>\n    <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></lib-button>\n  </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i2$5.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "component", type: DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", secondaryBtnLabel: "secondaryBtnLabel", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", secondaryBtnFillMode: "secondaryBtnFillMode" }, outputs: { confirmationDialogCloseEvent: "confirmationDialogCloseEvent", popupEvent: "popupEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n  <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n    [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n  <div class=\"confirmation-popup-text\">\n    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n  </div>\n  <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n    <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (buttonClick)=\"dialogClose()\"></lib-button>\n    <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></lib-button>\n  </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "component", type: DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n  <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n    [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n  <div class=\"confirmation-popup-text\">\n    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n  </div>\n  <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n    <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (buttonClick)=\"dialogClose()\"></lib-button>\n    <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></lib-button>\n  </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
         }], propDecorators: { confirmationDialogCloseEvent: [{
@@ -4581,25 +4566,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
             DialogTitlebarComponent,
             DialogActionsComponent,
             ConfirmationDialogComponent], imports: [CommonModule,
             DialogsModule,
             ButtonsModule,
-            TypographyModule$1,
-            ButtonModule$1], exports: [DialogComponent,
+            TypographyModule,
+            ButtonModule], exports: [DialogComponent,
             DialogTitlebarComponent,
             DialogActionsComponent,
             ConfirmationDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogModule, imports: [CommonModule,
             DialogsModule,
             ButtonsModule,
-            TypographyModule$1,
-            ButtonModule$1] }); }
+            TypographyModule,
+            ButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4612,8 +4597,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         DialogsModule,
                         ButtonsModule,
-                        TypographyModule$1,
-                        ButtonModule$1
+                        TypographyModule,
+                        ButtonModule
                     ],
                     exports: [
                         DialogComponent,
@@ -4624,6 +4609,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class GridPaginationSpacerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer", ngImport: i0, template: "<kendo-grid-spacer></kendo-grid-spacer>\n", styles: [":host{flex:1 0 auto}\n"], dependencies: [{ kind: "component", type: i5.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationSpacerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-pagination-spacer', template: "<kendo-grid-spacer></kendo-grid-spacer>\n", styles: [":host{flex:1 0 auto}\n"] }]
+        }] });
+
 const createFormGroup$1 = (controls) => {
     const form = new FormGroup({});
     for (let controlName of Object.keys(controls)) {
@@ -4692,13 +4686,13 @@ class GridFormComponent {
         this.editedRowIndex = undefined;
         this.formGroup = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridFormComponent, selector: "lib-grid-form", inputs: { showToolbar: "showToolbar", noRecordsContent: "noRecordsContent", gridData: "gridData", columnData: "columnData", controls: "controls" }, outputs: { addOrUpdateRow: "addOrUpdateRow", deletedRow: "deletedRow", removeRow: "removeRow", saveRow: "saveRow" }, queries: [{ propertyName: "templateRef1", first: true, predicate: ["tmp1"], descendants: true }, { propertyName: "templateRef2", first: true, predicate: ["tmp2"], descendants: true }], ngImport: i0, template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n  (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n  (add)=\"addHandler($event)\" [navigable]=\"true\">\n  <ng-template kendoGridToolbarTemplate>\n    <ng-content select=\"header\"></ng-content>\n    <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n    <button kendoGridAddCommand themeColor=\"primary\">\n      <ng-content select=\"div.header-add-btn\"></ng-content>\n    </button>\n  </ng-template>\n  <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n    <lib-typography [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n  </ng-template>\n  <ng-container *ngIf=\"showColumns\">\n    <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\" [editor]=\"item.editor\">\n      <ng-template *ngIf=\"item.custom\" kendoGridEditTemplate let-dataItem=\"dataItem\" let-formGroup=\"formGroup\">\n        <ng-container\n          *ngTemplateOutlet=\"templateRef1; context: {$implicit: dataItem, formGroup: formGroup}\"></ng-container>\n      </ng-template>\n      <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n        <ng-container *ngTemplateOutlet=\"templateRef2; context: {$implicit: dataItem}\"></ng-container>\n      </ng-template>\n    </kendo-grid-column>\n    <kendo-grid-command-column [width]=\"120\">\n      <ng-template kendoGridCellTemplate let-isNew=\"isNew\">\n        <div class=\"command-column\">\n          <lib-tooltip position=\"top\" showOn=\"hover\">\n            <div class=\"tooltip-content\">Edit</div>\n            <button kendoGridEditCommand fillMode=\"clear\" themeColor=\"primary\">\n              <kendo-icon name=\"pencil\"></kendo-icon>\n            </button>\n          </lib-tooltip>\n          <lib-tooltip position=\"top\" showOn=\"hover\">\n            <div class=\"tooltip-content\">Remove</div>\n            <button kendoGridRemoveCommand fillMode=\"clear\" themeColor=\"error\">\n              <kendo-icon name=\"trash\"></kendo-icon>\n            </button>\n          </lib-tooltip>\n        </div>\n        <div class=\"command-column\">\n          <button kendoGridSaveCommand [disabled]=\"formGroup && formGroup.invalid\" fillMode=\"clear\" themeColor=\"primary\">\n            <lib-tooltip position=\"top\" showOn=\"hover\">\n              <div class=\"tooltip-content\">Save</div>\n              <kendo-icon name=\"save\"></kendo-icon>\n            </lib-tooltip>\n          </button>\n          <button kendoGridCancelCommand fillMode=\"clear\" themeColor=\"error\">\n            <lib-tooltip position=\"top\" showOn=\"hover\">\n              <div class=\"tooltip-content\">Cancel</div>\n              <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n            </lib-tooltip>\n          </button>\n        </div>\n      </ng-template>\n    </kendo-grid-command-column>\n  </ng-container>\n</kendo-grid>\n", styles: [".command-column{display:flex;justify-content:space-between}::ng-deep .k-grid-header{border-bottom-width:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: i3$5.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i3$2.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i5$2.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5$2.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5$2.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"] }, { kind: "directive", type: i5$2.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5$2.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5$2.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5$2.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5$2.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5$2.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5$2.EditTemplateDirective, selector: "[kendoGridEditTemplate]" }, { kind: "component", type: i5$2.EditCommandDirective, selector: "[kendoGridEditCommand]" }, { kind: "component", type: i5$2.CancelCommandDirective, selector: "[kendoGridCancelCommand]" }, { kind: "component", type: i5$2.SaveCommandDirective, selector: "[kendoGridSaveCommand]" }, { kind: "component", type: i5$2.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5$2.AddCommandDirective, selector: "[kendoGridAddCommand]" }, { kind: "component", type: i7.GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridFormComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridFormComponent, selector: "lib-grid-form", inputs: { showToolbar: "showToolbar", noRecordsContent: "noRecordsContent", gridData: "gridData", columnData: "columnData", controls: "controls" }, outputs: { addOrUpdateRow: "addOrUpdateRow", deletedRow: "deletedRow", removeRow: "removeRow", saveRow: "saveRow" }, queries: [{ propertyName: "templateRef1", first: true, predicate: ["tmp1"], descendants: true }, { propertyName: "templateRef2", first: true, predicate: ["tmp2"], descendants: true }], ngImport: i0, template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n  (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n  (add)=\"addHandler($event)\" [navigable]=\"true\">\n  <ng-template kendoGridToolbarTemplate>\n    <ng-content select=\"header\"></ng-content>\n    <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n    <button kendoGridAddCommand themeColor=\"primary\">\n      <ng-content select=\"div.header-add-btn\"></ng-content>\n    </button>\n  </ng-template>\n  <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n    <lib-typography [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n  </ng-template>\n  <ng-container *ngIf=\"showColumns\">\n    <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\" [editor]=\"item.editor\">\n      <ng-template *ngIf=\"item.custom\" kendoGridEditTemplate let-dataItem=\"dataItem\" let-formGroup=\"formGroup\">\n        <ng-container\n          *ngTemplateOutlet=\"templateRef1; context: {$implicit: dataItem, formGroup: formGroup}\"></ng-container>\n      </ng-template>\n      <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n        <ng-container *ngTemplateOutlet=\"templateRef2; context: {$implicit: dataItem}\"></ng-container>\n      </ng-template>\n    </kendo-grid-column>\n    <kendo-grid-command-column [width]=\"120\">\n      <ng-template kendoGridCellTemplate let-isNew=\"isNew\">\n        <div class=\"command-column\">\n          <lib-tooltip position=\"top\" showOn=\"hover\">\n            <div class=\"tooltip-content\">Edit</div>\n            <button kendoGridEditCommand fillMode=\"clear\" themeColor=\"primary\">\n              <kendo-icon name=\"pencil\"></kendo-icon>\n            </button>\n          </lib-tooltip>\n          <lib-tooltip position=\"top\" showOn=\"hover\">\n            <div class=\"tooltip-content\">Remove</div>\n            <button kendoGridRemoveCommand fillMode=\"clear\" themeColor=\"error\">\n              <kendo-icon name=\"trash\"></kendo-icon>\n            </button>\n          </lib-tooltip>\n        </div>\n        <div class=\"command-column\">\n          <button kendoGridSaveCommand [disabled]=\"formGroup && formGroup.invalid\" fillMode=\"clear\" themeColor=\"primary\">\n            <lib-tooltip position=\"top\" showOn=\"hover\">\n              <div class=\"tooltip-content\">Save</div>\n              <kendo-icon name=\"save\"></kendo-icon>\n            </lib-tooltip>\n          </button>\n          <button kendoGridCancelCommand fillMode=\"clear\" themeColor=\"error\">\n            <lib-tooltip position=\"top\" showOn=\"hover\">\n              <div class=\"tooltip-content\">Cancel</div>\n              <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n            </lib-tooltip>\n          </button>\n        </div>\n      </ng-template>\n    </kendo-grid-command-column>\n  </ng-container>\n</kendo-grid>\n", styles: [".command-column{display:flex;justify-content:space-between}::ng-deep .k-grid-header{border-bottom-width:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: i3$4.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"] }, { kind: "directive", type: i5.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5.EditTemplateDirective, selector: "[kendoGridEditTemplate]" }, { kind: "component", type: i5.EditCommandDirective, selector: "[kendoGridEditCommand]" }, { kind: "component", type: i5.CancelCommandDirective, selector: "[kendoGridCancelCommand]" }, { kind: "component", type: i5.SaveCommandDirective, selector: "[kendoGridSaveCommand]" }, { kind: "component", type: i5.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5.AddCommandDirective, selector: "[kendoGridAddCommand]" }, { kind: "component", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-grid-form', template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n  (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n  (add)=\"addHandler($event)\" [navigable]=\"true\">\n  <ng-template kendoGridToolbarTemplate>\n    <ng-content select=\"header\"></ng-content>\n    <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n    <button kendoGridAddCommand themeColor=\"primary\">\n      <ng-content select=\"div.header-add-btn\"></ng-content>\n    </button>\n  </ng-template>\n  <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n    <lib-typography [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n  </ng-template>\n  <ng-container *ngIf=\"showColumns\">\n    <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\" [editor]=\"item.editor\">\n      <ng-template *ngIf=\"item.custom\" kendoGridEditTemplate let-dataItem=\"dataItem\" let-formGroup=\"formGroup\">\n        <ng-container\n          *ngTemplateOutlet=\"templateRef1; context: {$implicit: dataItem, formGroup: formGroup}\"></ng-container>\n      </ng-template>\n      <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n        <ng-container *ngTemplateOutlet=\"templateRef2; context: {$implicit: dataItem}\"></ng-container>\n      </ng-template>\n    </kendo-grid-column>\n    <kendo-grid-command-column [width]=\"120\">\n      <ng-template kendoGridCellTemplate let-isNew=\"isNew\">\n        <div class=\"command-column\">\n          <lib-tooltip position=\"top\" showOn=\"hover\">\n            <div class=\"tooltip-content\">Edit</div>\n            <button kendoGridEditCommand fillMode=\"clear\" themeColor=\"primary\">\n              <kendo-icon name=\"pencil\"></kendo-icon>\n            </button>\n          </lib-tooltip>\n          <lib-tooltip position=\"top\" showOn=\"hover\">\n            <div class=\"tooltip-content\">Remove</div>\n            <button kendoGridRemoveCommand fillMode=\"clear\" themeColor=\"error\">\n              <kendo-icon name=\"trash\"></kendo-icon>\n            </button>\n          </lib-tooltip>\n        </div>\n        <div class=\"command-column\">\n          <button kendoGridSaveCommand [disabled]=\"formGroup && formGroup.invalid\" fillMode=\"clear\" themeColor=\"primary\">\n            <lib-tooltip position=\"top\" showOn=\"hover\">\n              <div class=\"tooltip-content\">Save</div>\n              <kendo-icon name=\"save\"></kendo-icon>\n            </lib-tooltip>\n          </button>\n          <button kendoGridCancelCommand fillMode=\"clear\" themeColor=\"error\">\n            <lib-tooltip position=\"top\" showOn=\"hover\">\n              <div class=\"tooltip-content\">Cancel</div>\n              <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n            </lib-tooltip>\n          </button>\n        </div>\n      </ng-template>\n    </kendo-grid-command-column>\n  </ng-container>\n</kendo-grid>\n", styles: [".command-column{display:flex;justify-content:space-between}::ng-deep .k-grid-header{border-bottom-width:0px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { showToolbar: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { showToolbar: [{
                 type: Input
             }], noRecordsContent: [{
                 type: Input
@@ -4724,152 +4718,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
-class GridFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridFormModule, declarations: [GridFormComponent], imports: [CommonModule,
-            IconModule$1,
-            IconsModule,
-            InputsModule,
-            TypographyModule$1,
-            TooltipModule$1,
-            GridModule,
-            GridPaginationModule$1,
-            FormsModule,
-            ReactiveFormsModule], exports: [GridFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormModule, imports: [CommonModule,
-            IconModule$1,
-            IconsModule,
-            InputsModule,
-            TypographyModule$1,
-            TooltipModule$1,
-            GridModule,
-            GridPaginationModule$1,
-            FormsModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GridFormComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        IconModule$1,
-                        IconsModule,
-                        InputsModule,
-                        TypographyModule$1,
-                        TooltipModule$1,
-                        GridModule,
-                        GridPaginationModule$1,
-                        FormsModule,
-                        ReactiveFormsModule
-                    ],
-                    exports: [
-                        GridFormComponent
-                    ]
-                }]
-        }] });
-
-class GridLayoutComponent {
-    constructor() {
-        this.horizontalAlign = "stretch";
-        this.verticalAlign = "stretch";
-        this.rowGap = 0;
-        this.columnGap = 0;
-        this.rows = [];
-        this.columns = [];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutComponent, selector: "lib-grid-layout", inputs: { horizontalAlign: "horizontalAlign", verticalAlign: "verticalAlign", rowGap: "rowGap", columnGap: "columnGap", rows: "rows", columns: "columns" }, ngImport: i0, template: "<kendo-gridlayout\n  [align]=\"{ horizontal: horizontalAlign, vertical: verticalAlign }\"\n  [rows]=\"rows\"\n  [cols]=\"columns\"\n  [gap]=\"{ rows: rowGap, cols: columnGap }\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.GridLayoutComponent, selector: "kendo-gridlayout", inputs: ["rows", "cols", "gap", "align"], exportAs: ["kendoGridLayout"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-grid-layout', template: "<kendo-gridlayout\n  [align]=\"{ horizontal: horizontalAlign, vertical: verticalAlign }\"\n  [rows]=\"rows\"\n  [cols]=\"columns\"\n  [gap]=\"{ rows: rowGap, cols: columnGap }\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], propDecorators: { horizontalAlign: [{
-                type: Input
-            }], verticalAlign: [{
-                type: Input
-            }], rowGap: [{
-                type: Input
-            }], columnGap: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], columns: [{
-                type: Input
-            }] } });
-
-class GridLayoutItemComponent {
-    constructor(renderer, elRef) {
-        this.renderer = renderer;
-        this.elRef = elRef;
-        this.rowSpan = 1;
-        this.colSpan = 1;
-    }
-    ngAfterViewInit() {
-        // access the DOM. get the element to unwrap
-        const el = this.elRef.nativeElement; // app-page
-        const parent = this.renderer.parentNode(this.elRef.nativeElement); // parent
-        // move children to parent (everything is moved including comments which angular depends on)
-        while (el.firstChild) { // this line doesn't work with server-rendering
-            this.renderer.appendChild(parent, el.firstChild);
-        }
-        // remove empty element from parent - true to signal that this removed element is a host element
-        this.renderer.removeChild(parent, el, true);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutItemComponent, selector: "lib-grid-layout-item", inputs: { rowNumber: "rowNumber", columnNumber: "columnNumber", rowSpan: "rowSpan", colSpan: "colSpan" }, ngImport: i0, template: "<kendo-gridlayout-item\n  [row]=\"rowNumber\"\n  [col]=\"columnNumber\"\n  [rowSpan]=\"rowSpan\"\n  [colSpan]=\"colSpan\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout-item>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.GridLayoutItemComponent, selector: "kendo-gridlayout-item", inputs: ["row", "col", "rowSpan", "colSpan"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-grid-layout-item', template: "<kendo-gridlayout-item\n  [row]=\"rowNumber\"\n  [col]=\"columnNumber\"\n  [rowSpan]=\"rowSpan\"\n  [colSpan]=\"colSpan\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout-item>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { rowNumber: [{
-                type: Input
-            }], columnNumber: [{
-                type: Input
-            }], rowSpan: [{
-                type: Input
-            }], colSpan: [{
-                type: Input
-            }] } });
-
-class GridLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, declarations: [GridLayoutComponent,
-            GridLayoutItemComponent], imports: [CommonModule,
-            LayoutModule], exports: [GridLayoutComponent,
-            GridLayoutItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, imports: [CommonModule,
-            LayoutModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GridLayoutComponent,
-                        GridLayoutItemComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        LayoutModule
-                    ],
-                    exports: [
-                        GridLayoutComponent,
-                        GridLayoutItemComponent
-                    ]
-                }]
-        }] });
-
-class GridPaginationSpacerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer", ngImport: i0, template: "<kendo-grid-spacer></kendo-grid-spacer>\n", styles: [":host{flex:1 0 auto}\n"], dependencies: [{ kind: "component", type: i5$2.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationSpacerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-grid-pagination-spacer', template: "<kendo-grid-spacer></kendo-grid-spacer>\n", styles: [":host{flex:1 0 auto}\n"] }]
-        }] });
-
 class KebabMenuFilterPipe {
     transform(menu, ...args) {
         const dataItem = args[0];
@@ -4880,10 +4728,10 @@ class KebabMenuFilterPipe {
         }
         return [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KebabMenuFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KebabMenuFilterPipe, name: "kebabMenuFilter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KebabMenuFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: KebabMenuFilterPipe, name: "kebabMenuFilter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KebabMenuFilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KebabMenuFilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "kebabMenuFilter"
@@ -4895,15 +4743,15 @@ class CustomColumnTemplate {
         this.template = template;
         this.type = "";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomColumnTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomColumnTemplate, selector: "ng-template[type]", inputs: { type: "type" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomColumnTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CustomColumnTemplate, selector: "ng-template[type]", inputs: { type: "type" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomColumnTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomColumnTemplate, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[type]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { type: [{
                 type: Input
             }] } });
 const createFormGroup = (dataItem) => {
@@ -4990,9 +4838,9 @@ class GridPaginationComponent {
         this.showDeleteColumn = false;
         this.hideKebabRowIndex = [];
         this.loading = false;
-        this.loaderType = LoaderType$1.pulsing;
-        this.loaderSize = LoaderSize$1.medium;
-        this.loaderTheme = LoaderThemeColor$1.primary;
+        this.loaderType = LoaderType.pulsing;
+        this.loaderSize = LoaderSize.medium;
+        this.loaderTheme = LoaderThemeColor.primary;
         this.gridBottomSpace = 24;
         this.resizeHeight = 0;
         this.selectAllState = 'unchecked';
@@ -5322,13 +5170,13 @@ class GridPaginationComponent {
     refreshGridData() {
         this.emitRefreshEvt.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridPaginationComponent, selector: "lib-grid-pagination", inputs: { skip: "skip", itemName: "itemName", showSelectAllMessage: "showSelectAllMessage", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", gridHeight: "gridHeight", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", selectColumn: "selectColumn", preSelected: "preSelected", gridView: "gridView", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", sort: "sort", hasApiSorting: "hasApiSorting", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", sizes: "sizes", pageCount: "pageCount", showDeleteColumn: "showDeleteColumn", hideKebabRowIndex: "hideKebabRowIndex", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", disablePreSelectedRows: "disablePreSelectedRows", allowEditingCell: "allowEditingCell", columnContentNoWrap: "columnContentNoWrap", infiniteScrollLoader: "infiniteScrollLoader", isInfiniteScrollGrid: "isInfiniteScrollGrid", gridLoading: "gridLoading", minResizableWidth: "minResizableWidth", showRefresh: "showRefresh", isKebabColumnSticky: "isKebabColumnSticky", isCheckBoxColumnSticky: "isCheckBoxColumnSticky", isDeleteColumnSticky: "isDeleteColumnSticky", isSelectAllCheckboxRequired: "isSelectAllCheckboxRequired" }, outputs: { onSelectAllAcrossPages: "onSelectAllAcrossPages", selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData", updatedData: "updatedData", onscrollBottom: "onscrollBottom", emitRefreshEvt: "emitRefreshEvt" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }, { propertyName: "columnTemplates", predicate: CustomColumnTemplate }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true }, { propertyName: "selectAllMessageElement", first: true, predicate: ["selectAllMessageElement"], descendants: true }], ngImport: i0, template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n        [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\" [sortable]=\"item.sortable\"\n        [editor]=\"item.editor\" [class]=\"item.class\" [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n            [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n            [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n          </kendo-dropdownbutton>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2$3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i5$2.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5$2.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5$2.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5$2.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5$2.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i5$2.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i5$2.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5$2.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5$2.LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]" }, { kind: "directive", type: i5$2.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "directive", type: i5$2.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "component", type: i5$2.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5$2.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5$2.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5$2.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: i5$2.PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "directive", type: i5$2.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i3$2.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i5$1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "component", type: i2$5.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "component", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer" }, { kind: "pipe", type: KebabMenuFilterPipe, name: "kebabMenuFilter" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridPaginationComponent, selector: "lib-grid-pagination", inputs: { skip: "skip", itemName: "itemName", showSelectAllMessage: "showSelectAllMessage", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", gridHeight: "gridHeight", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", selectColumn: "selectColumn", preSelected: "preSelected", gridView: "gridView", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", sort: "sort", hasApiSorting: "hasApiSorting", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", sizes: "sizes", pageCount: "pageCount", showDeleteColumn: "showDeleteColumn", hideKebabRowIndex: "hideKebabRowIndex", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", disablePreSelectedRows: "disablePreSelectedRows", allowEditingCell: "allowEditingCell", columnContentNoWrap: "columnContentNoWrap", infiniteScrollLoader: "infiniteScrollLoader", isInfiniteScrollGrid: "isInfiniteScrollGrid", gridLoading: "gridLoading", minResizableWidth: "minResizableWidth", showRefresh: "showRefresh", isKebabColumnSticky: "isKebabColumnSticky", isCheckBoxColumnSticky: "isCheckBoxColumnSticky", isDeleteColumnSticky: "isDeleteColumnSticky", isSelectAllCheckboxRequired: "isSelectAllCheckboxRequired" }, outputs: { onSelectAllAcrossPages: "onSelectAllAcrossPages", selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData", updatedData: "updatedData", onscrollBottom: "onscrollBottom", emitRefreshEvt: "emitRefreshEvt" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }, { propertyName: "columnTemplates", predicate: CustomColumnTemplate }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true }, { propertyName: "selectAllMessageElement", first: true, predicate: ["selectAllMessageElement"], descendants: true }], ngImport: i0, template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n        [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\" [sortable]=\"item.sortable\"\n        [editor]=\"item.editor\" [class]=\"item.class\" [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n            [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n            [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n          </kendo-dropdownbutton>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2$3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i5.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5.LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]" }, { kind: "directive", type: i5.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "directive", type: i5.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "component", type: i5.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: i5.PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "directive", type: i5.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "component", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer" }, { kind: "pipe", type: KebabMenuFilterPipe, name: "kebabMenuFilter" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-grid-pagination', template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n        [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\" [sortable]=\"item.sortable\"\n        [editor]=\"item.editor\" [class]=\"item.class\" [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n            [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n            [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n          </kendo-dropdownbutton>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { columnTemplates: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { columnTemplates: [{
                 type: ContentChildren,
                 args: [CustomColumnTemplate]
             }], templateRef: [{
@@ -5493,40 +5341,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class GridPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationModule, declarations: [GridPaginationComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationModule, declarations: [GridPaginationComponent,
             GridPaginationSpacerComponent,
             CustomColumnTemplate,
             KebabMenuFilterPipe], imports: [CommonModule,
             ButtonsModule,
-            IconModule$1,
+            IconModule,
             IconsModule,
             InputsModule,
             GridModule,
             DialogModule$1,
             FormsModule,
-            TooltipModule$1,
+            TooltipModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            LoaderModule$1,
-            ButtonModule$1], exports: [GridPaginationComponent,
+            TypographyModule,
+            LoaderModule,
+            ButtonModule], exports: [GridPaginationComponent,
             GridPaginationSpacerComponent,
             CustomColumnTemplate] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationModule, imports: [CommonModule,
             ButtonsModule,
-            IconModule$1,
+            IconModule,
             IconsModule,
             InputsModule,
             GridModule,
             DialogModule$1,
             FormsModule,
-            TooltipModule$1,
+            TooltipModule,
             ReactiveFormsModule,
-            TypographyModule$1,
-            LoaderModule$1,
-            ButtonModule$1] }); }
+            TypographyModule,
+            LoaderModule,
+            ButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -5538,17 +5386,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     imports: [
                         CommonModule,
                         ButtonsModule,
-                        IconModule$1,
+                        IconModule,
                         IconsModule,
                         InputsModule,
                         GridModule,
                         DialogModule$1,
                         FormsModule,
-                        TooltipModule$1,
+                        TooltipModule,
                         ReactiveFormsModule,
-                        TypographyModule$1,
-                        LoaderModule$1,
-                        ButtonModule$1
+                        TypographyModule,
+                        LoaderModule,
+                        ButtonModule
                     ],
                     exports: [
                         GridPaginationComponent,
@@ -5559,15 +5407,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class GridFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: GridFormModule, declarations: [GridFormComponent], imports: [CommonModule,
+            IconModule,
+            IconsModule,
+            InputsModule,
+            TypographyModule,
+            TooltipModule,
+            GridModule,
+            GridPaginationModule,
+            FormsModule,
+            ReactiveFormsModule], exports: [GridFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridFormModule, imports: [CommonModule,
+            IconModule,
+            IconsModule,
+            InputsModule,
+            TypographyModule,
+            TooltipModule,
+            GridModule,
+            GridPaginationModule,
+            FormsModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GridFormComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        IconModule,
+                        IconsModule,
+                        InputsModule,
+                        TypographyModule,
+                        TooltipModule,
+                        GridModule,
+                        GridPaginationModule,
+                        FormsModule,
+                        ReactiveFormsModule
+                    ],
+                    exports: [
+                        GridFormComponent
+                    ]
+                }]
+        }] });
+
+class GridLayoutComponent {
+    constructor() {
+        this.horizontalAlign = "stretch";
+        this.verticalAlign = "stretch";
+        this.rowGap = 0;
+        this.columnGap = 0;
+        this.rows = [];
+        this.columns = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridLayoutComponent, selector: "lib-grid-layout", inputs: { horizontalAlign: "horizontalAlign", verticalAlign: "verticalAlign", rowGap: "rowGap", columnGap: "columnGap", rows: "rows", columns: "columns" }, ngImport: i0, template: "<kendo-gridlayout\n  [align]=\"{ horizontal: horizontalAlign, vertical: verticalAlign }\"\n  [rows]=\"rows\"\n  [cols]=\"columns\"\n  [gap]=\"{ rows: rowGap, cols: columnGap }\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.GridLayoutComponent, selector: "kendo-gridlayout", inputs: ["rows", "cols", "gap", "align"], exportAs: ["kendoGridLayout"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-layout', template: "<kendo-gridlayout\n  [align]=\"{ horizontal: horizontalAlign, vertical: verticalAlign }\"\n  [rows]=\"rows\"\n  [cols]=\"columns\"\n  [gap]=\"{ rows: rowGap, cols: columnGap }\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
+        }], propDecorators: { horizontalAlign: [{
+                type: Input
+            }], verticalAlign: [{
+                type: Input
+            }], rowGap: [{
+                type: Input
+            }], columnGap: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }] } });
+
+class GridLayoutItemComponent {
+    constructor(renderer, elRef) {
+        this.renderer = renderer;
+        this.elRef = elRef;
+        this.rowSpan = 1;
+        this.colSpan = 1;
+    }
+    ngAfterViewInit() {
+        // access the DOM. get the element to unwrap
+        const el = this.elRef.nativeElement; // app-page
+        const parent = this.renderer.parentNode(this.elRef.nativeElement); // parent
+        // move children to parent (everything is moved including comments which angular depends on)
+        while (el.firstChild) { // this line doesn't work with server-rendering
+            this.renderer.appendChild(parent, el.firstChild);
+        }
+        // remove empty element from parent - true to signal that this removed element is a host element
+        this.renderer.removeChild(parent, el, true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridLayoutItemComponent, selector: "lib-grid-layout-item", inputs: { rowNumber: "rowNumber", columnNumber: "columnNumber", rowSpan: "rowSpan", colSpan: "colSpan" }, ngImport: i0, template: "<kendo-gridlayout-item\n  [row]=\"rowNumber\"\n  [col]=\"columnNumber\"\n  [rowSpan]=\"rowSpan\"\n  [colSpan]=\"colSpan\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout-item>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.GridLayoutItemComponent, selector: "kendo-gridlayout-item", inputs: ["row", "col", "rowSpan", "colSpan"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-layout-item', template: "<kendo-gridlayout-item\n  [row]=\"rowNumber\"\n  [col]=\"columnNumber\"\n  [rowSpan]=\"rowSpan\"\n  [colSpan]=\"colSpan\"\n>\n  <ng-content></ng-content>\n</kendo-gridlayout-item>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { rowNumber: [{
+                type: Input
+            }], columnNumber: [{
+                type: Input
+            }], rowSpan: [{
+                type: Input
+            }], colSpan: [{
+                type: Input
+            }] } });
+
+class GridLayoutModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutModule, declarations: [GridLayoutComponent,
+            GridLayoutItemComponent], imports: [CommonModule,
+            LayoutModule], exports: [GridLayoutComponent,
+            GridLayoutItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutModule, imports: [CommonModule,
+            LayoutModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GridLayoutComponent,
+                        GridLayoutItemComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        LayoutModule
+                    ],
+                    exports: [
+                        GridLayoutComponent,
+                        GridLayoutItemComponent
+                    ]
+                }]
+        }] });
+
 class TabstripTabComponent {
     constructor() {
         this.title = null;
         this.customHeader = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabstripTabComponent, selector: "lib-tabstrip-tab", inputs: { title: "title", customHeader: "customHeader" }, queries: [{ propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabstripTabComponent, selector: "lib-tabstrip-tab", inputs: { title: "title", customHeader: "customHeader" }, queries: [{ propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-tabstrip-tab', template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
         }], propDecorators: { title: [{
@@ -5593,10 +5578,10 @@ class TabstripComponent {
     onTabSelectEvent(e) {
         this.onTabSelect.emit(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabstripComponent, selector: "lib-tabstrip", inputs: { height: "height", alignment: "alignment", position: "position", selectedTab: "selectedTab" }, outputs: { onTabSelect: "onTabSelect" }, queries: [{ propertyName: "tabstripTabComponents", predicate: TabstripTabComponent, descendants: true }], ngImport: i0, template: "<kendo-tabstrip\n  [tabPosition]=\"position\"\n  [tabAlignment]=\"alignment\"\n  [height]=\"height\"\n  (tabSelect)=\"onTabSelectEvent($event)\"\n  [keepTabContent]=\"true\"\n>\n  <kendo-tabstrip-tab\n    *ngFor=\"let tabstripTabComponent of tabstripTabComponents; let i = index\"\n    title=\"{{ tabstripTabComponent.title }}\"\n    [selected]=\"i == selectedTab\"\n  >\n    <ng-template kendoTabTitle *ngIf=\"tabstripTabComponent.customHeader\">\n      <ng-container *ngTemplateOutlet=\"tabstripTabComponent.titleRef\">\n      </ng-container>\n    </ng-template>\n    <ng-template kendoTabContent>\n      <ng-container *ngTemplateOutlet=\"tabstripTabComponent.contentRef\">\n      </ng-container>\n    </ng-template>\n  </kendo-tabstrip-tab>\n</kendo-tabstrip>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$1.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$1.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$1.TabTitleDirective, selector: "[kendoTabTitle]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabstripComponent, selector: "lib-tabstrip", inputs: { height: "height", alignment: "alignment", position: "position", selectedTab: "selectedTab" }, outputs: { onTabSelect: "onTabSelect" }, queries: [{ propertyName: "tabstripTabComponents", predicate: TabstripTabComponent, descendants: true }], ngImport: i0, template: "<kendo-tabstrip\n  [tabPosition]=\"position\"\n  [tabAlignment]=\"alignment\"\n  [height]=\"height\"\n  (tabSelect)=\"onTabSelectEvent($event)\"\n  [keepTabContent]=\"true\"\n>\n  <kendo-tabstrip-tab\n    *ngFor=\"let tabstripTabComponent of tabstripTabComponents; let i = index\"\n    title=\"{{ tabstripTabComponent.title }}\"\n    [selected]=\"i == selectedTab\"\n  >\n    <ng-template kendoTabTitle *ngIf=\"tabstripTabComponent.customHeader\">\n      <ng-container *ngTemplateOutlet=\"tabstripTabComponent.titleRef\">\n      </ng-container>\n    </ng-template>\n    <ng-template kendoTabContent>\n      <ng-container *ngTemplateOutlet=\"tabstripTabComponent.contentRef\">\n      </ng-container>\n    </ng-template>\n  </kendo-tabstrip-tab>\n</kendo-tabstrip>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$1.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$1.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$1.TabTitleDirective, selector: "[kendoTabTitle]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-tabstrip', template: "<kendo-tabstrip\n  [tabPosition]=\"position\"\n  [tabAlignment]=\"alignment\"\n  [height]=\"height\"\n  (tabSelect)=\"onTabSelectEvent($event)\"\n  [keepTabContent]=\"true\"\n>\n  <kendo-tabstrip-tab\n    *ngFor=\"let tabstripTabComponent of tabstripTabComponents; let i = index\"\n    title=\"{{ tabstripTabComponent.title }}\"\n    [selected]=\"i == selectedTab\"\n  >\n    <ng-template kendoTabTitle *ngIf=\"tabstripTabComponent.customHeader\">\n      <ng-container *ngTemplateOutlet=\"tabstripTabComponent.titleRef\">\n      </ng-container>\n    </ng-template>\n    <ng-template kendoTabContent>\n      <ng-container *ngTemplateOutlet=\"tabstripTabComponent.contentRef\">\n      </ng-container>\n    </ng-template>\n  </kendo-tabstrip-tab>\n</kendo-tabstrip>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
         }], propDecorators: { height: [{
@@ -5615,15 +5600,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class TabstripModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TabstripModule, declarations: [TabstripComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TabstripModule, declarations: [TabstripComponent,
             TabstripTabComponent], imports: [CommonModule,
             LayoutModule], exports: [TabstripComponent,
             TabstripTabComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripModule, imports: [CommonModule,
             LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabstripModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -5642,8 +5627,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class MoleculesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MoleculesModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: MoleculesModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             CardModule,
@@ -5657,7 +5642,7 @@ class MoleculesModule {
             GridLayoutModule,
             GridPaginationModule,
             TabstripModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MoleculesModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoleculesModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             CardModule,
@@ -5672,7 +5657,7 @@ class MoleculesModule {
             GridPaginationModule,
             TabstripModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MoleculesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MoleculesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5698,20 +5683,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class SharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SharedModule, declarations: [SharedComponent], imports: [AtomsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, declarations: [SharedComponent], imports: [AtomsModule,
             CommonModule,
             MoleculesModule,
             ThemesModule], exports: [SharedComponent,
             AtomsModule,
             MoleculesModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedModule, imports: [AtomsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, imports: [AtomsModule,
             CommonModule,
             MoleculesModule,
             ThemesModule, AtomsModule,
             MoleculesModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SharedComponent],