@progress/kendo-angular-dropdowns 14.0.0-develop.1 → 14.0.0-develop.10

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.
@@ -67,6 +67,14 @@ export declare class ComboBoxComponent implements ControlValueAccessor, AfterVie
67
67
  protected cdr: ChangeDetectorRef;
68
68
  protected renderer: Renderer2;
69
69
  protected touchEnabled: boolean;
70
+ /**
71
+ * @hidden
72
+ */
73
+ icon: string;
74
+ /**
75
+ * @hidden
76
+ */
77
+ svgIcon: SVGIcon;
70
78
  /**
71
79
  * @hidden
72
80
  */
@@ -251,10 +259,6 @@ export declare class ComboBoxComponent implements ControlValueAccessor, AfterVie
251
259
  set listHeight(_listHeight: number);
252
260
  get listHeight(): number;
253
261
  private _listHeight;
254
- /**
255
- * @hidden
256
- */
257
- iconClass: string;
258
262
  /**
259
263
  * Sets and gets the loading state of the ComboBox.
260
264
  */
@@ -529,10 +533,6 @@ export declare class ComboBoxComponent implements ControlValueAccessor, AfterVie
529
533
  * @hidden
530
534
  */
531
535
  setDisabledState(isDisabled: boolean): void;
532
- /**
533
- * @hidden
534
- */
535
- get buttonClasses(): any;
536
536
  /**
537
537
  * @hidden
538
538
  */
@@ -623,5 +623,5 @@ export declare class ComboBoxComponent implements ControlValueAccessor, AfterVie
623
623
  private closeActionSheet;
624
624
  private openActionSheet;
625
625
  static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
626
- static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "kendo-combobox", ["kendoComboBox"], { "showStickyHeader": "showStickyHeader"; "focusableId": "focusableId"; "allowCustom": "allowCustom"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valuePrimitive": "valuePrimitive"; "valueNormalizer": "valueNormalizer"; "placeholder": "placeholder"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "iconClass": "iconClass"; "loading": "loading"; "suggest": "suggest"; "clearButton": "clearButton"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "filterable": "filterable"; "virtual": "virtual"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate"], never>;
626
+ static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "kendo-combobox", ["kendoComboBox"], { "icon": "icon"; "svgIcon": "svgIcon"; "showStickyHeader": "showStickyHeader"; "focusableId": "focusableId"; "allowCustom": "allowCustom"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valuePrimitive": "valuePrimitive"; "valueNormalizer": "valueNormalizer"; "placeholder": "placeholder"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "loading": "loading"; "suggest": "suggest"; "clearButton": "clearButton"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "filterable": "filterable"; "virtual": "virtual"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate"], never>;
627
627
  }
@@ -83,7 +83,11 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
83
83
  /**
84
84
  * @hidden
85
85
  */
86
- caretAltDownIcon: SVGIcon;
86
+ caretAltDownSVGIcon: SVGIcon;
87
+ /**
88
+ * @hidden
89
+ */
90
+ customIconClass: string;
87
91
  /**
88
92
  * @hidden
89
93
  */
@@ -120,7 +124,11 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
120
124
  /**
121
125
  * @hidden
122
126
  */
123
- iconClass: string;
127
+ icon: string;
128
+ /**
129
+ * @hidden
130
+ */
131
+ svgIcon: SVGIcon;
124
132
  /**
125
133
  * Sets and gets the loading state of the DropDownList.
126
134
  */
@@ -520,10 +528,6 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
520
528
  * @hidden
521
529
  */
522
530
  setDisabledState(isDisabled: boolean): void;
523
- /**
524
- * @hidden
525
- */
526
- get buttonClasses(): any;
527
531
  /**
528
532
  * @hidden
529
533
  */
@@ -604,5 +608,5 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
604
608
  private closeActionSheet;
605
609
  private openActionSheet;
606
610
  static ɵfac: i0.ɵɵFactoryDeclaration<DropDownListComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
607
- static ɵcmp: i0.ɵɵComponentDeclaration<DropDownListComponent, "kendo-dropdownlist", ["kendoDropDownList"], { "showStickyHeader": "showStickyHeader"; "iconClass": "iconClass"; "loading": "loading"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "defaultItem": "defaultItem"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "filterable": "filterable"; "virtual": "virtual"; "ignoreCase": "ignoreCase"; "delay": "delay"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "leftRightArrowsNavigation": "leftRightArrowsNavigation"; "focusableId": "id"; }, { "valueChange": "valueChange"; "filterChange": "filterChange"; "selectionChange": "selectionChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate", "groupTemplate", "fixedGroupTemplate", "valueTemplate", "headerTemplate", "footerTemplate", "noDataTemplate"], never>;
611
+ static ɵcmp: i0.ɵɵComponentDeclaration<DropDownListComponent, "kendo-dropdownlist", ["kendoDropDownList"], { "customIconClass": "customIconClass"; "showStickyHeader": "showStickyHeader"; "icon": "icon"; "svgIcon": "svgIcon"; "loading": "loading"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "defaultItem": "defaultItem"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "filterable": "filterable"; "virtual": "virtual"; "ignoreCase": "ignoreCase"; "delay": "delay"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "leftRightArrowsNavigation": "leftRightArrowsNavigation"; "focusableId": "id"; }, { "valueChange": "valueChange"; "filterChange": "filterChange"; "selectionChange": "selectionChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate", "groupTemplate", "fixedGroupTemplate", "valueTemplate", "headerTemplate", "footerTemplate", "noDataTemplate"], never>;
608
612
  }
@@ -39,6 +39,14 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
39
39
  private cdr;
40
40
  private localization;
41
41
  touchEnabled: boolean;
42
+ /**
43
+ * @hidden
44
+ */
45
+ icon: string;
46
+ /**
47
+ * @hidden
48
+ */
49
+ svgIcon: SVGIcon;
42
50
  /**
43
51
  * @hidden
44
52
  */
