@progress-chef/platform-shared-components 0.0.76 → 0.0.78

package/esm2022/lib/atoms/dropdown/dropdown.component.mjs

@@ -1,6 +1,6 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { LoaderSize, LoaderType, LoaderThemeColor } from '../loader/loader.component';
+import { LoaderSize, LoaderType, LoaderThemeColor, } from '../loader/loader.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress-chef/platform-themes-service";
 import * as i2 from "@angular/common";
@@ -15,8 +15,9 @@ export class DropdownComponent {
     set selectedItem(value) {
         this._selectedItem = value;
     }
-    constructor(themesService) {
+    constructor(themesService, renderer) {
         this.themesService = themesService;
+        this.renderer = renderer;
         this.elementId = "sampleId";
         this.label = "";
         this.data = [];
@@ -26,6 +27,7 @@ export class DropdownComponent {
         this.filterable = true;
         this.placeholder = "";
         this.itemDisabled = null;
+        this.popupClass = "";
         this._useAsComboBox = true;
         this._selectedItem = null;
         this.readonly = false;
@@ -42,6 +44,8 @@ export class DropdownComponent {
         this.loaderSize = LoaderSize.medium;
         this.loaderTheme = LoaderThemeColor.primary;
         this.width = '100%';
+        this.infiniteScrollLoader = false;
+        this.onScrollEnd = new EventEmitter();
         this._itemDisabled = (item) => {
             if (this.itemDisabled) {
                 return this.itemDisabled(item);
@@ -69,13 +73,27 @@ export class DropdownComponent {
     emitModelChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", itemDisabled: "itemDisabled", 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" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span 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\" [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\">\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 *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\"\n        [data]=\"data\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [(ngModel)]=\"model\"\n        (selectionChange)=\"emitModelChange($event)\"\n        [itemDisabled]=\"_itemDisabled\"\n        [style.width]=\"width\"\n        [valuePrimitive]=\"valuePrimitive\"\n        [rounded]=\"rounded\"\n        [size]=\"size\"\n      >\n  </kendo-dropdownlist>\n</span>\n  \n", styles: [".checkbox-label{margin-bottom:8px}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{border-bottom:1px solid #CDD7DD;padding:8px 16px}::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.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3.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.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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
+    onScroll(event) {
+        if (event.target.offsetHeight + event.target.scrollTop >=
+            event.target.scrollHeight - 1) {
+            this.onScrollEnd.emit();
+        }
+    }
+    onDropdownOpen() {
+        if (!this.popupClass)
+            return;
+        const dropdownList = this.renderer.selectRootElement(`.${this.popupClass}`, true);
+        if (dropdownList) {
+            dropdownList.addEventListener('scroll', (e) => this.onScroll(e), true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", itemDisabled: "itemDisabled", popupClass: "popupClass", 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" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span 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()\" [data]=\"data\"\n    [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\" [filterable]=\"filterable\"\n    [placeholder]=\"placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\" [suggest]=\"suggest\"\n    [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\" [formControl]=\"control\"\n    [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  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\" [data]=\"data\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [itemDisabled]=\"_itemDisabled\" [style.width]=\"width\"\n    [valuePrimitive]=\"valuePrimitive\" [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\"\n    [popupSettings]=\"{popupClass: popupClass}\">\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-dropdownlist>\n</span>\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{border-bottom:1px solid #CDD7DD;padding:8px 16px}::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.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3.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.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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-dropdown', template: "<span 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\" [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\">\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 *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\"\n        [data]=\"data\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [(ngModel)]=\"model\"\n        (selectionChange)=\"emitModelChange($event)\"\n        [itemDisabled]=\"_itemDisabled\"\n        [style.width]=\"width\"\n        [valuePrimitive]=\"valuePrimitive\"\n        [rounded]=\"rounded\"\n        [size]=\"size\"\n      >\n  </kendo-dropdownlist>\n</span>\n  \n", styles: [".checkbox-label{margin-bottom:8px}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{border-bottom:1px solid #CDD7DD;padding:8px 16px}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { elementId: [{
+            args: [{ selector: 'lib-dropdown', template: "<span 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()\" [data]=\"data\"\n    [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\" [filterable]=\"filterable\"\n    [placeholder]=\"placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\" [suggest]=\"suggest\"\n    [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\" [formControl]=\"control\"\n    [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  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\" [data]=\"data\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [itemDisabled]=\"_itemDisabled\" [style.width]=\"width\"\n    [valuePrimitive]=\"valuePrimitive\" [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\"\n    [popupSettings]=\"{popupClass: popupClass}\">\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-dropdownlist>\n</span>\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{border-bottom:1px solid #CDD7DD;padding:8px 16px}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { elementId: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -93,6 +111,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], itemDisabled: [{
                 type: Input
+            }], popupClass: [{
+                type: Input
             }], useAsComboBox: [{
                 type: Input
             }], selectedItem: [{
@@ -133,8 +153,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], width: [{
                 type: Input
+            }], infiniteScrollLoader: [{
+                type: Input
+            }], onScrollEnd: [{
+                type: Output
             }], comboBox: [{
                 type: ViewChild,
                 args: ['comboBox', { static: false }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzSCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFJN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7Ozs7QUFPdEYsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixJQUFhLGFBQWEsQ0FBQyxLQUFhO1FBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFHRCxJQUFhLFlBQVksQ0FBQyxLQUFTO1FBQ2pDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFzQkQsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUF4Q3RDLGNBQVMsR0FBVyxVQUFVLENBQUM7UUFDL0IsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixTQUFJLEdBQWUsRUFBRSxDQUFDO1FBQ3RCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsYUFBUSxHQUEwQyxPQUFPLENBQUM7UUFDMUQsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixpQkFBWSxHQUFRLElB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O2dCQUtDLFFBQVE7c0JBRGQsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFR5cG9ncmFwaHlUeXBlIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS9UeXBvZ3JhcGh5VHlwZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuaW1wb3J0IHsgQ29tYm9Cb3hDb21wb25lbnQgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1kcm9wZG93bnMnO1xuaW1wb3J0IHsgTG9hZGVyU2l6ZSwgTG9hZGVyVHlwZSwgTG9hZGVyVGhlbWVDb2xvciB9IGZyb20gJy4uL2xvYWRlci9sb2FkZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQElucHV0KCkgZWxlbWVudElkOiBzdHJpbmcgPSBcInNhbXBsZUlkXCI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBkYXRhOiBBcnJheTxhbnk+ID0gW107XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xlYXJCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZmlsbE1vZGU6IFwiZmxhdFwiIHwgXCJzb2xpZFwiIHwgXCJvdXRsaW5lXCIgfCBcIm5vbmVcIiA9IFwic29saWRcIjtcbiAgQElucHV0KCkgZmlsdGVyYWJsZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBpdGVtRGlzYWJsZWQ6IGFueSA9IG51bGw7XG5cbiAgX3VzZUFzQ29tYm9Cb3g6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzZXQgdXNlQXNDb21ib0JveCh2YWx1ZTpib29sZWFuKSB7XG4gICAgdGhpcy5fdXNlQXNDb21ib0JveCA9IHZhbHVlO1xuICB9XG5cbiAgX3NlbGVjdGVkSXRlbTogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgc2V0IHNlbGVjdGVkSXRlbSh2YWx1ZTphbnkpIHtcbiAgICB0aGlzLl9zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IFwic21hbGxcIiB8IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgfCBcImZ1bGxcIiB8IFwibm9uZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgc2l6ZTogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiB8IFwibm9uZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgc3VnZ2VzdDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHRleHRGaWVsZCE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWUhOiBhbnk7XG4gIEBJbnB1dCgpIHZhbHVlRmllbGQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlUHJpbWl0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1vZGVsITogYW55O1xuICBAT3V0cHV0KCkgbW9kZWxDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQElucHV0KCkgY29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgQElucHV0KCkgZm9udFR5cGU6IFR5cG9ncmFwaHlUeXBlID0gJ0JPRFlfTUVESVVNJztcbiAgQElucHV0KCkgZm9jdXM6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkZXJUeXBlOiBMb2FkZXJUeXBlID0gTG9hZGVyVHlwZS5wdWxzaW5nO1xuICBASW5wdXQoKSBsb2FkZXJTaXplOiBMb2FkZXJTaXplID0gTG9hZGVyU2l6ZS5tZWRpdW07XG4gIEBJbnB1dCgpIGxvYWRlclRoZW1lOiBMb2FkZXJUaGVtZUNvbG9yID0gTG9hZGVyVGhlbWVDb2xvci5wcmltYXJ5O1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzEwMCUnO1xuXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOlRoZW1lc1NlcnZpY2UpIHsgfVxuICBAVmlld0NoaWxkKCdjb21ib0JveCcsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBwdWJsaWMgY29tYm9Cb3ghOiBDb21ib0JveENvbXBvbmVudDtcblxuICBfaXRlbURpc2FibGVkID0gKGl0ZW06IGFueSkgPT4ge1xuICAgIGlmKHRoaXMuaXRlbURpc2FibGVkKSB7XG4gICAgICByZXR1cm4gdGhpcy5pdGVtRGlzYWJsZWQoaXRlbSk7XG4gICAgfWVsc2Uge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgfVxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKXtcbiAgICBpZihjaGFuZ2VzWydpc0Rpc2FibGVkJ10pIHtcbiAgICAgIGlmKGNoYW5nZXNbJ2lzRGlzYWJsZWQnXT8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgIHRoaXMuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNvbnRyb2wuZW5hYmxlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmKHRoaXMuZm9jdXMpIHtcbiAgICAgIHRoaXMuY29tYm9Cb3guZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBlbWl0TW9kZWxDaGFuZ2UoZXY6IGFueSkge1xuICAgIHRoaXMubW9kZWxDaGFuZ2UuZW1pdChldik7XG4gIH1cblxufVxuIiwiPHNwYW4gY2xhc3M9XCJkcm9wZG93blwiPlxuICA8c3BhbiAqbmdJZj1cImxhYmVsLmxlbmd0aCA+IDBcIj5cbiAgICA8bGFiZWwgY2xhc3M9XCJjaGVja2JveC1sYWJlbFwiIFtmb3JdPVwiZWxlbWVudElkXCI+XG4gICAgICA8bGliLXR5cG9ncmFwaHkgW2RlZmF1bHRUZXh0XT1cImxhYmVsXCIgW3R5cGVdPVwiZm9udFR5cGVcIj5cbiAgICAgIDwvbGliLXR5cG9ncmFwaHk+XG4gICAgPC9sYWJlbD5cbiAgICAmbmJzcDtcbiAgPC9zcGFuPlxuICA8a2VuZG8tY29tYm9ib3ggKm5nSWY9XCJfdXNlQXNDb21ib0JveFwiICNjb21ib0JveCBbaWRdPVwiZWxlbWVudElkXCIgW2RhdGFdPVwiZGF0YVwiIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiIFtjbGVhckJ1dHRvbl09XCJjbGVhckJ1dHRvblwiIGZpbGxNb2RlPVwib3V0bGluZVwiXG4gICAgW2ZpbHRlcmFibGVdPVwiZmlsdGVyYWJsZVwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIHJvdW5kZWQ9XCJzbWFsbFwiIFtzaXplXT1cInNpemVcIlxuICAgIFtzdWdnZXN0XT1cInN1Z2dlc3RcIiBbdGV4dEZpZWxkXT1cInRleHRGaWVsZFwiIFt2YWx1ZV09XCJ2YWx1ZVwiIFt2YWx1ZUZpZWxkXT1cInZhbHVlRmllbGRcIlxuICAgIFt2YWx1ZVByaW1pdGl2ZV09XCJ2YWx1ZVByaW1pdGl2ZVwiIFtuZ01vZGVsXT1cIm1vZGVsXCIgKG5nTW9kZWxDaGFuZ2UpPVwiZW1pdE1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCI+XG4gICAgPG5nLXRlbXBsYXRlIGtlbmRvQ29tYm9Cb3hIZWFkZXJUZW1wbGF0ZT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0NvbWJvQm94SXRlbVRlbXBsYXRlIGxldC1kYXRhPlxuICAgICAgPGltZyAqbmdJZj1cImRhdGEuaW1hZ2VVcmwgJiYgZGF0YS5pbWFnZVVybC5sZW5ndGggPiAwXCIgW3NyY109XCJkYXRhLmltYWdlVXJsXCIgW3dpZHRoXT1cIjE4XCIgW2FsdF09XCJkYXRhLmltYWdlVXJsXCIgLz5cbiAgICAgIDxkaXYgbmdDbGFzcz1cImRhdGEuaW1hZ2VVcmwubGVuZ3RoID4gMCA/ICdyb3dEYXRhJyA6ICcnXCI+XG4gICAgICAgIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwiZGF0YS5uYW1lXCIgW3R5cGVdPVwiZm9udFR5cGVcIj5cbiAgICAgICAgPC9saWItdHlwb2dyYXBoeT5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwibG9hZGluZ1wiIGtlbmRvQ29tYm9Cb3hOb0RhdGFUZW1wbGF0ZT5cbiAgICAgIDxsaWItbG9hZGVyIFt0eXBlXT1cImxvYWRlclR5cGVcIiBbc2l6ZV09XCJsb2FkZXJTaXplXCIgW3RoZW1lQ29sb3JdPVwibG9hZGVyVGhlbWVcIj48L2xpYi1sb2FkZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9rZW5kby1jb21ib2JveD5cbiAgPGtlbmRvLWRyb3Bkb3dubGlzdCAqbmdJZj1cIiFfdXNlQXNDb21ib0JveFwiXG4gICAgICAgIFtkYXRhXT1cImRhdGFcIlxuICAgICAgICBbdGV4dEZpZWxkXT1cInRleHRGaWVsZFwiXG4gICAgICAgIFt2YWx1ZUZpZWxkXT1cInZhbHVlRmllbGRcIlxuICAgICAgICBbKG5nTW9kZWwpXT1cIm1vZGVsXCJcbiAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJlbWl0TW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIFtpdGVtRGlzYWJsZWRdPVwiX2l0ZW1EaXNhYmxlZFwiXG4gICAgICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgICAgIFt2YWx1ZVByaW1pdGl2ZV09XCJ2YWx1ZVByaW1pdGl2ZVwiXG4gICAgICAgIFtyb3VuZGVkXT1cInJvdW5kZWRcIlxuICAgICAgICBbc2l6ZV09XCJzaXplXCJcbiAgICAgID5cbiAgPC9rZW5kby1kcm9wZG93bmxpc3Q+XG48L3NwYW4+XG4gIFxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFHTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSTdDLE9BQU8sRUFDTCxVQUFVLEVBQ1YsVUFBVSxFQUNWLGdCQUFnQixHQUNqQixNQUFNLDRCQUE0QixDQUFDOzs7Ozs7OztBQU9wQyxNQUFNLE9BQU8saUJBQWlCO0lBYzVCLElBQWEsYUFBYSxDQUFDLEtBQWM7UUFDdkMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUdELElBQWEsWUFBWSxDQUFDLEtBQVU7UUFDbEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQXVCRCxZQUFvQixhQUE0QixFQUFVLFFBQW1CO1FBQXpELGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQTFDcEUsY0FBUyxHQUFXLFVBQVUsQ0FBQztRQUMvQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBZSxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixhQUFRLEdBQTBDLE9BQU8sQ0FBQztRQUMxRCxlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLGdCQUFX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QUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdPLGFBQWE7c0JBQXpCLEtBQUs7Z0JBS08sWUFBWTtzQkFBeEIsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFJQSxRQUFRO3NCQURkLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFJlbmRlcmVyMixcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeVR5cGUgfSBmcm9tICcuLi90eXBvZ3JhcGh5L1R5cG9ncmFwaHlUeXBlJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5pbXBvcnQgeyBDb21ib0JveENvbXBvbmVudCB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRyb3Bkb3ducyc7XG5pbXBvcnQge1xuICBMb2FkZXJTaXplLFxuICBMb2FkZXJUeXBlLFxuICBMb2FkZXJUaGVtZUNvbG9yLFxufSBmcm9tICcuLi9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcblxuICBASW5wdXQoKSBlbGVtZW50SWQ6IHN0cmluZyA9IFwic2FtcGxlSWRcIjtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGRhdGE6IEFycmF5PGFueT4gPSBbXTtcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjbGVhckJ1dHRvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBmaWxsTW9kZTogXCJmbGF0XCIgfCBcInNvbGlkXCIgfCBcIm91dGxpbmVcIiB8IFwibm9uZVwiID0gXCJzb2xpZFwiO1xuICBASW5wdXQoKSBmaWx0ZXJhYmxlOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGl0ZW1EaXNhYmxlZDogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgcG9wdXBDbGFzczogc3RyaW5nID0gIFwiXCI7XG5cbiAgX3VzZUFzQ29tYm9Cb3g6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzZXQgdXNlQXNDb21ib0JveCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX3VzZUFzQ29tYm9Cb3ggPSB2YWx1ZTtcbiAgfVxuXG4gIF9zZWxlY3RlZEl0ZW06IGFueSA9IG51bGw7XG4gIEBJbnB1dCgpIHNldCBzZWxlY3RlZEl0ZW0odmFsdWU6IGFueSkge1xuICAgIHRoaXMuX3NlbGVjdGVkSXRlbSA9IHZhbHVlO1xuICB9XG5cbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcm91bmRlZDogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiB8IFwiZnVsbFwiIHwgXCJub25lXCIgPSBcIm1lZGl1bVwiO1xuICBASW5wdXQoKSBzaXplOiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiIHwgXCJub25lXCIgPSBcIm1lZGl1bVwiO1xuICBASW5wdXQoKSBzdWdnZXN0OiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgdGV4dEZpZWxkITogc3RyaW5nO1xuICBASW5wdXQoKSB2YWx1ZSE6IGFueTtcbiAgQElucHV0KCkgdmFsdWVGaWVsZCE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWVQcmltaXRpdmU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbW9kZWwhOiBhbnk7XG4gIEBPdXRwdXQoKSBtb2RlbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBASW5wdXQoKSBjb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xuICBASW5wdXQoKSBmb250VHlwZTogVHlwb2dyYXBoeVR5cGUgPSAnQk9EWV9NRURJVU0nO1xuICBASW5wdXQoKSBmb2N1czogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvYWRlclR5cGU6IExvYWRlclR5cGUgPSBMb2FkZXJUeXBlLnB1bHNpbmc7XG4gIEBJbnB1dCgpIGxvYWRlclNpemU6IExvYWRlclNpemUgPSBMb2FkZXJTaXplLm1lZGl1bTtcbiAgQElucHV0KCkgbG9hZGVyVGhlbWU6IExvYWRlclRoZW1lQ29sb3IgPSBMb2FkZXJUaGVtZUNvbG9yLnByaW1hcnk7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIGluZmluaXRlU2Nyb2xsTG9hZGVyOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBvblNjcm9sbEVuZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTogVGhlbWVzU2VydmljZSwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxuICBAVmlld0NoaWxkKCdjb21ib0JveCcsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBwdWJsaWMgY29tYm9Cb3ghOiBDb21ib0JveENvbXBvbmVudDtcblxuICBfaXRlbURpc2FibGVkID0gKGl0ZW06IGFueSkgPT4ge1xuICAgIGlmICh0aGlzLml0ZW1EaXNhYmxlZCkge1xuICAgICAgcmV0dXJuIHRoaXMuaXRlbURpc2FibGVkKGl0ZW0pO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICB9O1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snaXNEaXNhYmxlZCddKSB7XG4gICAgICBpZiAoY2hhbmdlc1snaXNEaXNhYmxlZCddPy5jdXJyZW50VmFsdWUpIHtcbiAgICAgICAgdGhpcy5jb250cm9sLmRpc2FibGUoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuY29udHJvbC5lbmFibGUoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuZm9jdXMpIHtcbiAgICAgIHRoaXMuY29tYm9Cb3guZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBlbWl0TW9kZWxDaGFuZ2UoZXY6IGFueSkge1xuICAgIHRoaXMubW9kZWxDaGFuZ2UuZW1pdChldik7XG4gIH1cblxuICBvblNjcm9sbChldmVudDogYW55KTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgZXZlbnQudGFyZ2V0Lm9mZnNldEhlaWdodCArIGV2ZW50LnRhcmdldC5zY3JvbGxUb3AgPj1cbiAgICAgIGV2ZW50LnRhcmdldC5zY3JvbGxIZWlnaHQgLSAxXG4gICAgKSB7XG4gICAgICB0aGlzLm9uU2Nyb2xsRW5kLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICBvbkRyb3Bkb3duT3BlbigpIHtcbiAgICBpZiAoIXRoaXMucG9wdXBDbGFzcykgcmV0dXJuO1xuICAgIGNvbnN0IGRyb3Bkb3duTGlzdCA9IHRoaXMucmVuZGVyZXIuc2VsZWN0Um9vdEVsZW1lbnQoYC4ke3RoaXMucG9wdXBDbGFzc31gLCB0cnVlKVxuICAgIGlmIChkcm9wZG93bkxpc3QpIHtcbiAgICAgIGRyb3Bkb3duTGlzdC5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCAoZTogYW55KSA9PiB0aGlzLm9uU2Nyb2xsKGUpLCB0cnVlKTtcbiAgICB9ICAgIFxuICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cImRyb3Bkb3duXCI+XG4gIDxzcGFuICpuZ0lmPVwibGFiZWwubGVuZ3RoID4gMFwiPlxuICAgIDxsYWJlbCBjbGFzcz1cImNoZWNrYm94LWxhYmVsXCIgW2Zvcl09XCJlbGVtZW50SWRcIj5cbiAgICAgIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwibGFiZWxcIiBbdHlwZV09XCJmb250VHlwZVwiPlxuICAgICAgPC9saWItdHlwb2dyYXBoeT5cbiAgICA8L2xhYmVsPlxuICAgICZuYnNwO1xuICA8L3NwYW4+XG4gIDxrZW5kby1jb21ib2JveCAqbmdJZj1cIl91c2VBc0NvbWJvQm94XCIgI2NvbWJvQm94IFtpZF09XCJlbGVtZW50SWRcIiAob3BlbmVkKT1cIm9uRHJvcGRvd25PcGVuKClcIiBbZGF0YV09XCJkYXRhXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIiBbY2xlYXJCdXR0b25dPVwiY2xlYXJCdXR0b25cIiBmaWxsTW9kZT1cIm91dGxpbmVcIiBbZmlsdGVyYWJsZV09XCJmaWx0ZXJhYmxlXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiByb3VuZGVkPVwic21hbGxcIiBbc2l6ZV09XCJzaXplXCIgW3N1Z2dlc3RdPVwic3VnZ2VzdFwiXG4gICAgW3RleHRGaWVsZF09XCJ0ZXh0RmllbGRcIiBbdmFsdWVdPVwidmFsdWVcIiBbdmFsdWVGaWVsZF09XCJ2YWx1ZUZpZWxkXCIgW3ZhbHVlUHJpbWl0aXZlXT1cInZhbHVlUHJpbWl0aXZlXCJcbiAgICBbbmdNb2RlbF09XCJtb2RlbFwiIChuZ01vZGVsQ2hhbmdlKT1cImVtaXRNb2RlbENoYW5nZSgkZXZlbnQpXCIgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtwb3B1cFNldHRpbmdzXT1cIntwb3B1cENsYXNzOiBwb3B1cENsYXNzfVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0NvbWJvQm94SGVhZGVyVGVtcGxhdGU+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJoZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUga2VuZG9Db21ib0JveEl0ZW1UZW1wbGF0ZSBsZXQtZGF0YT5cbiAgICAgIDxpbWcgKm5nSWY9XCJkYXRhLmltYWdlVXJsICYmIGRhdGEuaW1hZ2VVcmwubGVuZ3RoID4gMFwiIFtzcmNdPVwiZGF0YS5pbWFnZVVybFwiIFt3aWR0aF09XCIxOFwiIFthbHRdPVwiZGF0YS5pbWFnZVVybFwiIC8+XG4gICAgICA8ZGl2IG5nQ2xhc3M9XCJkYXRhLmltYWdlVXJsLmxlbmd0aCA+IDAgPyAncm93RGF0YScgOiAnJ1wiPlxuICAgICAgICA8bGliLXR5cG9ncmFwaHkgW2RlZmF1bHRUZXh0XT1cImRhdGEubmFtZVwiIFt0eXBlXT1cImZvbnRUeXBlXCI+XG4gICAgICAgIDwvbGliLXR5cG9ncmFwaHk+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0NvbWJvQm94Rm9vdGVyVGVtcGxhdGU+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaW5maW5pdGVTY3JvbGxMb2FkZXJcIiBjbGFzcz1cImZvb3Rlci1sb2FkZXJcIj5cbiAgICAgICAgPGxpYi1sb2FkZXIgW3R5cGVdPVwibG9hZGVyVHlwZVwiIFtzaXplXT1cImxvYWRlclNpemVcIiBbdGhlbWVDb2xvcl09XCJsb2FkZXJUaGVtZVwiPjwvbGliLWxvYWRlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwibG9hZGluZ1wiIGtlbmRvQ29tYm9Cb3hOb0RhdGFUZW1wbGF0ZT5cbiAgICAgIDxsaWItbG9hZGVyIFt0eXBlXT1cImxvYWRlclR5cGVcIiBbc2l6ZV09XCJsb2FkZXJTaXplXCIgW3RoZW1lQ29sb3JdPVwibG9hZGVyVGhlbWVcIj48L2xpYi1sb2FkZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9rZW5kby1jb21ib2JveD5cbiAgPGtlbmRvLWRyb3Bkb3dubGlzdCAqbmdJZj1cIiFfdXNlQXNDb21ib0JveFwiIFtkYXRhXT1cImRhdGFcIiBbdGV4dEZpZWxkXT1cInRleHRGaWVsZFwiIFt2YWx1ZUZpZWxkXT1cInZhbHVlRmllbGRcIlxuICAgIFsobmdNb2RlbCldPVwibW9kZWxcIiAoc2VsZWN0aW9uQ2hhbmdlKT1cImVtaXRNb2RlbENoYW5nZSgkZXZlbnQpXCIgW2l0ZW1EaXNhYmxlZF09XCJfaXRlbURpc2FibGVkXCIgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcbiAgICBbdmFsdWVQcmltaXRpdmVdPVwidmFsdWVQcmltaXRpdmVcIiBbcm91bmRlZF09XCJyb3VuZGVkXCIgW3NpemVdPVwic2l6ZVwiIChvcGVuZWQpPVwib25Ecm9wZG93bk9wZW4oKVwiXG4gICAgW3BvcHVwU2V0dGluZ3NdPVwie3BvcHVwQ2xhc3M6IHBvcHVwQ2xhc3N9XCI+XG4gICAgPG5nLXRlbXBsYXRlIGtlbmRvQ29tYm9Cb3hGb290ZXJUZW1wbGF0ZT5cbiAgICAgIDxkaXYgKm5nSWY9XCJpbmZpbml0ZVNjcm9sbExvYWRlclwiIGNsYXNzPVwiZm9vdGVyLWxvYWRlclwiPlxuICAgICAgICA8bGliLWxvYWRlciBbdHlwZV09XCJsb2FkZXJUeXBlXCIgW3NpemVdPVwibG9hZGVyU2l6ZVwiIFt0aGVtZUNvbG9yXT1cImxvYWRlclRoZW1lXCI+PC9saWItbG9hZGVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgKm5nSWY9XCJsb2FkaW5nXCIga2VuZG9Db21ib0JveE5vRGF0YVRlbXBsYXRlPlxuICAgICAgPGxpYi1sb2FkZXIgW3R5cGVdPVwibG9hZGVyVHlwZVwiIFtzaXplXT1cImxvYWRlclNpemVcIiBbdGhlbWVDb2xvcl09XCJsb2FkZXJUaGVtZVwiPjwvbGliLWxvYWRlcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2tlbmRvLWRyb3Bkb3dubGlzdD5cbjwvc3Bhbj5cbiJdfQ==

package/esm2022/lib/atoms/expansion-panel/expansion-panel.component.mjs

@@ -1,4 +1,5 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { caretAltDownIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress-chef/platform-themes-service";
 import * as i2 from "@angular/common";
@@ -7,19 +8,29 @@ import * as i4 from "../typography/typography.component";
 export class ExpansionPanelComponent {
     constructor(themesService) {
         this.themesService = themesService;
+        this.collapseIcon = caretAltUpIcon;
+        this.expandIcon = caretAltDownIcon;
         this.title = "Title";
         this.subtitle = "Subtitle2";
         this.data = "some data";
         this.expanded = true;
         this.customHeader = false;
         this.disabled = false;
+        this.expandCollapseAllowed = true;
+        this.action = new EventEmitter();
+    }
+    onAction(e) {
+        if (!this.expandCollapseAllowed) {
+            e?.preventDefault();
+        }
+        this.action.emit(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography\n        [defaultText]=\"title\"\n        type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography\n        [defaultText]=\"subtitle\"\n        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}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i3.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: i4.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled", expandCollapseAllowed: "expandCollapseAllowed" }, outputs: { action: "action" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\">\n  <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}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i3.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: i4.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography\n        [defaultText]=\"title\"\n        type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography\n        [defaultText]=\"subtitle\"\n        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}\n"] }]
+            args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\">\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}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { title: [{
                 type: Input
             }], subtitle: [{
@@ -32,5 +43,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], disabled: [{
                 type: Input
+            }], expandCollapseAllowed: [{
+                type: Input
+            }], action: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT2pELE1BQU0sT0FBTyx1QkFBdUI7SUFRbEMsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFQdEMsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUN4QixhQUFRLEdBQVcsV0FBVyxDQUFDO1FBQy9CLFNBQUksR0FBVyxXQUFXLENBQUM7UUFDM0IsYUFBUSxHQUFpQixJQUFJLENBQUM7UUFDOUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsYUFBUSxHQUFhLEtBQUssQ0FBQztJQUVlLENBQUM7K0dBUnpDLHVCQUF1QjttR0FBdkIsdUJBQXVCLHFNQ1BwQyxrb0JBa0JBOzs0RkRYYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCO29HQUt0QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWV4cGFuc2lvbi1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbnNpb25QYW5lbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSBcIlRpdGxlXCI7XG4gIEBJbnB1dCgpIHN1YnRpdGxlOiBzdHJpbmcgPSBcIlN1YnRpdGxlMlwiO1xuICBASW5wdXQoKSBkYXRhOiBzdHJpbmcgPSBcInNvbWUgZGF0YVwiO1xuICBASW5wdXQoKSBleHBhbmRlZDogdHJ1ZSB8IGZhbHNlID0gdHJ1ZTtcbiAgQElucHV0KCkgY3VzdG9tSGVhZGVyOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkIDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTpUaGVtZXNTZXJ2aWNlKSB7IH1cblxufVxuIiwiPGtlbmRvLWV4cGFuc2lvbnBhbmVsIFtleHBhbmRlZF09XCJleHBhbmRlZFwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8bmctdGVtcGxhdGUga2VuZG9FeHBhbnNpb25QYW5lbFRpdGxlRGlyZWN0aXZlPlxuICAgIDxkaXYgY2xhc3M9XCJleHBhbnNpb24taGVhZGVyLWNvbnRlbnRcIiAqbmdJZj1cIiFjdXN0b21IZWFkZXJcIj5cbiAgICAgIDxsaWItdHlwb2dyYXBoeVxuICAgICAgICBbZGVmYXVsdFRleHRdPVwidGl0bGVcIlxuICAgICAgICB0eXBlPVwiSEVBRElOR19TTUFMTFwiPlxuICAgICAgPC9saWItdHlwb2dyYXBoeT5cbiAgICAgIDxsaWItdHlwb2dyYXBoeVxuICAgICAgICBbZGVmYXVsdFRleHRdPVwic3VidGl0bGVcIlxuICAgICAgICB0eXBlPVwiQk9EWV9NRURJVU1cIj5cbiAgICAgIDwvbGliLXR5cG9ncmFwaHk+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImV4cGFuc2lvbi1oZWFkZXItY29udGVudFwiICpuZ0lmPVwiY3VzdG9tSGVhZGVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJoZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9rZW5kby1leHBhbnNpb25wYW5lbD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBUTdFLE1BQU0sT0FBTyx1QkFBdUI7SUFhbEMsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFYL0MsaUJBQVksR0FBRyxjQUFjLENBQUM7UUFDOUIsZUFBVSxHQUFHLGdCQUFnQixDQUFDO1FBQ3JCLFVBQUssR0FBVyxPQUFPLENBQUM7UUFDeEIsYUFBUSxHQUFXLFdBQVcsQ0FBQztRQUMvQixTQUFJLEdBQVcsV0FBVyxDQUFDO1FBQzNCLGFBQVEsR0FBaUIsSUFBSSxDQUFDO1FBQzlCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLGFBQVEsR0FBYSxLQUFLLENBQUM7UUFDM0IsMEJBQXFCLEdBQVksSUFBSSxDQUFDO1FBQ3JDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWEsQ0FBQztJQUVwRCxRQUFRLENBQUMsQ0FBNEI7UUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUMvQixDQUFDLEVBQUUsY0FBYyxFQUFFLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0QixDQUFDOytHQXBCVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixvUkNUcEMsbXZCQWVBOzs0RkROYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCO29HQVF0QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjYXJldEFsdERvd25JY29uLCBjYXJldEFsdFVwSWNvbiB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1zdmctaWNvbnMnO1xuaW1wb3J0IHsgVGhlbWVzU2VydmljZSB9IGZyb20gJ0Bwcm9ncmVzcy1jaGVmL3BsYXRmb3JtLXRoZW1lcy1zZXJ2aWNlJztcbmltcG9ydCB7IEV4cGFuc2lvblBhbmVsQWN0aW9uRXZlbnQgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1sYXlvdXQvZXhwYW5zaW9ucGFuZWwvZXZlbnRzL2FjdGlvbi1ldmVudCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZXhwYW5zaW9uLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IHtcblxuICBjb2xsYXBzZUljb24gPSBjYXJldEFsdFVwSWNvbjtcbiAgZXhwYW5kSWNvbiA9IGNhcmV0QWx0RG93bkljb247XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSBcIlRpdGxlXCI7XG4gIEBJbnB1dCgpIHN1YnRpdGxlOiBzdHJpbmcgPSBcIlN1YnRpdGxlMlwiO1xuICBASW5wdXQoKSBkYXRhOiBzdHJpbmcgPSBcInNvbWUgZGF0YVwiO1xuICBASW5wdXQoKSBleHBhbmRlZDogdHJ1ZSB8IGZhbHNlID0gdHJ1ZTtcbiAgQElucHV0KCkgY3VzdG9tSGVhZGVyOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkIDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBleHBhbmRDb2xsYXBzZUFsbG93ZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTpUaGVtZXNTZXJ2aWNlKSB7IH1cblxuICBvbkFjdGlvbihlOiBFeHBhbnNpb25QYW5lbEFjdGlvbkV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmV4cGFuZENvbGxhcHNlQWxsb3dlZCkge1xuICAgICAgZT8ucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gICAgdGhpcy5hY3Rpb24uZW1pdChlKTtcbiAgfVxuXG59XG4iLCI8a2VuZG8tZXhwYW5zaW9ucGFuZWwgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGFjdGlvbik9XCJvbkFjdGlvbigkZXZlbnQpXCJcbiAgW3N2Z0NvbGxhcHNlSWNvbl09XCIhZXhwYW5kQ29sbGFwc2VBbGxvd2VkIHx8IGNvbGxhcHNlSWNvblwiIFtzdmdFeHBhbmRJY29uXT1cIiFleHBhbmRDb2xsYXBzZUFsbG93ZWQgfHwgZXhwYW5kSWNvblwiPlxuICA8bmctdGVtcGxhdGUga2VuZG9FeHBhbnNpb25QYW5lbFRpdGxlRGlyZWN0aXZlPlxuICAgIDxkaXYgY2xhc3M9XCJleHBhbnNpb24taGVhZGVyLWNvbnRlbnRcIiAqbmdJZj1cIiFjdXN0b21IZWFkZXJcIj5cbiAgICAgIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwidGl0bGVcIiB0eXBlPVwiSEVBRElOR19TTUFMTFwiPlxuICAgICAgPC9saWItdHlwb2dyYXBoeT5cbiAgICAgIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwic3VidGl0bGVcIiB0eXBlPVwiQk9EWV9NRURJVU1cIj5cbiAgICAgIDwvbGliLXR5cG9ncmFwaHk+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImV4cGFuc2lvbi1oZWFkZXItY29udGVudFwiICpuZ0lmPVwiY3VzdG9tSGVhZGVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJoZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwva2VuZG8tZXhwYW5zaW9ucGFuZWw+XG4iXX0=

package/esm2022/lib/atoms/textbox/textbox.component.mjs

@@ -13,7 +13,7 @@ export class TextboxComponent {
         this.showPassword = false;
         this.showEyeIcon = false;
         this.clearButton = true;
-        this.placeholder = 'message';
+        this.placeholder = '';
         this.width = '300';
         this.isDisabled = false;
         this.readonly = false;
@@ -106,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], blurEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFlBQVksRUFDWixNQUFNLEVBQ04sU0FBUyxHQUlWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFRN0MsTUFBTSxPQUFPLGdCQUFnQjtJQXVCM0IsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFwQi9DLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRXJCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBQzVCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBQ2hDLFVBQUssR0FBVyxLQUFLLENBQUM7UUFDdEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzlDLFlBQU8sR0FBbUQsUUFBUSxDQUFDO1FBQ25FLGFBQVEsR0FBMEMsU0FBUyxDQUFDO1FBQzVELFlBQU8sR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUN6QyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBWSxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixpQkFBWSxHQUFXLE9BQU8sQ0FBQTtRQUM3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDaEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFVSxDQUFDO0lBRXBELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUN4QixJQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxZQUFZLEVBQUU7Z0JBQ3RDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDeEI7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQzthQUN2QjtTQUNGO0lBQ0gsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3BELENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDO1FBQ3RELElBQUksWUFBWSxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7WUFDcEMsWUFBWSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7WUFDM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLFlBQVksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1lBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVELGVBQWUsQ0FBQyxFQUFVO1FBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0E1RFUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdWtCQ2xCN0IsdzFCQWFBOzs0RkRLYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTtvR0FNaEIsT0FBTztzQkFEYixTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSTlCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5pbXBvcnQgeyBUZXh0Qm94Q29tcG9uZW50IH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItaW5wdXRzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ZXh0Ym94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0Ym94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBAVmlld0NoaWxkKCd0ZXh0Ym94JywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHB1YmxpYyB0ZXh0Ym94ITogVGV4dEJveENvbXBvbmVudDtcbiAgc2hvd1Bhc3N3b3JkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2hvd0V5ZUljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xlYXJCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJ21lc3NhZ2UnO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzMwMCc7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiA9IFwibWVkaXVtXCI7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IFwic21hbGxcIiB8IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgfCBcImZ1bGxcIiB8IFwibm9uZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgZmlsbE1vZGU6IFwic29saWRcIiB8IFwiZmxhdFwiIHwgXCJvdXRsaW5lXCIgfCBcIm5vbmVcIiA9IFwib3V0bGluZVwiO1xuICBASW5wdXQoKSBjb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICAnJztcbiAgQElucHV0KCkgc2hvd0Vycm9yOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZTogc3RyaW5nID0gXCJFcnJvclwiXG4gIEBPdXRwdXQoKSBpbnB1dENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgZm9jdXNFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGJsdXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRoZW1lc1NlcnZpY2U6VGhlbWVzU2VydmljZSkgeyB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyl7XG4gICAgaWYoY2hhbmdlc1snaXNEaXNhYmxlZCddKSB7XG4gICAgICBpZihjaGFuZ2VzWydpc0Rpc2FibGVkJ10/LmN1cnJlbnRWYWx1ZSkge1xuICAgICAgICB0aGlzLmNvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jb250cm9sLmVuYWJsZSgpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0Ym94LmlucHV0Lm5hdGl2ZUVsZW1lbnQudHlwZSA9IHRoaXMudHlwZTtcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVWaXNpYmlsaXR5KCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0RWxlbWVudCA9IHRoaXMudGV4dGJveC5pbnB1dC5uYXRpdmVFbGVtZW50O1xuICAgIGlmIChpbnB1dEVsZW1lbnQudHlwZSA9PT0gXCJwYXNzd29yZFwiKSB7XG4gICAgICBpbnB1dEVsZW1lbnQudHlwZSA9IFwidGV4dFwiO1xuICAgICAgdGhpcy5zaG93UGFzc3dvcmQgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBpbnB1dEVsZW1lbnQudHlwZSA9IFwicGFzc3dvcmRcIjtcbiAgICAgIHRoaXMuc2hvd1Bhc3N3b3JkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgZW1pdFZhbHVlQ2hhbmdlKGV2OiBzdHJpbmcpIHtcbiAgICB0aGlzLmlucHV0Q2hhbmdlLmVtaXQoZXYpO1xuICB9XG5cbiAgb25Gb2N1cygpIHtcbiAgICB0aGlzLmZvY3VzRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgb25CbHVyKCkge1xuICAgIHRoaXMuYmx1ckV2ZW50LmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiB0aXRsZT1cInt7aXNEaXNhYmxlZCA/IHZhbHVlIDogJyd9fVwiPlxuICA8a2VuZG8tdGV4dGJveCAjdGV4dGJveCBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBbY2xlYXJCdXR0b25dPVwiY2xlYXJCdXR0b25cIlxuICAgIFtmaWxsTW9kZV09XCJmaWxsTW9kZVwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIFtzaXplXT1cInNpemVcIiBbcm91bmRlZF09XCJyb3VuZGVkXCIgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIiAobmdNb2RlbENoYW5nZSk9XCJlbWl0VmFsdWVDaGFuZ2UoJGV2ZW50KVwiIChmb2N1cyk9XCJvbkZvY3VzKClcIiAoYmx1cik9XCJvbkJsdXIoKVwiPlxuICAgIDxuZy10ZW1wbGF0ZSAqbmdJZj1cInRoaXMudHlwZSA9PT0gJ3Bhc3N3b3JkJyAmJiBzaG93RXllSWNvblwiIGtlbmRvVGV4dEJveFN1ZmZpeFRlbXBsYXRlPlxuICAgICAgPGxpYi1pY29uIG5hbWU9XCJleWUtb3BlblwiIChjbGljayk9XCJ0b2dnbGVWaXNpYmlsaXR5KClcIiAqbmdJZj1cInNob3dQYXNzd29yZFwiPjwvbGliLWljb24+XG4gICAgICA8bGliLWljb24gbmFtZT1cImV5ZS1jbG9zZWRcIiAoY2xpY2spPVwidG9nZ2xlVmlzaWJpbGl0eSgpXCIgKm5nSWY9XCIhc2hvd1Bhc3N3b3JkXCI+PC9saWItaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2tlbmRvLXRleHRib3g+XG4gIDxkaXYgKm5nSWY9XCJzaG93RXJyb3JcIj5cbiAgICA8bGliLXR5cG9ncmFwaHkgW2RlZmF1bHRUZXh0XT1cImVycm9yTWVzc2FnZVwiIGNsYXNzPVwiZXJyb3ItdGV4dFwiIC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFlBQVksRUFDWixNQUFNLEVBQ04sU0FBUyxHQUlWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFRN0MsTUFBTSxPQUFPLGdCQUFnQjtJQXVCM0IsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFwQi9DLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRXJCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBQzVCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFVBQUssR0FBVyxLQUFLLENBQUM7UUFDdEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzlDLFlBQU8sR0FBbUQsUUFBUSxDQUFDO1FBQ25FLGFBQVEsR0FBMEMsU0FBUyxDQUFDO1FBQzVELFlBQU8sR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUN6QyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBWSxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixpQkFBWSxHQUFXLE9BQU8sQ0FBQTtRQUM3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDaEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFVSxDQUFDO0lBRXBELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUN4QixJQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxZQUFZLEVBQUU7Z0JBQ3RDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDeEI7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQzthQUN2QjtTQUNGO0lBQ0gsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3BELENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDO1FBQ3RELElBQUksWUFBWSxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7WUFDcEMsWUFBWSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7WUFDM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLFlBQVksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1lBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVELGVBQWUsQ0FBQyxFQUFVO1FBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0E1RFUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdWtCQ2xCN0IsdzFCQWFBOzs0RkRLYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTtvR0FNaEIsT0FBTztzQkFEYixTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSTlCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5pbXBvcnQgeyBUZXh0Qm94Q29tcG9uZW50IH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItaW5wdXRzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ZXh0Ym94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0Ym94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBAVmlld0NoaWxkKCd0ZXh0Ym94JywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHB1YmxpYyB0ZXh0Ym94ITogVGV4dEJveENvbXBvbmVudDtcbiAgc2hvd1Bhc3N3b3JkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2hvd0V5ZUljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xlYXJCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMzAwJztcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzaXplOiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgcm91bmRlZDogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiB8IFwiZnVsbFwiIHwgXCJub25lXCIgPSBcIm1lZGl1bVwiO1xuICBASW5wdXQoKSBmaWxsTW9kZTogXCJzb2xpZFwiIHwgXCJmbGF0XCIgfCBcIm91dGxpbmVcIiB8IFwibm9uZVwiID0gXCJvdXRsaW5lXCI7XG4gIEBJbnB1dCgpIGNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nID0gICcnO1xuICBASW5wdXQoKSBzaG93RXJyb3I6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBzdHJpbmcgPSBcIkVycm9yXCJcbiAgQE91dHB1dCgpIGlucHV0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBmb2N1c0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgYmx1ckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTpUaGVtZXNTZXJ2aWNlKSB7IH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKXtcbiAgICBpZihjaGFuZ2VzWydpc0Rpc2FibGVkJ10pIHtcbiAgICAgIGlmKGNoYW5nZXNbJ2lzRGlzYWJsZWQnXT8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgIHRoaXMuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNvbnRyb2wuZW5hYmxlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRleHRib3guaW5wdXQubmF0aXZlRWxlbWVudC50eXBlID0gdGhpcy50eXBlO1xuICB9XG5cbiAgcHVibGljIHRvZ2dsZVZpc2liaWxpdHkoKTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXRFbGVtZW50ID0gdGhpcy50ZXh0Ym94LmlucHV0Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKGlucHV0RWxlbWVudC50eXBlID09PSBcInBhc3N3b3JkXCIpIHtcbiAgICAgIGlucHV0RWxlbWVudC50eXBlID0gXCJ0ZXh0XCI7XG4gICAgICB0aGlzLnNob3dQYXNzd29yZCA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlucHV0RWxlbWVudC50eXBlID0gXCJwYXNzd29yZFwiO1xuICAgICAgdGhpcy5zaG93UGFzc3dvcmQgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBlbWl0VmFsdWVDaGFuZ2UoZXY6IHN0cmluZykge1xuICAgIHRoaXMuaW5wdXRDaGFuZ2UuZW1pdChldik7XG4gIH1cblxuICBvbkZvY3VzKCkge1xuICAgIHRoaXMuZm9jdXNFdmVudC5lbWl0KCk7XG4gIH1cblxuICBvbkJsdXIoKSB7XG4gICAgdGhpcy5ibHVyRXZlbnQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IHRpdGxlPVwie3tpc0Rpc2FibGVkID8gdmFsdWUgOiAnJ319XCI+XG4gIDxrZW5kby10ZXh0Ym94ICN0ZXh0Ym94IFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFtjbGVhckJ1dHRvbl09XCJjbGVhckJ1dHRvblwiXG4gICAgW2ZpbGxNb2RlXT1cImZpbGxNb2RlXCIgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCIgW3NpemVdPVwic2l6ZVwiIFtyb3VuZGVkXT1cInJvdW5kZWRcIiBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cImVtaXRWYWx1ZUNoYW5nZSgkZXZlbnQpXCIgKGZvY3VzKT1cIm9uRm9jdXMoKVwiIChibHVyKT1cIm9uQmx1cigpXCI+XG4gICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwidGhpcy50eXBlID09PSAncGFzc3dvcmQnICYmIHNob3dFeWVJY29uXCIga2VuZG9UZXh0Qm94U3VmZml4VGVtcGxhdGU+XG4gICAgICA8bGliLWljb24gbmFtZT1cImV5ZS1vcGVuXCIgKGNsaWNrKT1cInRvZ2dsZVZpc2liaWxpdHkoKVwiICpuZ0lmPVwic2hvd1Bhc3N3b3JkXCI+PC9saWItaWNvbj5cbiAgICAgIDxsaWItaWNvbiBuYW1lPVwiZXllLWNsb3NlZFwiIChjbGljayk9XCJ0b2dnbGVWaXNpYmlsaXR5KClcIiAqbmdJZj1cIiFzaG93UGFzc3dvcmRcIj48L2xpYi1pY29uPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwva2VuZG8tdGV4dGJveD5cbiAgPGRpdiAqbmdJZj1cInNob3dFcnJvclwiPlxuICAgIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwiZXJyb3JNZXNzYWdlXCIgY2xhc3M9XCJlcnJvci10ZXh0XCIgLz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -13,7 +13,7 @@ import { PopupModule } from '@progress/kendo-angular-popup';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i2 from '@progress/kendo-angular-layout';
 import { LayoutModule } from '@progress/kendo-angular-layout';
-import { userIcon, homeIcon, moreVerticalIcon, chevronDownIcon, chevronUpIcon, trashIcon } from '@progress/kendo-svg-icons';
+import { userIcon, homeIcon, caretAltUpIcon, caretAltDownIcon, moreVerticalIcon, chevronDownIcon, chevronUpIcon, trashIcon } from '@progress/kendo-svg-icons';
 import * as i2$1 from '@progress/kendo-angular-navigation';
 import { NavigationModule } from '@progress/kendo-angular-navigation';
 import * as i2$2 from '@progress/kendo-angular-buttons';
@@ -731,19 +731,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class ExpansionPanelComponent {
     constructor(themesService) {
         this.themesService = themesService;
+        this.collapseIcon = caretAltUpIcon;
+        this.expandIcon = caretAltDownIcon;
         this.title = "Title";
         this.subtitle = "Subtitle2";
         this.data = "some data";
         this.expanded = true;
         this.customHeader = false;
         this.disabled = false;
+        this.expandCollapseAllowed = true;
+        this.action = new EventEmitter();
+    }
+    onAction(e) {
+        if (!this.expandCollapseAllowed) {
+            e?.preventDefault();
+        }
+        this.action.emit(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography\n        [defaultText]=\"title\"\n        type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography\n        [defaultText]=\"subtitle\"\n        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}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled", expandCollapseAllowed: "expandCollapseAllowed" }, outputs: { action: "action" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\">\n  <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}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n  <ng-template kendoExpansionPanelTitleDirective>\n    <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n      <lib-typography\n        [defaultText]=\"title\"\n        type=\"HEADING_SMALL\">\n      </lib-typography>\n      <lib-typography\n        [defaultText]=\"subtitle\"\n        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}\n"] }]
+            args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\" (action)=\"onAction($event)\"\n  [svgCollapseIcon]=\"!expandCollapseAllowed || collapseIcon\" [svgExpandIcon]=\"!expandCollapseAllowed || expandIcon\">\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}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { title: [{
                 type: Input
             }], subtitle: [{
@@ -756,6 +766,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], disabled: [{
                 type: Input
+            }], expandCollapseAllowed: [{
+                type: Input
+            }], action: [{
+                type: Output
             }] } });
 
 class ExpansionPanelModule {
@@ -853,8 +867,9 @@ class DropdownComponent {
     set selectedItem(value) {
         this._selectedItem = value;
     }
-    constructor(themesService) {
+    constructor(themesService, renderer) {
         this.themesService = themesService;
+        this.renderer = renderer;
         this.elementId = "sampleId";
         this.label = "";
         this.data = [];
@@ -864,6 +879,7 @@ class DropdownComponent {
         this.filterable = true;
         this.placeholder = "";
         this.itemDisabled = null;
+        this.popupClass = "";
         this._useAsComboBox = true;
         this._selectedItem = null;
         this.readonly = false;
@@ -880,6 +896,8 @@ class DropdownComponent {
         this.loaderSize = LoaderSize.medium;
         this.loaderTheme = LoaderThemeColor.primary;
         this.width = '100%';
+        this.infiniteScrollLoader = false;
+        this.onScrollEnd = new EventEmitter();
         this._itemDisabled = (item) => {
             if (this.itemDisabled) {
                 return this.itemDisabled(item);
@@ -907,13 +925,27 @@ class DropdownComponent {
     emitModelChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", itemDisabled: "itemDisabled", 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" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span 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\" [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\">\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 *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\"\n        [data]=\"data\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [(ngModel)]=\"model\"\n        (selectionChange)=\"emitModelChange($event)\"\n        [itemDisabled]=\"_itemDisabled\"\n        [style.width]=\"width\"\n        [valuePrimitive]=\"valuePrimitive\"\n        [rounded]=\"rounded\"\n        [size]=\"size\"\n      >\n  </kendo-dropdownlist>\n</span>\n  \n", styles: [".checkbox-label{margin-bottom:8px}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{border-bottom:1px solid #CDD7DD;padding:8px 16px}::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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3$2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$2.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$2.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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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"] }] }); }
+    onScroll(event) {
+        if (event.target.offsetHeight + event.target.scrollTop >=
+            event.target.scrollHeight - 1) {
+            this.onScrollEnd.emit();
+        }
+    }
+    onDropdownOpen() {
+        if (!this.popupClass)
+            return;
+        const dropdownList = this.renderer.selectRootElement(`.${this.popupClass}`, true);
+        if (dropdownList) {
+            dropdownList.addEventListener('scroll', (e) => this.onScroll(e), true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", itemDisabled: "itemDisabled", popupClass: "popupClass", 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" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span 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()\" [data]=\"data\"\n    [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\" [filterable]=\"filterable\"\n    [placeholder]=\"placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\" [suggest]=\"suggest\"\n    [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\" [formControl]=\"control\"\n    [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  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\" [data]=\"data\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [itemDisabled]=\"_itemDisabled\" [style.width]=\"width\"\n    [valuePrimitive]=\"valuePrimitive\" [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\"\n    [popupSettings]=\"{popupClass: popupClass}\">\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-dropdownlist>\n</span>\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{border-bottom:1px solid #CDD7DD;padding:8px 16px}::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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3$2.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$2.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$2.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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-dropdown', template: "<span 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\" [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\">\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 *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\"\n        [data]=\"data\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [(ngModel)]=\"model\"\n        (selectionChange)=\"emitModelChange($event)\"\n        [itemDisabled]=\"_itemDisabled\"\n        [style.width]=\"width\"\n        [valuePrimitive]=\"valuePrimitive\"\n        [rounded]=\"rounded\"\n        [size]=\"size\"\n      >\n  </kendo-dropdownlist>\n</span>\n  \n", styles: [".checkbox-label{margin-bottom:8px}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{border-bottom:1px solid #CDD7DD;padding:8px 16px}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { elementId: [{
+            args: [{ selector: 'lib-dropdown', template: "<span 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()\" [data]=\"data\"\n    [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\" [filterable]=\"filterable\"\n    [placeholder]=\"placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\" [suggest]=\"suggest\"\n    [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n    [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\" [formControl]=\"control\"\n    [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  <kendo-dropdownlist *ngIf=\"!_useAsComboBox\" [data]=\"data\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [itemDisabled]=\"_itemDisabled\" [style.width]=\"width\"\n    [valuePrimitive]=\"valuePrimitive\" [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\"\n    [popupSettings]=\"{popupClass: popupClass}\">\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-dropdownlist>\n</span>\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{border-bottom:1px solid #CDD7DD;padding:8px 16px}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { elementId: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -931,6 +963,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], itemDisabled: [{
                 type: Input
+            }], popupClass: [{
+                type: Input
             }], useAsComboBox: [{
                 type: Input
             }], selectedItem: [{
@@ -971,6 +1005,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], width: [{
                 type: Input
+            }], infiniteScrollLoader: [{
+                type: Input
+            }], onScrollEnd: [{
+                type: Output
             }], comboBox: [{
                 type: ViewChild,
                 args: ['comboBox', { static: false }]
@@ -1590,7 +1628,7 @@ class TextboxComponent {
         this.showPassword = false;
         this.showEyeIcon = false;
         this.clearButton = true;
-        this.placeholder = 'message';
+        this.placeholder = '';
         this.width = '300';
         this.isDisabled = false;
         this.readonly = false;