@progress/kendo-angular-dropdowns 20.1.0-develop.3 → 20.1.0-develop.31

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.
Files changed (18) hide show
  1. package/autocomplete/autocomplete.component.d.ts +1 -1
  2. package/comboboxes/combobox.component.d.ts +1 -1
  3. package/common/filtering/filter-settings.d.ts +5 -5
  4. package/dropdowntrees/dropdowntree.component.d.ts +1 -1
  5. package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
  6. package/esm2022/comboboxes/combobox.component.mjs +3 -3
  7. package/esm2022/comboboxes/multicolumncombobox.component.mjs +2 -4
  8. package/esm2022/common/adaptive-renderer.component.mjs +0 -2
  9. package/esm2022/common/list.component.mjs +0 -2
  10. package/esm2022/common/searchbar.component.mjs +7 -5
  11. package/esm2022/dropdowntrees/dropdowntree.component.mjs +6 -8
  12. package/esm2022/dropdowntrees/multiselecttree.component.mjs +1 -1
  13. package/esm2022/multiselect/multiselect.component.mjs +3 -3
  14. package/esm2022/package-metadata.mjs +2 -2
  15. package/fesm2022/progress-kendo-angular-dropdowns.mjs +27 -33
  16. package/multiselect/multiselect.component.d.ts +1 -1
  17. package/package.json +10 -10
  18. package/schematics/ngAdd/index.js +2 -2
package/autocomplete/autocomplete.component.d.ts CHANGED
@@ -94,7 +94,7 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
94
94
  /**
95
95
  * @hidden
96
96
  */
97
- get clearButtonVisiblity(): string;
97
+ get clearButtonVisibility(): string;
98
98
  /**
99
99
  * @hidden
100
100
  */
package/comboboxes/combobox.component.d.ts CHANGED
@@ -424,7 +424,7 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
424
424
  private _isFocused;
425
425
  get isFocused(): boolean;
426
426
  set isFocused(value: boolean);
427
- get clearButtonVisiblity(): string;
427
+ get clearButtonVisibility(): string;
428
428
  /**
429
429
  * @hidden
430
430
  */
package/common/filtering/filter-settings.d.ts CHANGED
@@ -7,11 +7,11 @@
7
7
  *
8
8
  * For more information, refer to the articles on using the built-in
9
9
  * `kendoDropDownFilter` directive with each DropDowns component:
10
- * * [AutoComplete]({% slug filtering_autocomplete %}#toc-built-in-directive)
11
- * * [ComboBox]({% slug filtering_combobox %}#toc-built-in-directive)
12
- * * [MultiColumnComboBox]({% slug filtering_multicolumncombobox %}#toc-built-in-directive)
13
- * * [DropDownList]({% slug filtering_ddl %}#toc-built-in-directive)
14
- * * [MultiSelect]({% slug filtering_multiselect %}#toc-built-in-directive)
10
+ * * [AutoComplete](slug:filtering_autocomplete#automatic-filtering)
11
+ * * [ComboBox](slug:filtering_combobox#automatic-filtering)
12
+ * * [MultiColumnComboBox](slug:filtering_multicolumncombobox#automatic-filtering)
13
+ * * [DropDownList](slug:filtering_ddl#automatic-filtering)
14
+ * * [MultiSelect](slug:filtering_multiselect#automatic-filtering)
15
15
  *
16
16
  * @example
17
17
  * ```ts
package/dropdowntrees/dropdowntree.component.d.ts CHANGED
@@ -347,7 +347,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
347
347
  * Returns the current open state. Returns `true` if the popup or actionSheet is open.
348
348
  */
349
349
  get isOpen(): boolean;
350
- get clearButtonVisiblity(): string;
350
+ get clearButtonVisibility(): string;
351
351
  private get isFilterActive();
352
352
  popupRef: PopupRef;
353
353
  /**
package/esm2022/autocomplete/autocomplete.component.mjs CHANGED
@@ -148,7 +148,7 @@ export class AutoCompleteComponent {
148
148
  /**
149
149
  * @hidden
150
150
  */
151
- get clearButtonVisiblity() {
151
+ get clearButtonVisibility() {
152
152
  if (touchEnabled) {
153
153
  return 'visible';
154
154
  }
@@ -1249,7 +1249,7 @@ export class AutoCompleteComponent {
1249
1249
  <span
1250
1250
  *ngIf="!loading && !readonly && (clearButton && text?.length)"
1251
1251
  class="k-clear-value"
1252
- [style.visibility]="clearButtonVisiblity"
1252
+ [style.visibility]="clearButtonVisibility"
1253
1253
  [attr.title]="messageFor('clearTitle')"
1254
1254
  role="button"
1255
1255
  tabindex="-1"
@@ -1414,7 +1414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1414
1414
  <span
1415
1415
  *ngIf="!loading && !readonly && (clearButton && text?.length)"
1416
1416
  class="k-clear-value"
1417
- [style.visibility]="clearButtonVisiblity"
1417
+ [style.visibility]="clearButtonVisibility"
1418
1418
  [attr.title]="messageFor('clearTitle')"
1419
1419
  role="button"
1420
1420
  tabindex="-1"
package/esm2022/comboboxes/combobox.component.mjs CHANGED
@@ -575,7 +575,7 @@ export class ComboBoxComponent extends MultiTabStop {
575
575
  this.renderer[value ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, "k-focus");
576
576
  this._isFocused = value;
577
577
  }
578
- get clearButtonVisiblity() {
578
+ get clearButtonVisibility() {
579
579
  if (touchEnabled) {
580
580
  return 'visible';
581
581
  }
@@ -1649,7 +1649,7 @@ export class ComboBoxComponent extends MultiTabStop {
1649
1649
  <span
1650
1650
  *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
1651
1651
  class="k-clear-value"
1652
- [style.visibility]="clearButtonVisiblity"
1652
+ [style.visibility]="clearButtonVisibility"
1653
1653
  aria-hidden="true"
1654
1654
  [attr.title]="messageFor('clearTitle')"
1655
1655
  (click)="clearValue($event)"
@@ -1840,7 +1840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1840
1840
  <span
1841
1841
  *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
1842
1842
  class="k-clear-value"
1843
- [style.visibility]="clearButtonVisiblity"
1843
+ [style.visibility]="clearButtonVisibility"
1844
1844
  aria-hidden="true"
1845
1845
  [attr.title]="messageFor('clearTitle')"
1846
1846
  (click)="clearValue($event)"
package/esm2022/comboboxes/multicolumncombobox.component.mjs CHANGED
@@ -322,7 +322,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
322
322
  <span
323
323
  *ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
324
324
  class="k-clear-value"
325
- [style.visibility]="clearButtonVisiblity"
325
+ [style.visibility]="clearButtonVisibility"
326
326
  aria-hidden="true"
327
327
  [attr.title]="messageFor('clearTitle')"
328
328
  (click)="clearValue($event)"
@@ -342,7 +342,6 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
342
342
  <button
343
343
  #select
344
344
  tabindex="-1"
345
- aria-hidden="true"
346
345
  unselectable="on"
347
346
  type="button"
348
347
  class="k-input-button k-button k-icon-button"
@@ -610,7 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
610
609
  <span
611
610
  *ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
612
611
  class="k-clear-value"
613
- [style.visibility]="clearButtonVisiblity"
612
+ [style.visibility]="clearButtonVisibility"
614
613
  aria-hidden="true"
615
614
  [attr.title]="messageFor('clearTitle')"
616
615
  (click)="clearValue($event)"
@@ -630,7 +629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
630
629
  <button
631
630
  #select
632
631
  tabindex="-1"
633
- aria-hidden="true"
634
632
  unselectable="on"
635
633
  type="button"
636
634
  class="k-input-button k-button k-icon-button"
package/esm2022/common/adaptive-renderer.component.mjs CHANGED
@@ -102,7 +102,6 @@ export class AdaptiveRendererComponent {
102
102
  themeColor="primary"
103
103
  size="large"
104
104
  [tabIndex]="-1"
105
- aria-hidden="true"
106
105
  innerCssClass="k-button-icon"
107
106
  (click)="handleClose()"
108
107
  ></button>
@@ -173,7 +172,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
173
172
  themeColor="primary"
174
173
  size="large"
175
174
  [tabIndex]="-1"
176
- aria-hidden="true"
177
175
  innerCssClass="k-button-icon"
178
176
  (click)="handleClose()"
179
177
  ></button>
package/esm2022/common/list.component.mjs CHANGED
@@ -551,7 +551,6 @@ export class ListComponent {
551
551
  class="k-checkbox"
552
552
  role="presentation"
553
553
  tabindex="-1"
554
- aria-hidden="true"
555
554
  [ngClass]="checkboxClasses"
556
555
  (change)="onCheckedChange($event, itemIndex + startFrom)"
557
556
  [checked]="isChecked(itemIndex)"
@@ -722,7 +721,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
722
721
  class="k-checkbox"
723
722
  role="presentation"
724
723
  tabindex="-1"
725
- aria-hidden="true"
726
724
  [ngClass]="checkboxClasses"
727
725
  (change)="onCheckedChange($event, itemIndex + startFrom)"
728
726
  [checked]="isChecked(itemIndex)"
package/esm2022/common/searchbar.component.mjs CHANGED
@@ -216,10 +216,10 @@ export class SearchBarComponent {
216
216
  }
217
217
  }
218
218
  ngAfterViewInit() {
219
- this.subs.add(this.input.nativeElement.addEventListener('input', (event) => this.handleInput(event)));
220
- this.subs.add(this.input.nativeElement.addEventListener('focus', (event) => this.handleFocus(event)));
221
- this.subs.add(this.input.nativeElement.addEventListener('blur', (event) => this.handleBlur(event)));
222
- this.subs.add(this.input.nativeElement.addEventListener('keydown', (event) => this.handleKeydown(event)));
219
+ this.subs.add(this.renderer.listen(this.input.nativeElement, 'input', (event) => this.handleInput(event)));
220
+ this.subs.add(this.renderer.listen(this.input.nativeElement, 'focus', (event) => this.handleFocus(event)));
221
+ this.subs.add(this.renderer.listen(this.input.nativeElement, 'blur', (event) => this.handleBlur(event)));
222
+ this.subs.add(this.ngZone.runOutsideAngular(() => this.renderer.listen(this.input.nativeElement, 'keydown', (event) => this.handleKeydown(event))));
223
223
  }
224
224
  ngOnDestroy() {
225
225
  this.subs.unsubscribe();
@@ -274,7 +274,9 @@ export class SearchBarComponent {
274
274
  const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
275
275
  Keys.Escape, Keys.Delete, Keys.Backspace, Keys.Home, Keys.End, Keys.PageDown, Keys.PageUp];
276
276
  if (keys.indexOf(keyCode) > -1) {
277
- this.onNavigate.emit(event);
277
+ this.ngZone.run(() => {
278
+ this.onNavigate.emit(event);
279
+ });
278
280
  }
279
281
  }
280
282
  focus() {
package/esm2022/dropdowntrees/dropdowntree.component.mjs CHANGED
@@ -472,7 +472,7 @@ export class DropDownTreeComponent {
472
472
  get isOpen() {
473
473
  return isTruthy(isPresent(this.popupRef) || this.isActionSheetExpanded);
474
474
  }
475
- get clearButtonVisiblity() {
475
+ get clearButtonVisibility() {
476
476
  if (this.touchEnabled) {
477
477
  return 'visible';
478
478
  }
@@ -664,7 +664,7 @@ export class DropDownTreeComponent {
664
664
  const itemToFocus = this._searchableNodes.find((node) => {
665
665
  return node.text.toLowerCase().startsWith(this._typedValue);
666
666
  });
667
- this.treeview.focus(itemToFocus?.index);
667
+ this.treeview?.focus(itemToFocus?.index);
668
668
  }), debounceTime(1000)).subscribe(() => {
669
669
  this._typedValue = '';
670
670
  }));
@@ -1401,9 +1401,9 @@ export class DropDownTreeComponent {
1401
1401
  <span
1402
1402
  *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
1403
1403
  class="k-clear-value"
1404
- [style.visibility]="clearButtonVisiblity"
1405
- aria-hidden="true"
1404
+ [style.visibility]="clearButtonVisibility"
1406
1405
  [attr.title]="messageFor('clearTitle')"
1406
+ aria-hidden="true"
1407
1407
  (click)="clearValue($event)"
1408
1408
  >
1409
1409
  <kendo-icon-wrapper
@@ -1416,7 +1416,6 @@ export class DropDownTreeComponent {
1416
1416
  <button
1417
1417
  tabindex="-1"
1418
1418
  type="button"
1419
- aria-hidden="true"
1420
1419
  class="k-input-button k-button k-icon-button"
1421
1420
  [ngClass]="selectButtonClasses"
1422
1421
  [attr.aria-label]="messageFor('selectButtonText')"
@@ -1614,9 +1613,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1614
1613
  <span
1615
1614
  *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
1616
1615
  class="k-clear-value"
1617
- [style.visibility]="clearButtonVisiblity"
1618
- aria-hidden="true"
1616
+ [style.visibility]="clearButtonVisibility"
1619
1617
  [attr.title]="messageFor('clearTitle')"
1618
+ aria-hidden="true"
1620
1619
  (click)="clearValue($event)"
1621
1620
  >
1622
1621
  <kendo-icon-wrapper
@@ -1629,7 +1628,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1629
1628
  <button
1630
1629
  tabindex="-1"
1631
1630
  type="button"
1632
- aria-hidden="true"
1633
1631
  class="k-input-button k-button k-icon-button"
1634
1632
  [ngClass]="selectButtonClasses"
1635
1633
  [attr.aria-label]="messageFor('selectButtonText')"
package/esm2022/dropdowntrees/multiselecttree.component.mjs CHANGED
@@ -835,7 +835,7 @@ export class MultiSelectTreeComponent {
835
835
  const itemToFocus = this._searchableNodes.find((node) => {
836
836
  return node.text.toLowerCase().startsWith(this._typedValue);
837
837
  });
838
- this.treeview.focus(itemToFocus?.index);
838
+ this.treeview?.focus(itemToFocus?.index);
839
839
  }), debounceTime(1000)).subscribe(() => {
840
840
  this._typedValue = '';
841
841
  }));
package/esm2022/multiselect/multiselect.component.mjs CHANGED
@@ -775,7 +775,7 @@ export class MultiSelectComponent {
775
775
  }
776
776
  return prefix + "-" + focusedIndex;
777
777
  }
778
- get clearButtonVisiblity() {
778
+ get clearButtonVisibility() {
779
779
  if (touchEnabled) {
780
780
  return 'visible';
781
781
  }
@@ -1877,7 +1877,7 @@ export class MultiSelectComponent {
1877
1877
  <span
1878
1878
  *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
1879
1879
  class="k-clear-value"
1880
- [style.visibility]="clearButtonVisiblity"
1880
+ [style.visibility]="clearButtonVisibility"
1881
1881
  [attr.title]="messageFor('clearTitle')"
1882
1882
  role="button"
1883
1883
  tabindex="-1"
@@ -2073,7 +2073,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2073
2073
  <span
2074
2074
  *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
2075
2075
  class="k-clear-value"
2076
- [style.visibility]="clearButtonVisiblity"
2076
+ [style.visibility]="clearButtonVisibility"
2077
2077
  [attr.title]="messageFor('clearTitle')"
2078
2078
  role="button"
2079
2079
  tabindex="-1"
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1758189092,
14
- version: '20.1.0-develop.3',
13
+ publishDate: 1760682291,
14
+ version: '20.1.0-develop.31',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/fesm2022/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  productName: 'Kendo UI for Angular',
38
38
  productCode: 'KENDOUIANGULAR',
39
39
  productCodes: ['KENDOUIANGULAR'],
40
- publishDate: 1758189092,
41
- version: '20.1.0-develop.3',
40
+ publishDate: 1760682291,
41
+ version: '20.1.0-develop.31',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -619,10 +619,10 @@ class SearchBarComponent {
619
619
  }
620
620
  }
621
621
  ngAfterViewInit() {
622
- this.subs.add(this.input.nativeElement.addEventListener('input', (event) => this.handleInput(event)));
623
- this.subs.add(this.input.nativeElement.addEventListener('focus', (event) => this.handleFocus(event)));
624
- this.subs.add(this.input.nativeElement.addEventListener('blur', (event) => this.handleBlur(event)));
625
- this.subs.add(this.input.nativeElement.addEventListener('keydown', (event) => this.handleKeydown(event)));
622
+ this.subs.add(this.renderer.listen(this.input.nativeElement, 'input', (event) => this.handleInput(event)));
623
+ this.subs.add(this.renderer.listen(this.input.nativeElement, 'focus', (event) => this.handleFocus(event)));
624
+ this.subs.add(this.renderer.listen(this.input.nativeElement, 'blur', (event) => this.handleBlur(event)));
625
+ this.subs.add(this.ngZone.runOutsideAngular(() => this.renderer.listen(this.input.nativeElement, 'keydown', (event) => this.handleKeydown(event))));
626
626
  }
627
627
  ngOnDestroy() {
628
628
  this.subs.unsubscribe();
@@ -677,7 +677,9 @@ class SearchBarComponent {
677
677
  const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
678
678
  Keys.Escape, Keys.Delete, Keys.Backspace, Keys.Home, Keys.End, Keys.PageDown, Keys.PageUp];
679
679
  if (keys.indexOf(keyCode) > -1) {
680
- this.onNavigate.emit(event);
680
+ this.ngZone.run(() => {
681
+ this.onNavigate.emit(event);
682
+ });
681
683
  }
682
684
  }
683
685
  focus() {
@@ -2426,7 +2428,6 @@ class ListComponent {
2426
2428
  class="k-checkbox"
2427
2429
  role="presentation"
2428
2430
  tabindex="-1"
2429
- aria-hidden="true"
2430
2431
  [ngClass]="checkboxClasses"
2431
2432
  (change)="onCheckedChange($event, itemIndex + startFrom)"
2432
2433
  [checked]="isChecked(itemIndex)"
@@ -2597,7 +2598,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2597
2598
  class="k-checkbox"
2598
2599
  role="presentation"
2599
2600
  tabindex="-1"
2600
- aria-hidden="true"
2601
2601
  [ngClass]="checkboxClasses"
2602
2602
  (change)="onCheckedChange($event, itemIndex + startFrom)"
2603
2603
  [checked]="isChecked(itemIndex)"
@@ -2864,7 +2864,6 @@ class AdaptiveRendererComponent {
2864
2864
  themeColor="primary"
2865
2865
  size="large"
2866
2866
  [tabIndex]="-1"
2867
- aria-hidden="true"
2868
2867
  innerCssClass="k-button-icon"
2869
2868
  (click)="handleClose()"
2870
2869
  ></button>
@@ -2935,7 +2934,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2935
2934
  themeColor="primary"
2936
2935
  size="large"
2937
2936
  [tabIndex]="-1"
2938
- aria-hidden="true"
2939
2937
  innerCssClass="k-button-icon"
2940
2938
  (click)="handleClose()"
2941
2939
  ></button>
@@ -3307,7 +3305,7 @@ class AutoCompleteComponent {
3307
3305
  /**
3308
3306
  * @hidden
3309
3307
  */
3310
- get clearButtonVisiblity() {
3308
+ get clearButtonVisibility() {
3311
3309
  if (touchEnabled) {
3312
3310
  return 'visible';
3313
3311
  }
@@ -4408,7 +4406,7 @@ class AutoCompleteComponent {
4408
4406
  <span
4409
4407
  *ngIf="!loading && !readonly && (clearButton && text?.length)"
4410
4408
  class="k-clear-value"
4411
- [style.visibility]="clearButtonVisiblity"
4409
+ [style.visibility]="clearButtonVisibility"
4412
4410
  [attr.title]="messageFor('clearTitle')"
4413
4411
  role="button"
4414
4412
  tabindex="-1"
@@ -4573,7 +4571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
4573
4571
  <span
4574
4572
  *ngIf="!loading && !readonly && (clearButton && text?.length)"
4575
4573
  class="k-clear-value"
4576
- [style.visibility]="clearButtonVisiblity"
4574
+ [style.visibility]="clearButtonVisibility"
4577
4575
  [attr.title]="messageFor('clearTitle')"
4578
4576
  role="button"
4579
4577
  tabindex="-1"
@@ -5383,7 +5381,7 @@ class ComboBoxComponent extends MultiTabStop {
5383
5381
  this.renderer[value ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, "k-focus");
5384
5382
  this._isFocused = value;
5385
5383
  }
5386
- get clearButtonVisiblity() {
5384
+ get clearButtonVisibility() {
5387
5385
  if (touchEnabled) {
5388
5386
  return 'visible';
5389
5387
  }
@@ -6457,7 +6455,7 @@ class ComboBoxComponent extends MultiTabStop {
6457
6455
  <span
6458
6456
  *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
6459
6457
  class="k-clear-value"
6460
- [style.visibility]="clearButtonVisiblity"
6458
+ [style.visibility]="clearButtonVisibility"
6461
6459
  aria-hidden="true"
6462
6460
  [attr.title]="messageFor('clearTitle')"
6463
6461
  (click)="clearValue($event)"
@@ -6648,7 +6646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
6648
6646
  <span
6649
6647
  *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
6650
6648
  class="k-clear-value"
6651
- [style.visibility]="clearButtonVisiblity"
6649
+ [style.visibility]="clearButtonVisibility"
6652
6650
  aria-hidden="true"
6653
6651
  [attr.title]="messageFor('clearTitle')"
6654
6652
  (click)="clearValue($event)"
@@ -10015,7 +10013,7 @@ class MultiSelectComponent {
10015
10013
  }
10016
10014
  return prefix + "-" + focusedIndex;
10017
10015
  }
10018
- get clearButtonVisiblity() {
10016
+ get clearButtonVisibility() {
10019
10017
  if (touchEnabled) {
10020
10018
  return 'visible';
10021
10019
  }
@@ -11117,7 +11115,7 @@ class MultiSelectComponent {
11117
11115
  <span
11118
11116
  *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
11119
11117
  class="k-clear-value"
11120
- [style.visibility]="clearButtonVisiblity"
11118
+ [style.visibility]="clearButtonVisibility"
11121
11119
  [attr.title]="messageFor('clearTitle')"
11122
11120
  role="button"
11123
11121
  tabindex="-1"
@@ -11313,7 +11311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
11313
11311
  <span
11314
11312
  *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
11315
11313
  class="k-clear-value"
11316
- [style.visibility]="clearButtonVisiblity"
11314
+ [style.visibility]="clearButtonVisibility"
11317
11315
  [attr.title]="messageFor('clearTitle')"
11318
11316
  role="button"
11319
11317
  tabindex="-1"
@@ -12094,7 +12092,7 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
12094
12092
  <span
12095
12093
  *ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
12096
12094
  class="k-clear-value"
12097
- [style.visibility]="clearButtonVisiblity"
12095
+ [style.visibility]="clearButtonVisibility"
12098
12096
  aria-hidden="true"
12099
12097
  [attr.title]="messageFor('clearTitle')"
12100
12098
  (click)="clearValue($event)"
@@ -12114,7 +12112,6 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
12114
12112
  <button
12115
12113
  #select
12116
12114
  tabindex="-1"
12117
- aria-hidden="true"
12118
12115
  unselectable="on"
12119
12116
  type="button"
12120
12117
  class="k-input-button k-button k-icon-button"
@@ -12382,7 +12379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
12382
12379
  <span
12383
12380
  *ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
12384
12381
  class="k-clear-value"
12385
- [style.visibility]="clearButtonVisiblity"
12382
+ [style.visibility]="clearButtonVisibility"
12386
12383
  aria-hidden="true"
12387
12384
  [attr.title]="messageFor('clearTitle')"
12388
12385
  (click)="clearValue($event)"
@@ -12402,7 +12399,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
12402
12399
  <button
12403
12400
  #select
12404
12401
  tabindex="-1"
12405
- aria-hidden="true"
12406
12402
  unselectable="on"
12407
12403
  type="button"
12408
12404
  class="k-input-button k-button k-icon-button"
@@ -13065,7 +13061,7 @@ class DropDownTreeComponent {
13065
13061
  get isOpen() {
13066
13062
  return isTruthy(isPresent(this.popupRef) || this.isActionSheetExpanded);
13067
13063
  }
13068
- get clearButtonVisiblity() {
13064
+ get clearButtonVisibility() {
13069
13065
  if (this.touchEnabled) {
13070
13066
  return 'visible';
13071
13067
  }
@@ -13257,7 +13253,7 @@ class DropDownTreeComponent {
13257
13253
  const itemToFocus = this._searchableNodes.find((node) => {
13258
13254
  return node.text.toLowerCase().startsWith(this._typedValue);
13259
13255
  });
13260
- this.treeview.focus(itemToFocus?.index);
13256
+ this.treeview?.focus(itemToFocus?.index);
13261
13257
  }), debounceTime(1000)).subscribe(() => {
13262
13258
  this._typedValue = '';
13263
13259
  }));
@@ -13994,9 +13990,9 @@ class DropDownTreeComponent {
13994
13990
  <span
13995
13991
  *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
13996
13992
  class="k-clear-value"
13997
- [style.visibility]="clearButtonVisiblity"
13998
- aria-hidden="true"
13993
+ [style.visibility]="clearButtonVisibility"
13999
13994
  [attr.title]="messageFor('clearTitle')"
13995
+ aria-hidden="true"
14000
13996
  (click)="clearValue($event)"
14001
13997
  >
14002
13998
  <kendo-icon-wrapper
@@ -14009,7 +14005,6 @@ class DropDownTreeComponent {
14009
14005
  <button
14010
14006
  tabindex="-1"
14011
14007
  type="button"
14012
- aria-hidden="true"
14013
14008
  class="k-input-button k-button k-icon-button"
14014
14009
  [ngClass]="selectButtonClasses"
14015
14010
  [attr.aria-label]="messageFor('selectButtonText')"
@@ -14207,9 +14202,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
14207
14202
  <span
14208
14203
  *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
14209
14204
  class="k-clear-value"
14210
- [style.visibility]="clearButtonVisiblity"
14211
- aria-hidden="true"
14205
+ [style.visibility]="clearButtonVisibility"
14212
14206
  [attr.title]="messageFor('clearTitle')"
14207
+ aria-hidden="true"
14213
14208
  (click)="clearValue($event)"
14214
14209
  >
14215
14210
  <kendo-icon-wrapper
@@ -14222,7 +14217,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
14222
14217
  <button
14223
14218
  tabindex="-1"
14224
14219
  type="button"
14225
- aria-hidden="true"
14226
14220
  class="k-input-button k-button k-icon-button"
14227
14221
  [ngClass]="selectButtonClasses"
14228
14222
  [attr.aria-label]="messageFor('selectButtonText')"
@@ -15774,7 +15768,7 @@ class MultiSelectTreeComponent {
15774
15768
  const itemToFocus = this._searchableNodes.find((node) => {
15775
15769
  return node.text.toLowerCase().startsWith(this._typedValue);
15776
15770
  });
15777
- this.treeview.focus(itemToFocus?.index);
15771
+ this.treeview?.focus(itemToFocus?.index);
15778
15772
  }), debounceTime(1000)).subscribe(() => {
15779
15773
  this._typedValue = '';
15780
15774
  }));
package/multiselect/multiselect.component.d.ts CHANGED
@@ -476,7 +476,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
476
476
  get width(): any;
477
477
  get height(): any;
478
478
  get activeDescendant(): string;
479
- get clearButtonVisiblity(): string;
479
+ get clearButtonVisibility(): string;
480
480
  /**
481
481
  * @hidden
482
482
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "20.1.0-develop.3",
3
+ "version": "20.1.0-develop.31",
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",
@@ -100,7 +100,7 @@
100
100
  "package": {
101
101
  "productName": "Kendo UI for Angular",
102
102
  "productCode": "KENDOUIANGULAR",
103
- "publishDate": 1758189092,
103
+ "publishDate": 1760682291,
104
104
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
105
105
  }
106
106
  },
@@ -111,18 +111,18 @@
111
111
  "@angular/forms": "16 - 20",
112
112
  "@angular/platform-browser": "16 - 20",
113
113
  "@progress/kendo-licensing": "^1.7.0",
114
- "@progress/kendo-angular-common": "20.1.0-develop.3",
115
- "@progress/kendo-angular-utils": "20.1.0-develop.3",
116
- "@progress/kendo-angular-l10n": "20.1.0-develop.3",
117
- "@progress/kendo-angular-navigation": "20.1.0-develop.3",
118
- "@progress/kendo-angular-popup": "20.1.0-develop.3",
119
- "@progress/kendo-angular-icons": "20.1.0-develop.3",
120
- "@progress/kendo-angular-treeview": "20.1.0-develop.3",
114
+ "@progress/kendo-angular-common": "20.1.0-develop.31",
115
+ "@progress/kendo-angular-utils": "20.1.0-develop.31",
116
+ "@progress/kendo-angular-l10n": "20.1.0-develop.31",
117
+ "@progress/kendo-angular-navigation": "20.1.0-develop.31",
118
+ "@progress/kendo-angular-popup": "20.1.0-develop.31",
119
+ "@progress/kendo-angular-icons": "20.1.0-develop.31",
120
+ "@progress/kendo-angular-treeview": "20.1.0-develop.31",
121
121
  "rxjs": "^6.5.3 || ^7.0.0"
122
122
  },
123
123
  "dependencies": {
124
124
  "tslib": "^2.3.1",
125
- "@progress/kendo-angular-schematics": "20.1.0-develop.3",
125
+ "@progress/kendo-angular-schematics": "20.1.0-develop.31",
126
126
  "@progress/kendo-common": "^1.0.1",
127
127
  "node-html-parser": "^7.0.1"
128
128
  },
package/schematics/ngAdd/index.js CHANGED
@@ -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': '20.1.0-develop.3',
7
+ '@progress/kendo-angular-inputs': '20.1.0-develop.31',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '20.1.0-develop.3',
9
+ '@progress/kendo-angular-intl': '20.1.0-develop.31',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^4.0.0'