@@ -623,5 +631,5 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
623
631
  private closeActionSheet;
624
632
  private openActionSheet;
625
633
  static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeComponent, [null, null, null, null, null, null, null, null, { optional: true; }]>;
626
- static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "kendo-dropdowntree", ["kendoDropDownTree"], { "loading": "loading"; "clearButton": "clearButton"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "dataItem": "dataItem"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "itemDisabled": "itemDisabled"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "focusableId": "focusableId"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; "filterChange": "filterChange"; }, ["noDataTemplate", "headerTemplate", "footerTemplate", "nodeTemplate", "valueTemplate"], never>;
634
+ static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "kendo-dropdowntree", ["kendoDropDownTree"], { "icon": "icon"; "svgIcon": "svgIcon"; "loading": "loading"; "clearButton": "clearButton"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "dataItem": "dataItem"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "itemDisabled": "itemDisabled"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "focusableId": "focusableId"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; "filterChange": "filterChange"; }, ["noDataTemplate", "headerTemplate", "footerTemplate", "nodeTemplate", "valueTemplate"], never>;
627
635
  }
@@ -900,12 +900,6 @@ export class ComboBoxComponent {
900
900
  setDisabledState(isDisabled) {
901
901
  this.disabled = isDisabled;
902
902
  }
903
- /**
904
- * @hidden
905
- */
906
- get buttonClasses() {
907
- return this.iconClass;
908
- }
909
903
  /**
910
904
  * @hidden
911
905
  */
@@ -1458,7 +1452,7 @@ export class ComboBoxComponent {
1458
1452
  }
1459
1453
  }
1460
1454
  ComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ComboBoxComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1461
- ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", iconClass: "iconClass", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
1455
+ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { icon: "icon", svgIcon: "svgIcon", showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
1462
1456
  COMBOBOX_VALUE_ACCESSOR,
1463
1457
  DataService,
1464
1458
  SelectionService,
@@ -1542,13 +1536,11 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
1542
1536
  }"
1543
1537
  >
1544
1538
  <kendo-icon-wrapper
1545
- *ngIf="!iconClass"
1546
- name="caret-alt-down"
1539
+ [name]="icon || 'caret-alt-down'"
1547
1540
  innerCssClass="k-button-icon"
1548
- [svgIcon]="caretAltDownIcon"
1541
+ [svgIcon]="svgIcon || caretAltDownIcon"
1549
1542
  >
1550
1543
  </kendo-icon-wrapper>
1551
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1552
1544
  </button>
1553
1545
  <ng-template #popupTemplate>
1554
1546
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -1705,13 +1697,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1705
1697
  }"
1706
1698
  >
1707
1699
  <kendo-icon-wrapper
1708
- *ngIf="!iconClass"
1709
- name="caret-alt-down"
1700
+ [name]="icon || 'caret-alt-down'"
1710
1701
  innerCssClass="k-button-icon"
1711
- [svgIcon]="caretAltDownIcon"
1702
+ [svgIcon]="svgIcon || caretAltDownIcon"
1712
1703
  >
1713
1704
  </kendo-icon-wrapper>
1714
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1715
1705
  </button>
1716
1706
  <ng-template #popupTemplate>
1717
1707
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -1784,7 +1774,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1784
1774
  }, {
1785
1775
  type: Inject,
1786
1776
  args: [TOUCH_ENABLED]
1787
- }] }]; }, propDecorators: { responsiveRendererComponent: [{
1777
+ }] }]; }, propDecorators: { icon: [{
1778
+ type: Input
1779
+ }], svgIcon: [{
1780
+ type: Input
1781
+ }], responsiveRendererComponent: [{
1788
1782
  type: ViewChild,
1789
1783
  args: [ResponsiveRendererComponent]
1790
1784
  }], showStickyHeader: [{
@@ -1817,8 +1811,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1817
1811
  type: Input
1818
1812
  }], listHeight: [{
1819
1813
  type: Input
1820
- }], iconClass: [{
1821
- type: Input
1822
1814
  }], loading: [{
1823
1815
  type: Input
1824
1816
  }], suggest: [{
@@ -255,13 +255,11 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
255
255
  }"
256
256
  >
257
257
  <kendo-icon-wrapper
258
- *ngIf="!iconClass"
259
- name="caret-alt-down"
258
+ [name]="icon || 'caret-alt-down'"
260
259
  innerCssClass="k-button-icon"
261
- [svgIcon]="caretAltDownIcon"
260
+ [svgIcon]="svgIcon || caretAltDownIcon"
262
261
  >
263
262
  </kendo-icon-wrapper>
264
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
265
263
  </button>
266
264
 
267
265
  <ng-template #popupTemplate>
@@ -515,13 +513,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
515
513
  }"
516
514
  >
517
515
  <kendo-icon-wrapper
518
- *ngIf="!iconClass"
519
- name="caret-alt-down"
516
+ [name]="icon || 'caret-alt-down'"
520
517
  innerCssClass="k-button-icon"
521
- [svgIcon]="caretAltDownIcon"
518
+ [svgIcon]="svgIcon || caretAltDownIcon"
522
519
  >
523
520
  </kendo-icon-wrapper>
524
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
525
521
  </button>
526
522
 
527
523
  <ng-template #popupTemplate>
@@ -63,7 +63,7 @@ export const resolveValuesInArray = (values, data = [], valueField) => values
63
63
  * @hidden
64
64
  */
65
65
  export const validateComplexValues = (values, valueField) => isArray(values) && values.filter(item => {
66
- return isObject(item) && isPresent(getter(item, valueField));
66
+ return isObject(item) && getter(item, valueField) !== undefined;
67
67
  });
68
68
  /**
69
69
  * @hidden
@@ -107,7 +107,7 @@ export class DropDownListComponent {
107
107
  /**
108
108
  * @hidden
109
109
  */
110
- this.caretAltDownIcon = caretAltDownIcon;
110
+ this.caretAltDownSVGIcon = caretAltDownIcon;
111
111
  this.listBoxId = `k-${guid()}`;
112
112
  /**
113
113
  * Shows or hides the current group sticky header when using grouped data.
@@ -865,12 +865,6 @@ export class DropDownListComponent {
865
865
  setDisabledState(isDisabled) {
866
866
  this.disabled = isDisabled;
867
867
  }
868
- /**
869
- * @hidden
870
- */
871
- get buttonClasses() {
872
- return this.iconClass;
873
- }
874
868
  /**
875
869
  * @hidden
876
870
  */
@@ -1395,7 +1389,7 @@ export class DropDownListComponent {
1395
1389
  }
1396
1390
  }
