@progress-chef/platform-shared-components 0.0.75 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  @font-face {
2
2
  font-family: "IconFont";
3
- src: url('IconFont.woff2?t=1724224922744') format('woff2'),
4
- url('IconFont.woff?t=1724224922744') format('woff'),
5
- url('IconFont.ttf?t=1724224922744') format('truetype');
3
+ src: url('IconFont.woff2?t=1725358548849') format('woff2'),
4
+ url('IconFont.woff?t=1725358548849') format('woff'),
5
+ url('IconFont.ttf?t=1725358548849') format('truetype');
6
6
  }
7
7
 
8
8
  .iconfont {
@@ -63,29 +63,33 @@
63
63
  .icon-app-switcher:before { content: "\e92f"; }
64
64
  .icon-courier:before { content: "\e930"; }
65
65
  .icon-org-management:before { content: "\e931"; }
66
- .icon-tenant-management:before { content: "\e932"; }
67
- .icon-download-center:before { content: "\e933"; }
68
- .icon-infra-cookbooks:before { content: "\e934"; }
69
- .icon-infra-roles:before { content: "\e935"; }
70
- .icon-infra-env:before { content: "\e936"; }
71
- .icon-infra-data-bags:before { content: "\e937"; }
72
- .icon-infra-clients:before { content: "\e938"; }
73
- .icon-infra-policy-groups:before { content: "\e939"; }
74
- .icon-user-management:before { content: "\e93a"; }
75
- .icon-om-linked-system:before { content: "\e93b"; }
76
- .icon-tm-infra-server:before { content: "\e93c"; }
77
- .icon-tm-org-units:before { content: "\e93d"; }
78
- .icon-nm-node-collection:before { content: "\e93e"; }
79
- .icon-nm-node-view:before { content: "\e93f"; }
80
- .icon-courier-job-instances:before { content: "\e940"; }
81
- .icon-courier-global-exceptions:before { content: "\e941"; }
82
- .icon-courier-jobs:before { content: "\e942"; }
83
- .icon-nm-discovery:before { content: "\e943"; }
84
- .icon-nm-enrolment:before { content: "\e944"; }
85
- .icon-play-filled:before { content: "\e945"; }
86
- .icon-node-management:before { content: "\e946"; }
87
- .icon-infra-server-management:before { content: "\e947"; }
88
- .icon-laptop:before { content: "\e948"; }
66
+ .icon-download-center:before { content: "\e932"; }
67
+ .icon-infra-cookbooks:before { content: "\e933"; }
68
+ .icon-infra-roles:before { content: "\e934"; }
69
+ .icon-infra-env:before { content: "\e935"; }
70
+ .icon-infra-data-bags:before { content: "\e936"; }
71
+ .icon-infra-clients:before { content: "\e937"; }
72
+ .icon-infra-policy-groups:before { content: "\e938"; }
73
+ .icon-user-management:before { content: "\e939"; }
74
+ .icon-om-linked-system:before { content: "\e93a"; }
75
+ .icon-tm-infra-server:before { content: "\e93b"; }
76
+ .icon-tm-org-units:before { content: "\e93c"; }
77
+ .icon-nm-node-collection:before { content: "\e93d"; }
78
+ .icon-nm-node-view:before { content: "\e93e"; }
79
+ .icon-courier-job-instances:before { content: "\e93f"; }
80
+ .icon-courier-global-exceptions:before { content: "\e940"; }
81
+ .icon-courier-jobs:before { content: "\e941"; }
82
+ .icon-nm-discovery:before { content: "\e942"; }
83
+ .icon-nm-enrolment:before { content: "\e943"; }
84
+ .icon-play-filled:before { content: "\e944"; }
85
+ .icon-node-management:before { content: "\e945"; }
86
+ .icon-infra-server-management:before { content: "\e946"; }
87
+ .icon-laptop:before { content: "\e947"; }
88
+ .icon-tenant-management:before { content: "\e948"; }
89
+ .icon-nm-agent:before { content: "\e949"; }
90
+ .icon-skill-definition:before { content: "\e94a"; }
91
+ .icon-node-cohort:before { content: "\e94b"; }
92
+ .icon-skill-assembly:before { content: "\e94c"; }
89
93
 
90
94
 
91
95
  /**
@@ -1,8 +1,8 @@
1
1
  @font-face {
2
2
  font-family: "IconFont";
3
- src: url('IconFont.woff2?t=1724224922744') format('woff2'),
4
- url('IconFont.woff?t=1724224922744') format('woff'),
5
- url('IconFont.ttf?t=1724224922744') format('truetype');
3
+ src: url('IconFont.woff2?t=1725358548849') format('woff2'),
4
+ url('IconFont.woff?t=1725358548849') format('woff'),
5
+ url('IconFont.ttf?t=1725358548849') format('truetype');
6
6
  }
7
7
 
8
8
  .iconfont {
@@ -63,29 +63,33 @@
63
63
  .icon-app-switcher:before { content: "\e92f"; }
64
64
  .icon-courier:before { content: "\e930"; }
65
65
  .icon-org-management:before { content: "\e931"; }
66
- .icon-tenant-management:before { content: "\e932"; }
67
- .icon-download-center:before { content: "\e933"; }
68
- .icon-infra-cookbooks:before { content: "\e934"; }
69
- .icon-infra-roles:before { content: "\e935"; }
70
- .icon-infra-env:before { content: "\e936"; }
71
- .icon-infra-data-bags:before { content: "\e937"; }
72
- .icon-infra-clients:before { content: "\e938"; }
73
- .icon-infra-policy-groups:before { content: "\e939"; }
74
- .icon-user-management:before { content: "\e93a"; }
75
- .icon-om-linked-system:before { content: "\e93b"; }
76
- .icon-tm-infra-server:before { content: "\e93c"; }
77
- .icon-tm-org-units:before { content: "\e93d"; }
78
- .icon-nm-node-collection:before { content: "\e93e"; }
79
- .icon-nm-node-view:before { content: "\e93f"; }
80
- .icon-courier-job-instances:before { content: "\e940"; }
81
- .icon-courier-global-exceptions:before { content: "\e941"; }
82
- .icon-courier-jobs:before { content: "\e942"; }
83
- .icon-nm-discovery:before { content: "\e943"; }
84
- .icon-nm-enrolment:before { content: "\e944"; }
85
- .icon-play-filled:before { content: "\e945"; }
86
- .icon-node-management:before { content: "\e946"; }
87
- .icon-infra-server-management:before { content: "\e947"; }
88
- .icon-laptop:before { content: "\e948"; }
66
+ .icon-download-center:before { content: "\e932"; }
67
+ .icon-infra-cookbooks:before { content: "\e933"; }
68
+ .icon-infra-roles:before { content: "\e934"; }
69
+ .icon-infra-env:before { content: "\e935"; }
70
+ .icon-infra-data-bags:before { content: "\e936"; }
71
+ .icon-infra-clients:before { content: "\e937"; }
72
+ .icon-infra-policy-groups:before { content: "\e938"; }
73
+ .icon-user-management:before { content: "\e939"; }
74
+ .icon-om-linked-system:before { content: "\e93a"; }
75
+ .icon-tm-infra-server:before { content: "\e93b"; }
76
+ .icon-tm-org-units:before { content: "\e93c"; }
77
+ .icon-nm-node-collection:before { content: "\e93d"; }
78
+ .icon-nm-node-view:before { content: "\e93e"; }
79
+ .icon-courier-job-instances:before { content: "\e93f"; }
80
+ .icon-courier-global-exceptions:before { content: "\e940"; }
81
+ .icon-courier-jobs:before { content: "\e941"; }
82
+ .icon-nm-discovery:before { content: "\e942"; }
83
+ .icon-nm-enrolment:before { content: "\e943"; }
84
+ .icon-play-filled:before { content: "\e944"; }
85
+ .icon-node-management:before { content: "\e945"; }
86
+ .icon-infra-server-management:before { content: "\e946"; }
87
+ .icon-laptop:before { content: "\e947"; }
88
+ .icon-tenant-management:before { content: "\e948"; }
89
+ .icon-nm-agent:before { content: "\e949"; }
90
+ .icon-skill-definition:before { content: "\e94a"; }
91
+ .icon-node-cohort:before { content: "\e94b"; }
92
+ .icon-skill-assembly:before { content: "\e94c"; }
89
93
 
90
94
 
91
95
  /**
Binary file
Binary file
Binary file
@@ -1,6 +1,6 @@
1
- import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
1
+ import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
2
2
  import { FormControl } from '@angular/forms';
3
- import { LoaderSize, LoaderType, LoaderThemeColor } from '../loader/loader.component';
3
+ import { LoaderSize, LoaderType, LoaderThemeColor, } from '../loader/loader.component';
4
4
  import * as i0 from "@angular/core";
5
5
  import * as i1 from "@progress-chef/platform-themes-service";
6
6
  import * as i2 from "@angular/common";
@@ -15,8 +15,9 @@ export class DropdownComponent {
15
15
  set selectedItem(value) {
16
16
  this._selectedItem = value;
17
17
  }
18
- constructor(themesService) {
18
+ constructor(themesService, renderer) {
19
19
  this.themesService = themesService;
20
+ this.renderer = renderer;
20
21
  this.elementId = "sampleId";
21
22
  this.label = "";
22
23
  this.data = [];
@@ -26,6 +27,7 @@ export class DropdownComponent {
26
27
  this.filterable = true;
27
28
  this.placeholder = "";
28
29
  this.itemDisabled = null;
30
+ this.popupClass = "";
29
31
  this._useAsComboBox = true;
30
32
  this._selectedItem = null;
31
33
  this.readonly = false;
@@ -42,6 +44,8 @@ export class DropdownComponent {
42
44
  this.loaderSize = LoaderSize.medium;
43
45
  this.loaderTheme = LoaderThemeColor.primary;
44
46
  this.width = '100%';
47
+ this.infiniteScrollLoader = false;
48
+ this.onScrollEnd = new EventEmitter();
45
49
  this._itemDisabled = (item) => {
46
50
  if (this.itemDisabled) {
47
51
  return this.itemDisabled(item);
@@ -69,13 +73,27 @@ export class DropdownComponent {
69
73
  emitModelChange(ev) {
70
74
  this.modelChange.emit(ev);
71
75
  }
72
- 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 }); }
73
- 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"] }] }); }
76
+ onScroll(event) {
77
+ if (event.target.offsetHeight + event.target.scrollTop >=
78
+ event.target.scrollHeight - 1) {
79
+ this.onScrollEnd.emit();
80
+ }
81
+ }
82
+ onDropdownOpen() {
83
+ if (!this.popupClass)
84
+ return;
85
+ const dropdownList = this.renderer.selectRootElement(`.${this.popupClass}`, true);
86
+ if (dropdownList) {
87
+ dropdownList.addEventListener('scroll', (e) => this.onScroll(e), true);
88
+ }
89
+ }
90
+ 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 }); }
91
+ 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"] }] }); }
74
92
  }
75
93
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
76
94
  type: Component,
77
- 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"] }]
78
- }], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { elementId: [{
95
+ 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"] }]
96
+ }], ctorParameters: function () { return [{ type: i1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { elementId: [{
79
97
  type: Input
80
98
  }], label: [{
81
99
  type: Input
@@ -93,6 +111,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
93
111
  type: Input
94
112
  }], itemDisabled: [{
95
113
  type: Input
114
+ }], popupClass: [{
115
+ type: Input
96
116
  }], useAsComboBox: [{
97
117
  type: Input
98
118
  }], selectedItem: [{
@@ -133,8 +153,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
133
153
  type: Input
134
154
  }], width: [{
135
155
  type: Input
156
+ }], infiniteScrollLoader: [{
157
+ type: Input
158
+ }], onScrollEnd: [{
159
+ type: Output
136
160
  }], comboBox: [{
137
161
  type: ViewChild,
138
162
  args: ['comboBox', { static: false }]
139
163
  }] } });
140
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzSCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFJN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7Ozs7QUFPdEYsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixJQUFhLGFBQWEsQ0FBQyxLQUFhO1FBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFHRCxJQUFhLFlBQVksQ0FBQyxLQUFTO1FBQ2pDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFzQkQsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUF4Q3RDLGNBQVMsR0FBVyxVQUFVLENBQUM7UUFDL0IsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixTQUFJLEdBQWUsRUFBRSxDQUFDO1FBQ3RCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsYUFBUSxHQUEwQyxPQUFPLENBQUM7UUFDMUQsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixpQkFBWSxHQUFRLElB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O2dCQUtDLFFBQVE7c0JBRGQsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFR5cG9ncmFwaHlUeXBlIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS9UeXBvZ3JhcGh5VHlwZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuaW1wb3J0IHsgQ29tYm9Cb3hDb21wb25lbnQgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1kcm9wZG93bnMnO1xuaW1wb3J0IHsgTG9hZGVyU2l6ZSwgTG9hZGVyVHlwZSwgTG9hZGVyVGhlbWVDb2xvciB9IGZyb20gJy4uL2xvYWRlci9sb2FkZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQElucHV0KCkgZWxlbWVudElkOiBzdHJpbmcgPSBcInNhbXBsZUlkXCI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBkYXRhOiBBcnJheTxhbnk+ID0gW107XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xlYXJCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZmlsbE1vZGU6IFwiZmxhdFwiIHwgXCJzb2xpZFwiIHwgXCJvdXRsaW5lXCIgfCBcIm5vbmVcIiA9IFwic29saWRcIjtcbiAgQElucHV0KCkgZmlsdGVyYWJsZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBpdGVtRGlzYWJsZWQ6IGFueSA9IG51bGw7XG5cbiAgX3VzZUFzQ29tYm9Cb3g6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzZXQgdXNlQXNDb21ib0JveCh2YWx1ZTpib29sZWFuKSB7XG4gICAgdGhpcy5fdXNlQXNDb21ib0JveCA9IHZhbHVlO1xuICB9XG5cbiAgX3NlbGVjdGVkSXRlbTogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgc2V0IHNlbGVjdGVkSXRlbSh2YWx1ZTphbnkpIHtcbiAgICB0aGlzLl9zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IFwic21hbGxcIiB8IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgfCBcImZ1bGxcIiB8IFwibm9uZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgc2l6ZTogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiB8IFwibm9uZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgc3VnZ2VzdDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHRleHRGaWVsZCE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWUhOiBhbnk7XG4gIEBJbnB1dCgpIHZhbHVlRmllbGQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlUHJpbWl0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1vZGVsITogYW55O1xuICBAT3V0cHV0KCkgbW9kZWxDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQElucHV0KCkgY29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgQElucHV0KCkgZm9udFR5cGU6IFR5cG9ncmFwaHlUeXBlID0gJ0JPRFlfTUVESVVNJztcbiAgQElucHV0KCkgZm9jdXM6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkZXJUeXBlOiBMb2FkZXJUeXBlID0gTG9hZGVyVHlwZS5wdWxzaW5nO1xuICBASW5wdXQoKSBsb2FkZXJTaXplOiBMb2FkZXJTaXplID0gTG9hZGVyU2l6ZS5tZWRpdW07XG4gIEBJbnB1dCgpIGxvYWRlclRoZW1lOiBMb2FkZXJUaGVtZUNvbG9yID0gTG9hZGVyVGhlbWVDb2xvci5wcmltYXJ5O1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzEwMCUnO1xuXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOlRoZW1lc1NlcnZpY2UpIHsgfVxuICBAVmlld0NoaWxkKCdjb21ib0JveCcsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBwdWJsaWMgY29tYm9Cb3ghOiBDb21ib0JveENvbXBvbmVudDtcblxuICBfaXRlbURpc2FibGVkID0gKGl0ZW06IGFueSkgPT4ge1xuICAgIGlmKHRoaXMuaXRlbURpc2FibGVkKSB7XG4gICAgICByZXR1cm4gdGhpcy5pdGVtRGlzYWJsZWQoaXRlbSk7XG4gICAgfWVsc2Uge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgfVxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKXtcbiAgICBpZihjaGFuZ2VzWydpc0Rpc2FibGVkJ10pIHtcbiAgICAgIGlmKGNoYW5nZXNbJ2lzRGlzYWJsZWQnXT8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgIHRoaXMuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNvbnRyb2wuZW5hYmxlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmKHRoaXMuZm9jdXMpIHtcbiAgICAgIHRoaXMuY29tYm9Cb3guZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBlbWl0TW9kZWxDaGFuZ2UoZXY6IGFueSkge1xuICAgIHRoaXMubW9kZWxDaGFuZ2UuZW1pdChldik7XG4gIH1cblxufVxuIiwiPHNwYW4gY2xhc3M9XCJkcm9wZG93blwiPlxuICA8c3BhbiAqbmdJZj1cImxhYmVsLmxlbmd0aCA+IDBcIj5cbiAgICA8bGFiZWwgY2xhc3M9XCJjaGVja2JveC1sYWJlbFwiIFtmb3JdPVwiZWxlbWVudElkXCI+XG4gICAgICA8bGliLXR5cG9ncmFwaHkgW2RlZmF1bHRUZXh0XT1cImxhYmVsXCIgW3R5cGVdPVwiZm9udFR5cGVcIj5cbiAgICAgIDwvbGliLXR5cG9ncmFwaHk+XG4gICAgPC9sYWJlbD5cbiAgICAmbmJzcDtcbiAgPC9zcGFuPlxuICA8a2VuZG8tY29tYm9ib3ggKm5nSWY9XCJfdXNlQXNDb21ib0JveFwiICNjb21ib0JveCBbaWRdPVwiZWxlbWVudElkXCIgW2RhdGFdPVwiZGF0YVwiIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiIFtjbGVhckJ1dHRvbl09XCJjbGVhckJ1dHRvblwiIGZpbGxNb2RlPVwib3V0bGluZVwiXG4gICAgW2ZpbHRlcmFibGVdPVwiZmlsdGVyYWJsZVwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIHJvdW5kZWQ9XCJzbWFsbFwiIFtzaXplXT1cInNpemVcIlxuICAgIFtzdWdnZXN0XT1cInN1Z2dlc3RcIiBbdGV4dEZpZWxkXT1cInRleHRGaWVsZFwiIFt2YWx1ZV09XCJ2YWx1ZVwiIFt2YWx1ZUZpZWxkXT1cInZhbHVlRmllbGRcIlxuICAgIFt2YWx1ZVByaW1pdGl2ZV09XCJ2YWx1ZVByaW1pdGl2ZVwiIFtuZ01vZGVsXT1cIm1vZGVsXCIgKG5nTW9kZWxDaGFuZ2UpPVwiZW1pdE1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCI+XG4gICAgPG5nLXRlbXBsYXRlIGtlbmRvQ29tYm9Cb3hIZWFkZXJUZW1wbGF0ZT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0NvbWJvQm94SXRlbVRlbXBsYXRlIGxldC1kYXRhPlxuICAgICAgPGltZyAqbmdJZj1cImRhdGEuaW1hZ2VVcmwgJiYgZGF0YS5pbWFnZVVybC5sZW5ndGggPiAwXCIgW3NyY109XCJkYXRhLmltYWdlVXJsXCIgW3dpZHRoXT1cIjE4XCIgW2FsdF09XCJkYXRhLmltYWdlVXJsXCIgLz5cbiAgICAgIDxkaXYgbmdDbGFzcz1cImRhdGEuaW1hZ2VVcmwubGVuZ3RoID4gMCA/ICdyb3dEYXRhJyA6ICcnXCI+XG4gICAgICAgIDxsaWItdHlwb2dyYXBoeSBbZGVmYXVsdFRleHRdPVwiZGF0YS5uYW1lXCIgW3R5cGVdPVwiZm9udFR5cGVcIj5cbiAgICAgICAgPC9saWItdHlwb2dyYXBoeT5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwibG9hZGluZ1wiIGtlbmRvQ29tYm9Cb3hOb0RhdGFUZW1wbGF0ZT5cbiAgICAgIDxsaWItbG9hZGVyIFt0eXBlXT1cImxvYWRlclR5cGVcIiBbc2l6ZV09XCJsb2FkZXJTaXplXCIgW3RoZW1lQ29sb3JdPVwibG9hZGVyVGhlbWVcIj48L2xpYi1sb2FkZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9rZW5kby1jb21ib2JveD5cbiAgPGtlbmRvLWRyb3Bkb3dubGlzdCAqbmdJZj1cIiFfdXNlQXNDb21ib0JveFwiXG4gICAgICAgIFtkYXRhXT1cImRhdGFcIlxuICAgICAgICBbdGV4dEZpZWxkXT1cInRleHRGaWVsZFwiXG4gICAgICAgIFt2YWx1ZUZpZWxkXT1cInZhbHVlRmllbGRcIlxuICAgICAgICBbKG5nTW9kZWwpXT1cIm1vZGVsXCJcbiAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJlbWl0TW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIFtpdGVtRGlzYWJsZWRdPVwiX2l0ZW1EaXNhYmxlZFwiXG4gICAgICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgICAgIFt2YWx1ZVByaW1pdGl2ZV09XCJ2YWx1ZVByaW1pdGl2ZVwiXG4gICAgICAgIFtyb3VuZGVkXT1cInJvdW5kZWRcIlxuICAgICAgICBbc2l6ZV09XCJzaXplXCJcbiAgICAgID5cbiAgPC9rZW5kby1kcm9wZG93bmxpc3Q+XG48L3NwYW4+XG4gIFxuIl19
164
+ //# 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==
@@ -853,8 +853,9 @@ class DropdownComponent {
853
853
  set selectedItem(value) {
854
854
  this._selectedItem = value;
855
855
  }
856
- constructor(themesService) {
856
+ constructor(themesService, renderer) {
857
857
  this.themesService = themesService;
858
+ this.renderer = renderer;
858
859
  this.elementId = "sampleId";
859
860
  this.label = "";
860
861
  this.data = [];
@@ -864,6 +865,7 @@ class DropdownComponent {
864
865
  this.filterable = true;
865
866
  this.placeholder = "";
866
867
  this.itemDisabled = null;
868
+ this.popupClass = "";
867
869
  this._useAsComboBox = true;
868
870
  this._selectedItem = null;
869
871
  this.readonly = false;
@@ -880,6 +882,8 @@ class DropdownComponent {
880
882
  this.loaderSize = LoaderSize.medium;
881
883
  this.loaderTheme = LoaderThemeColor.primary;
882
884
  this.width = '100%';
885
+ this.infiniteScrollLoader = false;
886
+ this.onScrollEnd = new EventEmitter();
883
887
  this._itemDisabled = (item) => {
884
888
  if (this.itemDisabled) {
885
889
  return this.itemDisabled(item);
@@ -907,13 +911,27 @@ class DropdownComponent {
907
911
  emitModelChange(ev) {
908
912
  this.modelChange.emit(ev);
909
913
  }
910
- 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 }); }
911
- 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"] }] }); }
914
+ onScroll(event) {
915
+ if (event.target.offsetHeight + event.target.scrollTop >=
916
+ event.target.scrollHeight - 1) {
917
+ this.onScrollEnd.emit();
918
+ }
919
+ }
920
+ onDropdownOpen() {
921
+ if (!this.popupClass)
922
+ return;
923
+ const dropdownList = this.renderer.selectRootElement(`.${this.popupClass}`, true);
924
+ if (dropdownList) {
925
+ dropdownList.addEventListener('scroll', (e) => this.onScroll(e), true);
926
+ }
927
+ }
928
+ 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 }); }
929
+ 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"] }] }); }
912
930
  }
913
931
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
914
932
  type: Component,
915
- 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"] }]
916
- }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { elementId: [{
933
+ 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"] }]
934
+ }], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { elementId: [{
917
935
  type: Input
918
936
  }], label: [{
919
937
  type: Input
@@ -931,6 +949,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
931
949
  type: Input
932
950
  }], itemDisabled: [{
933
951
  type: Input
952
+ }], popupClass: [{
953
+ type: Input
934
954
  }], useAsComboBox: [{
935
955
  type: Input
936
956
  }], selectedItem: [{
@@ -971,6 +991,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
971
991
  type: Input
972
992
  }], width: [{
973
993
  type: Input
994
+ }], infiniteScrollLoader: [{
995
+ type: Input
996
+ }], onScrollEnd: [{
997
+ type: Output
974
998
  }], comboBox: [{
975
999
  type: ViewChild,
976
1000
  args: ['comboBox', { static: false }]