@progress-chef/platform-shared-components 0.0.120 → 0.0.122

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

@@ -1,12 +1,10 @@
 import * as i0 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 { Component, Input, EventEmitter, HostBinding, Output, NgModule, ViewChild, HostListener, ViewChildren, ContentChild, ViewEncapsulation, Pipe, Directive, ContentChildren, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 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 * as i1 from '@progress-chef/platform-themes-service';
 import { ThemesModule } from '@progress-chef/platform-themes-service';
 import * as i3 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
@@ -27,13 +25,13 @@ 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 * as i1$1 from '@progress/kendo-angular-utils';
 import { DragTargetContainerDirective, DropTargetContainerDirective, UtilsModule } from '@progress/kendo-angular-utils';
 import * as i2$6 from '@progress/kendo-angular-listview';
 import { ListViewModule } from '@progress/kendo-angular-listview';
 import * as i3$4 from '@progress/kendo-angular-icons';
-import { IconsModule, IconsService } from '@progress/kendo-angular-icons';
-import * as i1$3 from '@progress/kendo-angular-indicators';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import * as i1$2 from '@progress/kendo-angular-indicators';
 import { IndicatorsModule } from '@progress/kendo-angular-indicators';
 import { trigger, transition, style, animate } from '@angular/animations';
 import * as i2$7 from '@progress/kendo-angular-progressbar';
@@ -50,163 +48,6 @@ import { GridComponent, GridModule } from '@progress/kendo-angular-grid';
 import { Keys } from '@progress/kendo-angular-common';
 import { orderBy } from '@progress/kendo-data-query';
 
-class ToastNotificationService {
-    constructor(notificationService, rendererFactory) {
-        this.notificationService = notificationService;
-        this.httpStatusHandledInHttpInterceptor = new Set([0, 202, 207, 401, 402, 403, 405, 500, 502, 503, 504]);
-        this.errMessagesSet = new Set();
-        this.allSubscriptions = [];
-        this.errorNotifications = [];
-        this.infoNotifications = [];
-        this.toastElement = null;
-        this.notificationsContainerSelector = "kendo-notification-container > div.k-notification-group";
-        this.errNotificationClickListener = null;
-        this.documentClickListener = null;
-        this.renderer = rendererFactory.createRenderer(null, null);
-    }
-    /**
-     * @param notification
-     * default notification config:
-     * - content: '',
-     * - animation: { type: 'slide', duration: 400 },
-     * - position: { horizontal: 'center', vertical: 'top' },
-     * - type: { style: 'success', icon: true },
-     * - hideAfter: 4000,
-     */
-    showToastNotification(notification) {
-        const defaultNotification = {
-            content: '',
-            animation: { type: 'slide', duration: 400 },
-            position: { horizontal: 'center', vertical: 'top' },
-            type: { style: 'success', icon: true },
-            hideAfter: window.hideAfter || 6000, // window.hideAfter is used to finalize final time for hideAfter. It must be removed.
-            action: {}
-        };
-        const mergedNotification = { ...defaultNotification, ...notification };
-        if (this.httpStatusHandledInHttpInterceptor.has(mergedNotification?.action?.payload?.error?.status) ||
-            this.httpStatusHandledInHttpInterceptor.has(mergedNotification?.action?.payload?.response?.code)) {
-            return;
-        }
-        if (mergedNotification.type.style === 'error' && this.errMessagesSet.has(mergedNotification.content)) {
-            return;
-        }
-        if (mergedNotification.type.style === 'error') {
-            this.processErrorNotification(mergedNotification);
-        }
-        else {
-            const nonErrNotification = this.notificationService.show({
-                content: mergedNotification.content,
-                cssClass: mergedNotification.cssClass,
-                animation: mergedNotification.animation,
-                position: mergedNotification.position,
-                type: mergedNotification.type,
-                closable: mergedNotification.closable,
-                hideAfter: mergedNotification.hideAfter,
-            });
-            if (mergedNotification.type.style === 'info') {
-                this.infoNotifications.push(nonErrNotification);
-            }
-        }
-    }
-    processErrorNotification(notification) {
-        this.errMessagesSet.add(notification.content);
-        const errNotification = this.notificationService.show({
-            content: notification.content,
-            cssClass: notification.cssClass,
-            animation: notification.animation,
-            position: notification.position,
-            type: notification.type,
-            closable: notification.closable,
-            hideAfter: notification.hideAfter,
-        });
-        this.errorNotifications.push(errNotification);
-        try {
-            this.notificationsContainer = this.renderer.selectRootElement(this.notificationsContainerSelector, true);
-        }
-        catch (error) {
-            console.error('Error Toast Notification Container NOT found', error);
-        }
-        if (this.notificationsContainer) {
-            console.log('Toast Notification Container found');
-            if (this.registerClickListenersTimeoutId) {
-                clearTimeout(this.registerClickListenersTimeoutId);
-            }
-            // This defers the execution of click listener addition to the next event loop cycle.
-            // It ensures that the current click event (which triggered the notification) is not captured by the newly added listener.       
-            this.registerClickListenersTimeoutId = setTimeout(() => this.registerClickListenersErrNotifications(), 0);
-        }
-        //  On click of close icon in notification, hide all error notifications present
-        if (errNotification?.afterHide) {
-            this.allSubscriptions.push(errNotification.afterHide.subscribe(() => {
-                if (this.errMessagesSet.size && this.errorNotifications.length) {
-                    this.hideErrorToastNotifications();
-                }
-            }));
-        }
-    }
-    registerClickListenersErrNotifications() {
-        if (this.notificationsContainer && !this.documentClickListener) {
-            // listen for click events on the error notifications container
-            this.errNotificationClickListener = this.renderer.listen(this.notificationsContainer, 'click', (event) => event.stopPropagation());
-            // listen for click events on the document when error notifications are shown
-            this.documentClickListener = this.renderer.listen('document', 'click', (event) => this.onClickOutCloseErrors(event));
-        }
-    }
-    onClickOutCloseErrors(event) {
-        if (this.notificationsContainer && !this.notificationsContainer.contains(event.target)) {
-            this.hideErrorToastNotifications();
-        }
-    }
-    hideToastNotifications(filter) {
-        if (filter === 'error') {
-            this.errorNotifications.forEach((notification) => notification.hide());
-            this.errMessagesSet.clear();
-            this.errorNotifications = [];
-            this.cleanUpListenersAndSubsForErr();
-        }
-        else if (filter === 'info') {
-            this.infoNotifications.forEach((notification) => notification.hide());
-            this.infoNotifications = [];
-        }
-    }
-    hideErrorToastNotifications() {
-        this.hideToastNotifications('error');
-    }
-    hideInfoToastNotifications() {
-        this.hideToastNotifications('info');
-    }
-    // This method only handles the cleanup of error notifications
-    cleanUpListenersAndSubsForErr() {
-        if (this.notificationsContainer) {
-            if (this.errNotificationClickListener) {
-                this.errNotificationClickListener();
-                this.errNotificationClickListener = null;
-            }
-            if (this.documentClickListener) {
-                this.documentClickListener();
-                this.documentClickListener = null;
-            }
-            this.notificationsContainer = null;
-        }
-        if (this.registerClickListenersTimeoutId) {
-            clearTimeout(this.registerClickListenersTimeoutId);
-            this.registerClickListenersTimeoutId = null;
-        }
-        this.allSubscriptions.forEach((subs) => subs.unsubscribe());
-    }
-    ngOnDestroy() {
-        this.cleanUpListenersAndSubsForErr();
-    }
-    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: "17.3.12", ngImport: i0, type: ToastNotificationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.NotificationService }, { type: i0.RendererFactory2 }] });
-
 class SharedComponent {
     constructor() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -235,13 +76,13 @@ class IconComponent {
         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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, deps: [{ token: i1.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: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { name: [{
                 type: Input
             }], projectedIcon: [{
                 type: Input
@@ -270,13 +111,13 @@ class AlertComponent {
             this.dismissed.emit();
         };
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { type: [{
                 type: Input
             }], dismissed: [{
                 type: Output
@@ -334,13 +175,13 @@ class AngularPopupComponent {
         this.popupHorizontalAlign = "right";
         this.popupVerticalAlign = "top";
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AngularPopupComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { show: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { show: [{
                 type: Input
             }], anchor: [{
                 type: Input
@@ -478,13 +319,13 @@ class TypographyComponent {
         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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1.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: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
                 type: Input
             }], defaultText: [{
                 type: Input
@@ -533,13 +374,13 @@ class AvatarComponent {
         }
         this.letters = letters;
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { showInitials: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { showInitials: [{
                 type: Input
             }], imageURL: [{
                 type: Input
@@ -642,13 +483,13 @@ class BreadcrumbComponent {
     emitValueChange(itemsToBeEmit) {
         this.valueChange.emit(itemsToBeEmit);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { items: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { items: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -724,13 +565,13 @@ class ButtonComponent {
             return (word.charAt(0).toUpperCase() + word.slice(1));
         }).join(' ');
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { size: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { size: [{
                 type: Input
             }], rounded: [{
                 type: Input
@@ -810,13 +651,13 @@ class ButtonGroupComponent {
     onButtonClick(label) {
         this.buttonClick.emit(label);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { buttons: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { buttons: [{
                 type: Input
             }], selection: [{
                 type: Input
@@ -882,13 +723,13 @@ class CheckboxComponent {
     emitValueChange(ev) {
         this.modelChange.emit(ev);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { control: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { control: [{
                 type: Input
             }], elementId: [{
                 type: Input
@@ -1015,13 +856,13 @@ class TooltipComponent {
             }
         }
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.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: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { position: [{
                 type: Input
             }], tooltipWidth: [{
                 type: Input
@@ -1269,13 +1110,13 @@ class ClipboardComponent {
     revertTooltipText() {
         this.tooltipText = this.preCopyText;
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { clipboardData: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { clipboardData: [{
                 type: Input
             }], tooltipPosition: [{
                 type: Input
@@ -1337,13 +1178,13 @@ class DateRangeComponent {
     onEndChange(ev) {
         this.modelChange.emit(ev);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { range: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { range: [{
                 type: Input
             }], rangeStartLabel: [{
                 type: Input
@@ -1438,13 +1279,13 @@ class DatepickerComponent {
     onClose(event) {
         this.onCloseEvent.emit(event);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { calendarType: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { calendarType: [{
                 type: Input
             }], isDisabled: [{
                 type: Input
@@ -1568,7 +1409,7 @@ class DragAndDropComponent {
     }
     ;
     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"] }] }); }
+    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$1.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$1.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragAndDropComponent, decorators: [{
             type: Component,
@@ -1662,7 +1503,7 @@ class LoaderComponent {
         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"] }] }); }
+    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$2.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,
@@ -1783,13 +1624,13 @@ class DropdownComponent {
         }
         return this.defaultItem;
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }], propDecorators: { elementId: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }, { type: i0.Renderer2 }], propDecorators: { elementId: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -2035,13 +1876,13 @@ class DropdowntreeComponent {
     onButtonClick(e) {
         this.buttonClick.emit(e);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdowntreeComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { childrenField: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { childrenField: [{
                 type: Input
             }], hasDefaultValue: [{
                 type: Input
@@ -2142,13 +1983,13 @@ class ExpansionPanelComponent {
         }
         this.action.emit(e);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { title: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { title: [{
                 type: Input
             }], subtitle: [{
                 type: Input
@@ -2217,13 +2058,13 @@ class LabelComponent {
         this.hiddenLabel = '';
         this.labelFont = 'BODY_MEDIUM';
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { text: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { text: [{
                 type: Input
             }], hiddenLabel: [{
                 type: Input
@@ -2398,13 +2239,13 @@ class LoadingSpinnerComponent {
         this.height = 100;
         this.visible = true;
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingSpinnerComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { width: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { width: [{
                 type: Input
             }], height: [{
                 type: Input
@@ -2505,13 +2346,13 @@ class MultiSelectDropdownComponent {
             this.scrollListener = null;
         }
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectDropdownComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }], propDecorators: { label: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }, { type: i0.Renderer2 }], propDecorators: { label: [{
                 type: Input
             }], elementId: [{
                 type: Input
@@ -2652,13 +2493,13 @@ class NotificationComponent {
         }
         this.timeOutRef = setTimeout(this.handleClose, this.timeout * 10000);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { type: [{
                 type: Input
             }], timeout: [{
                 type: Input
@@ -2721,13 +2562,13 @@ class NumericTextboxComponent {
     emitModelChange(ev) {
         this.modelChange.emit(ev);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericTextboxComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { autoCorrect: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { autoCorrect: [{
                 type: Input
             }], width: [{
                 type: Input
@@ -2795,13 +2636,13 @@ class ProgressBarComponent {
         this.themesService = themesService;
         this.value = 0;
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { value: [{
                 type: Input
             }] } });
 
@@ -2842,13 +2683,13 @@ class RadioButtonComponent {
     emitModelChange(ev) {
         this.modelChange.emit(ev);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { size: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { size: [{
                 type: Input
             }], name: [{
                 type: Input
@@ -2951,13 +2792,13 @@ class SearchBoxComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBoxComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { autocomplete: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { autocomplete: [{
                 type: ViewChild,
                 args: ['autocomplete', { static: false }]
             }], textbox: [{
@@ -3040,6 +2881,7 @@ class SliderComponent {
         this.isSlideOpen = this.opened;
         this.sliderClose = new EventEmitter();
         this.parentId = '';
+        this.customTitle = false;
     }
     ngOnInit() {
         if (this.parentId) {
@@ -3063,13 +2905,13 @@ class SliderComponent {
         this.opened = false;
         this.isSlideOpen = this.opened;
     }
-    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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, deps: [{ token: i1.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", customTitle: "customTitle" }, 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          <div *ngIf=\"customTitle\">\n            <ng-content select=\"header\"></ng-content>\n          </div>\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;display:flex}.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { opened: [{
+            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          <div *ngIf=\"customTitle\">\n            <ng-content select=\"header\"></ng-content>\n          </div>\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;display:flex}.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: () => [{ type: i1.ThemesService }], propDecorators: { opened: [{
                 type: Input
             }], title: [{
                 type: Input
@@ -3082,6 +2924,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }], parentId: [{
                 type: Input
+            }], customTitle: [{
+                type: Input
             }] } });
 
 class SliderModule {
@@ -3316,13 +3160,13 @@ class TextareaComponent {
         }
         return;
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { textarea: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { textarea: [{
                 type: ViewChild,
                 args: ['textarea', { static: false }]
             }], placeholder: [{
@@ -3451,13 +3295,13 @@ class TextboxComponent {
     onBlur() {
         this.blurEvent.emit();
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { textbox: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { textbox: [{
                 type: ViewChild,
                 args: ['textbox', { static: false }]
             }], showEyeIcon: [{
@@ -3565,13 +3409,13 @@ class TimePickerComponent {
     onClose(event) {
         this.onCloseEvent.emit(event);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { isDisabled: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { isDisabled: [{
                 type: Input
             }], readonly: [{
                 type: Input
@@ -3671,13 +3515,13 @@ class TimeschedulerComponent {
     onOpen(event) {
         this.onOpenEvent.emit(event);
     }
-    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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerComponent, deps: [{ token: i1.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: "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: () => [{ type: i1$1.ThemesService }], propDecorators: { model: [{
+        }], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { model: [{
                 type: Input
             }], size: [{
                 type: Input
@@ -3738,32 +3582,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-class ToastNotificationModule {
-    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: "17.3.12", ngImport: i0, type: ToastNotificationModule, providers: [
-            IconsService,
-            NotificationService
-        ], imports: [CommonModule,
-            NotificationModule$1] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        CommonModule,
-                        NotificationModule$1
-                    ],
-                    exports: [],
-                    providers: [
-                        IconsService,
-                        NotificationService
-                    ]
-                }]
-        }] });
-
 class UploaderComponent {
     constructor(renderer, elRef) {
         this.renderer = renderer;
@@ -4055,7 +3873,6 @@ class AtomsModule {
             TextboxModule,
             TimePickerModule,
             TimeschedulerModule,
-            ToastNotificationModule,
             TooltipModule,
             TypographyModule,
             UploaderModule], exports: [AlertModule,
@@ -4094,7 +3911,6 @@ class AtomsModule {
             TextboxModule,
             TimePickerModule,
             TimeschedulerModule,
-            ToastNotificationModule,
             TooltipModule,
             TypographyModule,
             UploaderModule] }); }
@@ -4137,7 +3953,6 @@ class AtomsModule {
             TextboxModule,
             TimePickerModule,
             TimeschedulerModule,
-            ToastNotificationModule,
             TooltipModule,
             TypographyModule,
             UploaderModule, AlertModule,
@@ -4176,7 +3991,6 @@ class AtomsModule {
             TextboxModule,
             TimePickerModule,
             TimeschedulerModule,
-            ToastNotificationModule,
             TooltipModule,
             TypographyModule,
             UploaderModule] }); }
@@ -4224,7 +4038,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TextboxModule,
                         TimePickerModule,
                         TimeschedulerModule,
-                        ToastNotificationModule,
                         TooltipModule,
                         TypographyModule,
                         UploaderModule
@@ -4266,7 +4079,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TextboxModule,
                         TimePickerModule,
                         TimeschedulerModule,
-                        ToastNotificationModule,
                         TooltipModule,
                         TypographyModule,
                         UploaderModule
@@ -5720,11 +5532,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-// services
+/** --------------- modules ----------------------- **/
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipListComponent, ChipListModule, ChipModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, CustomColumnTemplate, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownButtonComponent, DropdownButtonModule, DropdownComponent, DropdownModule, DropdowntreeComponent, DropdowntreeModule, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridFormModule, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, IconComponent, IconModule, LabelComponent, LabelsModule, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SliderComponent, SliderModule, StepperComponent, StepperModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimePickerComponent, TimePickerModule, TimeschedulerComponent, TimeschedulerModule, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule, UploaderComponent, UploaderModule };
+export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipListComponent, ChipListModule, ChipModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, CustomColumnTemplate, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownButtonComponent, DropdownButtonModule, DropdownComponent, DropdownModule, DropdowntreeComponent, DropdowntreeModule, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridFormModule, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, IconComponent, IconModule, LabelComponent, LabelsModule, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SliderComponent, SliderModule, StepperComponent, StepperModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimePickerComponent, TimePickerModule, TimeschedulerComponent, TimeschedulerModule, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule, UploaderComponent, UploaderModule };
 //# sourceMappingURL=progress-chef-platform-shared-components.mjs.map