1397
1391
  DropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropDownListComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: TOUCH_ENABLED, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
1398
- DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { showStickyHeader: "showStickyHeader", iconClass: "iconClass", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "attr.aria-controls": "this.ariaControls", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
1392
+ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { customIconClass: "customIconClass", showStickyHeader: "showStickyHeader", icon: "icon", svgIcon: "svgIcon", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "attr.aria-controls": "this.ariaControls", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
1399
1393
  DROPDOWNLIST_VALUE_ACCESSOR,
1400
1394
  DataService,
1401
1395
  SelectionService,
@@ -1451,14 +1445,14 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1451
1445
  }"
1452
1446
  >
1453
1447
  <kendo-icon-wrapper
1454
- *ngIf="!loading && !iconClass"
1448
+ *ngIf="!loading"
1455
1449
  unselectable="on"
1456
- name="caret-alt-down"
1450
+ [name]="icon || 'caret-alt-down'"
1457
1451
  innerCssClass="k-button-icon"
1458
- [svgIcon]="caretAltDownIcon"
1452
+ [customFontClass]="customIconClass"
1453
+ [svgIcon]="svgIcon || caretAltDownSVGIcon"
1459
1454
  >
1460
1455
  </kendo-icon-wrapper>
1461
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1462
1456
  </button>
1463
1457
  <ng-template #popupTemplate>
1464
1458
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -1645,14 +1639,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1645
1639
  }"
1646
1640
  >
1647
1641
  <kendo-icon-wrapper
1648
- *ngIf="!loading && !iconClass"
1642
+ *ngIf="!loading"
1649
1643
  unselectable="on"
1650
- name="caret-alt-down"
1644
+ [name]="icon || 'caret-alt-down'"
1651
1645
  innerCssClass="k-button-icon"
1652
- [svgIcon]="caretAltDownIcon"
1646
+ [customFontClass]="customIconClass"
1647
+ [svgIcon]="svgIcon || caretAltDownSVGIcon"
1653
1648
  >
1654
1649
  </kendo-icon-wrapper>
1655
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1656
1650
  </button>
1657
1651
  <ng-template #popupTemplate>
1658
1652
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -1783,7 +1777,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1783
1777
  }, {
1784
1778
  type: Inject,
1785
1779
  args: [TOUCH_ENABLED]
1786
- }] }, { type: i0.Injector }]; }, propDecorators: { responsiveRendererComponent: [{
1780
+ }] }, { type: i0.Injector }]; }, propDecorators: { customIconClass: [{
1781
+ type: Input
1782
+ }], responsiveRendererComponent: [{
1787
1783
  type: ViewChild,
1788
1784
  args: [ResponsiveRendererComponent]
1789
1785
  }], ariaControls: [{
@@ -1791,7 +1787,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1791
1787
  args: ['attr.aria-controls']
1792
1788
  }], showStickyHeader: [{
1793
1789
  type: Input
1794
- }], iconClass: [{
1790
+ }], icon: [{
1791
+ type: Input
1792
+ }], svgIcon: [{
1795
1793
  type: Input
1796
1794
  }], loading: [{
1797
1795
  type: Input
@@ -1233,7 +1233,7 @@ export class DropDownTreeComponent {
1233
1233
  }
1234
1234
  }
1235
1235
  DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropDownTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.LocalizationService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1236
- DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.readonly": "this.isReadonly", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete" } }, providers: [
1236
+ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { icon: "icon", svgIcon: "svgIcon", loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.readonly": "this.isReadonly", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete" } }, providers: [
1237
1237
  DataService,
1238
1238
  SelectionService,
1239
1239
  NavigationService,
@@ -1316,9 +1316,9 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1316
1316
  [attr.aria-label]="messageFor('selectButtonText')"
1317
1317
  >
1318
1318
  <kendo-icon-wrapper
1319
- name="caret-alt-down"
1319
+ [name]="icon || 'caret-alt-down'"
1320
1320
  innerCssClass="k-button-icon"
1321
- [svgIcon]="caretAltDownIcon"
1321
+ [svgIcon]="svgIcon || caretAltDownIcon"
1322
1322
  >
1323
1323
  </kendo-icon-wrapper>
1324
1324
  </button>
@@ -1520,9 +1520,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1520
1520
  [attr.aria-label]="messageFor('selectButtonText')"
1521
1521
  >
1522
1522
  <kendo-icon-wrapper
1523
- name="caret-alt-down"
1523
+ [name]="icon || 'caret-alt-down'"
1524
1524
  innerCssClass="k-button-icon"
1525
- [svgIcon]="caretAltDownIcon"
1525
+ [svgIcon]="svgIcon || caretAltDownIcon"
1526
1526
  >
1527
1527
  </kendo-icon-wrapper>
1528
1528
  </button>
@@ -1642,7 +1642,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1642
1642
  }, {
1643
1643
  type: Inject,
1644
1644
  args: [TOUCH_ENABLED]
1645
- }] }]; }, propDecorators: { responsiveRendererComponent: [{
1645
+ }] }]; }, propDecorators: { icon: [{
1646
+ type: Input
1647
+ }], svgIcon: [{
1648
+ type: Input
1649
+ }], responsiveRendererComponent: [{
1646
1650
  type: ViewChild,
1647
1651
  args: [ResponsiveRendererComponent]
1648
1652
  }], hostClasses: [{
@@ -1038,14 +1038,10 @@ export class MultiSelectTreeComponent {
1038
1038
  pendingCheck.push(...this.removeParents(lookup.parent));
1039
1039
  }
1040
1040
  const keysToRemove = pendingCheck.map(item => item.key);
1041
- const valueDepthIndices = [];
1042
1041
  this.dataItems = this.dataItems.filter((_item, i) => {
1043
- // We need to know the index position of the data item to be able to update the valueDepth array accordignly
1044
- // as each data item's position is corresponding to the same position in valueDepth
1045
- valueDepthIndices.push(i);
1046
1042
  return !keysToRemove.includes(_item.key) || this.disabledIndices.has(i);
1047
1043
  });
1048
- this.valueDepth = this.valueDepth.filter((_item, i) => valueDepthIndices.includes(i) || this.disabledIndices.has(i));
1044
+ this.valueDepth = this.dataItems.map(i => i.level);
1049
1045
  }
1050
1046
  this.updateValue(this.dataItems);
1051
1047
  if (!this.isFocused) {
@@ -1436,6 +1432,7 @@ export class MultiSelectTreeComponent {
1436
1432
  const source = this.dataItems.map(item => item.dataItem);
1437
1433
  this.tags = this.tagMapper(source);
1438
1434
  this.disabledIndices = this.disabledItemsMapper();
1435
+ this.dataItems.sort((a, b) => this.tags.indexOf(a.dataItem) - this.tags.indexOf(b.dataItem));
1439
1436
  }
1440
1437
  updateValue(value) {
1441
1438
  const newValue = this.valuePrimitive ?
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-dropdowns',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1695995062,
13
- version: '14.0.0-develop.1',
12
+ publishDate: 1696599419,
13
+ version: '14.0.0-develop.10',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-dropdowns',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1695995062,
42
- version: '14.0.0-develop.1',
41
+ publishDate: 1696599419,
42
+ version: '14.0.0-develop.10',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -102,7 +102,7 @@ const resolveValuesInArray = (values, data = [], valueField) => values
102
102
  * @hidden
103
103
  */
104
104
  const validateComplexValues = (values, valueField) => isArray(values) && values.filter(item => {
105
- return isObject(item) && isPresent(getter(item, valueField));
105
+ return isObject(item) && getter(item, valueField) !== undefined;
106
106
  });
107
107
  /**
108
108
  * @hidden
@@ -5164,12 +5164,6 @@ class ComboBoxComponent {
5164
5164
  setDisabledState(isDisabled) {
5165
5165
  this.disabled = isDisabled;
5166
5166
  }
5167
- /**
5168
- * @hidden
5169
- */
5170
- get buttonClasses() {
5171
- return this.iconClass;
5172
- }
5173
5167
  /**
5174
5168
  * @hidden
5175
5169
  */
@@ -5722,7 +5716,7 @@ class ComboBoxComponent {
5722
5716
  }
5723
5717
  }
5724
5718
  ComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ComboBoxComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2$1.PopupService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
5725
- ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", iconClass: "iconClass", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
5719
+ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { icon: "icon", svgIcon: "svgIcon", showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
5726
5720
  COMBOBOX_VALUE_ACCESSOR,
5727
5721
  DataService,
5728
5722
  SelectionService,
@@ -5806,13 +5800,11 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
5806
5800
  }"
5807
5801
  >
5808
5802
  <kendo-icon-wrapper
5809
- *ngIf="!iconClass"
5810
- name="caret-alt-down"
5803
+ [name]="icon || 'caret-alt-down'"
5811
5804
  innerCssClass="k-button-icon"
5812
- [svgIcon]="caretAltDownIcon"
5805
+ [svgIcon]="svgIcon || caretAltDownIcon"
5813
5806
  >
5814
5807
  </kendo-icon-wrapper>
5815
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5816
5808
  </button>
5817
5809
  <ng-template #popupTemplate>
5818
5810
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -5969,13 +5961,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
5969
5961
  }"
5970
5962
  >
5971
5963
  <kendo-icon-wrapper
5972
- *ngIf="!iconClass"
5973
- name="caret-alt-down"
5964
+ [name]="icon || 'caret-alt-down'"
5974
5965
  innerCssClass="k-button-icon"
5975
- [svgIcon]="caretAltDownIcon"
5966
+ [svgIcon]="svgIcon || caretAltDownIcon"
5976
5967
  >
5977
5968
  </kendo-icon-wrapper>
5978
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5979
5969
  </button>
5980
5970
  <ng-template #popupTemplate>
5981
5971
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -6050,7 +6040,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
6050
6040
  type: Inject,
6051
6041
  args: [TOUCH_ENABLED]
6052
6042
  }] }];
6053
- }, propDecorators: { responsiveRendererComponent: [{
6043
+ }, propDecorators: { icon: [{
6044
+ type: Input
6045
+ }], svgIcon: [{
6046
+ type: Input
6047
+ }], responsiveRendererComponent: [{
6054
6048
  type: ViewChild,
6055
6049
  args: [ResponsiveRendererComponent]
6056
6050
  }], showStickyHeader: [{
@@ -6083,8 +6077,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
6083
6077
  type: Input
6084
6078
  }], listHeight: [{
6085
6079
  type: Input
6086
- }], iconClass: [{
6087
- type: Input
6088
6080
  }], loading: [{
6089
6081
  type: Input
6090
6082
  }], suggest: [{
@@ -6311,7 +6303,7 @@ class DropDownListComponent {
6311
6303
  /**
6312
6304
  * @hidden
6313
6305
  */
6314
- this.caretAltDownIcon = caretAltDownIcon;
6306
+ this.caretAltDownSVGIcon = caretAltDownIcon;
6315
6307
  this.listBoxId = `k-${guid()}`;
6316
6308
  /**
6317
6309
  * Shows or hides the current group sticky header when using grouped data.
@@ -7073,12 +7065,6 @@ class DropDownListComponent {
7073
7065
  setDisabledState(isDisabled) {
7074
7066
  this.disabled = isDisabled;
7075
7067
  }
7076
- /**
7077
- * @hidden
7078
- */
7079
- get buttonClasses() {
7080
- return this.iconClass;
7081
- }
7082
7068
  /**
7083
7069
  * @hidden
7084
7070
  */
@@ -7603,7 +7589,7 @@ class DropDownListComponent {
7603
7589
  }
7604
7590
  }
7605
7591
  DropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropDownListComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2$1.PopupService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: DataService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: TOUCH_ENABLED, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
7606
- DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { showStickyHeader: "showStickyHeader", iconClass: "iconClass", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "attr.aria-controls": "this.ariaControls", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
7592
+ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { customIconClass: "customIconClass", showStickyHeader: "showStickyHeader", icon: "icon", svgIcon: "svgIcon", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "attr.aria-controls": "this.ariaControls", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
7607
7593
  DROPDOWNLIST_VALUE_ACCESSOR,
7608
7594
  DataService,
7609
7595
  SelectionService,
@@ -7659,14 +7645,14 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
7659
7645
  }"
7660
7646
  >
7661
7647
  <kendo-icon-wrapper
7662
- *ngIf="!loading && !iconClass"
7648
+ *ngIf="!loading"
7663
7649
  unselectable="on"
7664
- name="caret-alt-down"
7650
+ [name]="icon || 'caret-alt-down'"
7665
7651
  innerCssClass="k-button-icon"
7666
- [svgIcon]="caretAltDownIcon"
7652
+ [customFontClass]="customIconClass"
7653
+ [svgIcon]="svgIcon || caretAltDownSVGIcon"
7667
7654
  >
7668
7655
  </kendo-icon-wrapper>
7669
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7670
7656
  </button>
7671
7657
  <ng-template #popupTemplate>
7672
7658
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -7853,14 +7839,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7853
7839
  }"
7854
7840
  >
7855
7841
  <kendo-icon-wrapper
7856
- *ngIf="!loading && !iconClass"
7842
+ *ngIf="!loading"
7857
7843
  unselectable="on"
7858
- name="caret-alt-down"
7844
+ [name]="icon || 'caret-alt-down'"
7859
7845
  innerCssClass="k-button-icon"
7860
- [svgIcon]="caretAltDownIcon"
7846
+ [customFontClass]="customIconClass"
7847
+ [svgIcon]="svgIcon || caretAltDownSVGIcon"
7861
7848
  >
7862
7849
  </kendo-icon-wrapper>
7863
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7864
7850
  </button>
7865
7851
  <ng-template #popupTemplate>
7866
7852
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -7993,7 +7979,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7993
7979
  type: Inject,
7994
7980
  args: [TOUCH_ENABLED]
7995
7981
  }] }, { type: i0.Injector }];
7996
- }, propDecorators: { responsiveRendererComponent: [{
7982
+ }, propDecorators: { customIconClass: [{
7983
+ type: Input
7984
+ }], responsiveRendererComponent: [{
7997
7985
  type: ViewChild,
7998
7986
  args: [ResponsiveRendererComponent]
7999
7987
  }], ariaControls: [{
@@ -8001,7 +7989,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
8001
7989
  args: ['attr.aria-controls']
8002
7990
  }], showStickyHeader: [{
8003
7991
  type: Input
8004
- }], iconClass: [{
7992
+ }], icon: [{
7993
+ type: Input
7994
+ }], svgIcon: [{
8005
7995
  type: Input
8006
7996
  }], loading: [{
8007
7997
  type: Input
@@ -11093,13 +11083,11 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11093
11083
  }"
11094
11084
  >
11095
11085
  <kendo-icon-wrapper
11096
- *ngIf="!iconClass"
11097
- name="caret-alt-down"
11086
+ [name]="icon || 'caret-alt-down'"
11098
11087
  innerCssClass="k-button-icon"
11099
- [svgIcon]="caretAltDownIcon"
11088
+ [svgIcon]="svgIcon || caretAltDownIcon"
11100
11089
  >
11101
11090
  </kendo-icon-wrapper>
11102
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11103
11091
  </button>
11104
11092
 
11105
11093
  <ng-template #popupTemplate>
@@ -11353,13 +11341,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11353
11341
  }"
11354
11342
  >
11355
11343
  <kendo-icon-wrapper
11356
- *ngIf="!iconClass"
11357
- name="caret-alt-down"
11344
+ [name]="icon || 'caret-alt-down'"
11358
11345
  innerCssClass="k-button-icon"
11359
- [svgIcon]="caretAltDownIcon"
11346
+ [svgIcon]="svgIcon || caretAltDownIcon"
11360
11347
  >
11361
11348
  </kendo-icon-wrapper>
11362
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11363
11349
  </button>
11364
11350
 
11365
11351
  <ng-template #popupTemplate>
@@ -12755,7 +12741,7 @@ class DropDownTreeComponent {
12755
12741
  }
12756
12742
  }
12757
12743
  DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropDownTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i2$1.PopupService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
12758
- DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.readonly": "this.isReadonly", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete" } }, providers: [
12744
+ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { icon: "icon", svgIcon: "svgIcon", loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.readonly": "this.isReadonly", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete" } }, providers: [
12759
12745
  DataService,
12760
12746
  SelectionService,
12761
12747
  NavigationService,
@@ -12838,9 +12824,9 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12838
12824
  [attr.aria-label]="messageFor('selectButtonText')"
12839
12825
  >
12840
12826
  <kendo-icon-wrapper
12841
- name="caret-alt-down"
12827
+ [name]="icon || 'caret-alt-down'"
12842
12828
  innerCssClass="k-button-icon"
12843
- [svgIcon]="caretAltDownIcon"
12829
+ [svgIcon]="svgIcon || caretAltDownIcon"
12844
12830
  >
12845
12831
  </kendo-icon-wrapper>
12846
12832
  </button>
@@ -13042,9 +13028,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13042
13028
  [attr.aria-label]="messageFor('selectButtonText')"
13043
13029
  >
13044
13030
  <kendo-icon-wrapper
13045
- name="caret-alt-down"
13031
+ [name]="icon || 'caret-alt-down'"
13046
13032
  innerCssClass="k-button-icon"
13047
- [svgIcon]="caretAltDownIcon"
13033
+ [svgIcon]="svgIcon || caretAltDownIcon"
13048
13034
  >
13049
13035
  </kendo-icon-wrapper>
13050
13036
  </button>
@@ -13166,7 +13152,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13166
13152
  type: Inject,
13167
13153
  args: [TOUCH_ENABLED]
13168
13154
  }] }];
13169
- }, propDecorators: { responsiveRendererComponent: [{
13155
+ }, propDecorators: { icon: [{
13156
+ type: Input
13157
+ }], svgIcon: [{
13158
+ type: Input
13159
+ }], responsiveRendererComponent: [{
13170
13160
  type: ViewChild,
13171
13161
  args: [ResponsiveRendererComponent]
13172
13162
  }], hostClasses: [{
@@ -14747,14 +14737,10 @@ class MultiSelectTreeComponent {
14747
14737
  pendingCheck.push(...this.removeParents(lookup.parent));
14748
14738
  }
14749
14739
  const keysToRemove = pendingCheck.map(item => item.key);
14750
- const valueDepthIndices = [];
14751
14740
  this.dataItems = this.dataItems.filter((_item, i) => {
14752
- // We need to know the index position of the data item to be able to update the valueDepth array accordignly
14753
- // as each data item's position is corresponding to the same position in valueDepth
14754
- valueDepthIndices.push(i);
14755
14741
  return !keysToRemove.includes(_item.key) || this.disabledIndices.has(i);
14756
14742
  });
14757
- this.valueDepth = this.valueDepth.filter((_item, i) => valueDepthIndices.includes(i) || this.disabledIndices.has(i));
14743
+ this.valueDepth = this.dataItems.map(i => i.level);
14758
14744
  }
14759
14745
  this.updateValue(this.dataItems);
14760
14746
  if (!this.isFocused) {
@@ -15145,6 +15131,7 @@ class MultiSelectTreeComponent {
15145
15131
  const source = this.dataItems.map(item => item.dataItem);
15146
15132
  this.tags = this.tagMapper(source);
15147
15133
  this.disabledIndices = this.disabledItemsMapper();
15134
+ this.dataItems.sort((a, b) => this.tags.indexOf(a.dataItem) - this.tags.indexOf(b.dataItem));
15148
15135
  }
15149
15136
  updateValue(value) {
15150
15137
  const newValue = this.valuePrimitive ?
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-dropdowns',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1695995062,
42
- version: '14.0.0-develop.1',
41
+ publishDate: 1696599419,
42
+ version: '14.0.0-develop.10',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -102,7 +102,7 @@ const resolveValuesInArray = (values, data = [], valueField) => values
102
102
  * @hidden
103
103
  */
104
104
  const validateComplexValues = (values, valueField) => isArray(values) && values.filter(item => {
105
- return isObject(item) && isPresent(getter(item, valueField));
105
+ return isObject(item) && getter(item, valueField) !== undefined;
106
106
  });
107
107
  /**
108
108
  * @hidden
@@ -5155,12 +5155,6 @@ class ComboBoxComponent {
5155
5155
  setDisabledState(isDisabled) {
5156
5156
  this.disabled = isDisabled;
5157
5157
  }
5158
- /**
5159
- * @hidden
5160
- */
5161
- get buttonClasses() {
5162
- return this.iconClass;
5163
- }
5164
5158
  /**
5165
5159
  * @hidden
5166
5160
  */
@@ -5713,7 +5707,7 @@ class ComboBoxComponent {
5713
5707
  }
5714
5708
  }
5715
5709
  ComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ComboBoxComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2$1.PopupService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
5716
- ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", iconClass: "iconClass", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
5710
+ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { icon: "icon", svgIcon: "svgIcon", showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
5717
5711
  COMBOBOX_VALUE_ACCESSOR,
5718
5712
  DataService,
5719
5713
  SelectionService,
@@ -5797,13 +5791,11 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
5797
5791
  }"
5798
5792
  >
5799
5793
  <kendo-icon-wrapper
5800
- *ngIf="!iconClass"
5801
- name="caret-alt-down"
5794
+ [name]="icon || 'caret-alt-down'"
5802
5795
  innerCssClass="k-button-icon"
5803
- [svgIcon]="caretAltDownIcon"
5796
+ [svgIcon]="svgIcon || caretAltDownIcon"
5804
5797
  >
5805
5798
  </kendo-icon-wrapper>
5806
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5807
5799
  </button>
5808
5800
  <ng-template #popupTemplate>
5809
5801
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -5960,13 +5952,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
5960
5952
  }"
5961
5953
  >
5962
5954
  <kendo-icon-wrapper
5963
- *ngIf="!iconClass"
5964
- name="caret-alt-down"
5955
+ [name]="icon || 'caret-alt-down'"
5965
5956
  innerCssClass="k-button-icon"
5966
- [svgIcon]="caretAltDownIcon"
5957
+ [svgIcon]="svgIcon || caretAltDownIcon"
5967
5958
  >
5968
5959
  </kendo-icon-wrapper>
5969
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5970
5960
  </button>
5971
5961
  <ng-template #popupTemplate>
5972
5962
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -6039,7 +6029,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
6039
6029
  }, {
6040
6030
  type: Inject,
6041
6031
  args: [TOUCH_ENABLED]
6042
- }] }]; }, propDecorators: { responsiveRendererComponent: [{
6032
+ }] }]; }, propDecorators: { icon: [{
6033
+ type: Input
6034
+ }], svgIcon: [{
6035
+ type: Input
6036
+ }], responsiveRendererComponent: [{
6043
6037
  type: ViewChild,
6044
6038
  args: [ResponsiveRendererComponent]
6045
6039
  }], showStickyHeader: [{
@@ -6072,8 +6066,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
6072
6066
  type: Input
6073
6067
  }], listHeight: [{
6074
6068
  type: Input
6075
- }], iconClass: [{
6076
- type: Input
6077
6069
  }], loading: [{
6078
6070
  type: Input
6079
6071
  }], suggest: [{
@@ -6300,7 +6292,7 @@ class DropDownListComponent {
6300
6292
  /**
6301
6293
  * @hidden
6302
6294
  */
6303
- this.caretAltDownIcon = caretAltDownIcon;
6295
+ this.caretAltDownSVGIcon = caretAltDownIcon;
6304
6296
  this.listBoxId = `k-${guid()}`;
6305
6297
  /**
6306
6298
  * Shows or hides the current group sticky header when using grouped data.
@@ -7058,12 +7050,6 @@ class DropDownListComponent {
7058
7050
  setDisabledState(isDisabled) {
7059
7051
  this.disabled = isDisabled;
7060
7052
  }
7061
- /**
7062
- * @hidden
7063
- */
7064
- get buttonClasses() {
7065
- return this.iconClass;
7066
- }
7067
7053
  /**
7068
7054
  * @hidden
7069
7055
  */
@@ -7588,7 +7574,7 @@ class DropDownListComponent {
7588
7574
  }
7589
7575
  }
7590
7576
  DropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropDownListComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2$1.PopupService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: DataService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: TOUCH_ENABLED, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
7591
- DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { showStickyHeader: "showStickyHeader", iconClass: "iconClass", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "attr.aria-controls": "this.ariaControls", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
7577
+ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { customIconClass: "customIconClass", showStickyHeader: "showStickyHeader", icon: "icon", svgIcon: "svgIcon", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "attr.aria-controls": "this.ariaControls", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
7592
7578
  DROPDOWNLIST_VALUE_ACCESSOR,
7593
7579
  DataService,
7594
7580
  SelectionService,
@@ -7644,14 +7630,14 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
7644
7630
  }"
7645
7631
  >
7646
7632
  <kendo-icon-wrapper
7647
- *ngIf="!loading && !iconClass"
7633
+ *ngIf="!loading"
7648
7634
  unselectable="on"
7649
- name="caret-alt-down"
7635
+ [name]="icon || 'caret-alt-down'"
7650
7636
  innerCssClass="k-button-icon"
7651
- [svgIcon]="caretAltDownIcon"
7637
+ [customFontClass]="customIconClass"
7638
+ [svgIcon]="svgIcon || caretAltDownSVGIcon"
7652
7639
  >
7653
7640
  </kendo-icon-wrapper>
7654
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7655
7641
  </button>
7656
7642
  <ng-template #popupTemplate>
7657
7643
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -7838,14 +7824,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7838
7824
  }"
7839
7825
  >
7840
7826
  <kendo-icon-wrapper
7841
- *ngIf="!loading && !iconClass"
7827
+ *ngIf="!loading"
7842
7828
  unselectable="on"
7843
- name="caret-alt-down"
7829
+ [name]="icon || 'caret-alt-down'"
7844
7830
  innerCssClass="k-button-icon"
7845
- [svgIcon]="caretAltDownIcon"
7831
+ [customFontClass]="customIconClass"
7832
+ [svgIcon]="svgIcon || caretAltDownSVGIcon"
7846
7833
  >
7847
7834
  </kendo-icon-wrapper>
7848
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7849
7835
  </button>
7850
7836
  <ng-template #popupTemplate>
7851
7837
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -7976,7 +7962,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7976
7962
  }, {
7977
7963
  type: Inject,
7978
7964
  args: [TOUCH_ENABLED]
7979
- }] }, { type: i0.Injector }]; }, propDecorators: { responsiveRendererComponent: [{
7965
+ }] }, { type: i0.Injector }]; }, propDecorators: { customIconClass: [{
7966
+ type: Input
7967
+ }], responsiveRendererComponent: [{
7980
7968
  type: ViewChild,
7981
7969
  args: [ResponsiveRendererComponent]
7982
7970
  }], ariaControls: [{
@@ -7984,7 +7972,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7984
7972
  args: ['attr.aria-controls']
7985
7973
  }], showStickyHeader: [{
7986
7974
  type: Input
7987
- }], iconClass: [{
7975
+ }], icon: [{
7976
+ type: Input
7977
+ }], svgIcon: [{
7988
7978
  type: Input
7989
7979
  }], loading: [{
7990
7980
  type: Input
@@ -11071,13 +11061,11 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11071
11061
  }"
11072
11062
  >
11073
11063
  <kendo-icon-wrapper
11074
- *ngIf="!iconClass"
11075
- name="caret-alt-down"
11064
+ [name]="icon || 'caret-alt-down'"
11076
11065
  innerCssClass="k-button-icon"
11077
- [svgIcon]="caretAltDownIcon"
11066
+ [svgIcon]="svgIcon || caretAltDownIcon"
11078
11067
  >
11079
11068
  </kendo-icon-wrapper>
11080
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11081
11069
  </button>
11082
11070
 
11083
11071
  <ng-template #popupTemplate>
@@ -11331,13 +11319,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11331
11319
  }"
11332
11320
  >
11333
11321
  <kendo-icon-wrapper
11334
- *ngIf="!iconClass"
11335
- name="caret-alt-down"
11322
+ [name]="icon || 'caret-alt-down'"
11336
11323
  innerCssClass="k-button-icon"
11337
- [svgIcon]="caretAltDownIcon"
11324
+ [svgIcon]="svgIcon || caretAltDownIcon"
11338
11325
  >
11339
11326
  </kendo-icon-wrapper>
11340
- <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11341
11327
  </button>
11342
11328
 
11343
11329
  <ng-template #popupTemplate>
@@ -12728,7 +12714,7 @@ class DropDownTreeComponent {
12728
12714
  }
12729
12715
  }
12730
12716
  DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropDownTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i2$1.PopupService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
12731
- DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.readonly": "this.isReadonly", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete" } }, providers: [
12717
+ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { icon: "icon", svgIcon: "svgIcon", loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.readonly": "this.isReadonly", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete" } }, providers: [
12732
12718
  DataService,
12733
12719
  SelectionService,
12734
12720
  NavigationService,
@@ -12811,9 +12797,9 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12811
12797
  [attr.aria-label]="messageFor('selectButtonText')"
12812
12798
  >
12813
12799
  <kendo-icon-wrapper
12814
- name="caret-alt-down"
12800
+ [name]="icon || 'caret-alt-down'"
12815
12801
  innerCssClass="k-button-icon"
12816
- [svgIcon]="caretAltDownIcon"
12802
+ [svgIcon]="svgIcon || caretAltDownIcon"
12817
12803
  >
12818
12804
  </kendo-icon-wrapper>
12819
12805
  </button>
@@ -13015,9 +13001,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13015
13001
  [attr.aria-label]="messageFor('selectButtonText')"
13016
13002
  >
13017
13003
  <kendo-icon-wrapper
13018
- name="caret-alt-down"
13004
+ [name]="icon || 'caret-alt-down'"
13019
13005
  innerCssClass="k-button-icon"
13020
- [svgIcon]="caretAltDownIcon"
13006
+ [svgIcon]="svgIcon || caretAltDownIcon"
13021
13007
  >
13022
13008
  </kendo-icon-wrapper>
13023
13009
  </button>
@@ -13137,7 +13123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13137
13123
  }, {
13138
13124
  type: Inject,
13139
13125
  args: [TOUCH_ENABLED]
13140
- }] }]; }, propDecorators: { responsiveRendererComponent: [{
13126
+ }] }]; }, propDecorators: { icon: [{
13127
+ type: Input
13128
+ }], svgIcon: [{
13129
+ type: Input
13130
+ }], responsiveRendererComponent: [{
13141
13131
  type: ViewChild,
13142
13132
  args: [ResponsiveRendererComponent]
13143
13133
  }], hostClasses: [{
@@ -14719,14 +14709,10 @@ class MultiSelectTreeComponent {
14719
14709
  pendingCheck.push(...this.removeParents(lookup.parent));
14720
14710
  }
14721
14711
  const keysToRemove = pendingCheck.map(item => item.key);
14722
- const valueDepthIndices = [];
14723
14712
  this.dataItems = this.dataItems.filter((_item, i) => {
14724
- // We need to know the index position of the data item to be able to update the valueDepth array accordignly
14725
- // as each data item's position is corresponding to the same position in valueDepth
14726
- valueDepthIndices.push(i);
14727
14713
  return !keysToRemove.includes(_item.key) || this.disabledIndices.has(i);
14728
14714
  });
14729
- this.valueDepth = this.valueDepth.filter((_item, i) => valueDepthIndices.includes(i) || this.disabledIndices.has(i));
14715
+ this.valueDepth = this.dataItems.map(i => i.level);
14730
14716
  }
14731
14717
  this.updateValue(this.dataItems);
14732
14718
  if (!this.isFocused) {
@@ -15117,6 +15103,7 @@ class MultiSelectTreeComponent {
15117
15103
  const source = this.dataItems.map(item => item.dataItem);
15118
15104
  this.tags = this.tagMapper(source);
15119
15105
  this.disabledIndices = this.disabledItemsMapper();
15106
+ this.dataItems.sort((a, b) => this.tags.indexOf(a.dataItem) - this.tags.indexOf(b.dataItem));
15120
15107
  }
15121
15108
  updateValue(value) {
15122
15109
  const newValue = this.valuePrimitive ?
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "14.0.0-develop.1",
3
+ "version": "14.0.0-develop.10",
4
4
  "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -24,18 +24,18 @@
24
24
  "@angular/core": "13 - 16",
25
25
  "@angular/platform-browser": "13 - 16",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-common": "14.0.0-develop.1",
28
- "@progress/kendo-angular-l10n": "14.0.0-develop.1",
29
- "@progress/kendo-angular-popup": "14.0.0-develop.1",
30
- "@progress/kendo-angular-icons": "14.0.0-develop.1",
31
- "@progress/kendo-angular-treeview": "14.0.0-develop.1",
27
+ "@progress/kendo-angular-common": "14.0.0-develop.10",
28
+ "@progress/kendo-angular-l10n": "14.0.0-develop.10",
29
+ "@progress/kendo-angular-popup": "14.0.0-develop.10",
30
+ "@progress/kendo-angular-icons": "14.0.0-develop.10",
31
+ "@progress/kendo-angular-treeview": "14.0.0-develop.10",
32
32
  "rxjs": "^6.5.3 || ^7.0.0",
33
- "@progress/kendo-angular-navigation": "14.0.0-develop.1",
34
- "@progress/kendo-angular-label": "14.0.0-develop.1"
33
+ "@progress/kendo-angular-navigation": "14.0.0-develop.10",
34
+ "@progress/kendo-angular-label": "14.0.0-develop.10"
35
35
  },
36
36
  "dependencies": {
37
37
  "tslib": "^2.3.1",
38
- "@progress/kendo-angular-schematics": "14.0.0-develop.1",
38
+ "@progress/kendo-angular-schematics": "14.0.0-develop.10",
39
39
  "@progress/kendo-common": "^0.2.1"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
6
6
  // peers of the treeview
7
- '@progress/kendo-angular-inputs': '14.0.0-develop.1',
7
+ '@progress/kendo-angular-inputs': '14.0.0-develop.10',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '14.0.0-develop.1',
9
+ '@progress/kendo-angular-intl': '14.0.0-develop.10',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^1.0.0'