@progress/kendo-angular-dropdowns 7.2.5-dev.202212021231 → 11.0.0-develop.100

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 (176) hide show
  1. package/LICENSE.md +1 -1
  2. package/NOTICE.txt +4 -4
  3. package/README.md +8 -8
  4. package/autocomplete/autocomplete.component.d.ts +6 -1
  5. package/autocomplete/autocomplete.module.d.ts +1 -1
  6. package/comboboxes/combobox-column/column-cell-template.directive.d.ts +1 -1
  7. package/comboboxes/combobox-column/column-header-template.directive.d.ts +1 -1
  8. package/comboboxes/combobox-column/combobox-column.component.d.ts +1 -1
  9. package/comboboxes/combobox-column/util.d.ts +1 -1
  10. package/comboboxes/combobox.component.d.ts +10 -1
  11. package/comboboxes/combobox.module.d.ts +1 -1
  12. package/comboboxes/multicolumncombobox.component.d.ts +1 -1
  13. package/common/constants/error-messages.d.ts +1 -1
  14. package/common/constants/touch-enabled.d.ts +1 -1
  15. package/common/data.service.d.ts +1 -1
  16. package/common/disabled-items/disabled-items.service.d.ts +1 -1
  17. package/common/disabled-items/item-disabled.d.ts +1 -1
  18. package/common/filter-input.directive.d.ts +1 -1
  19. package/common/filtering/filter-settings.d.ts +1 -1
  20. package/common/filtering/filter.directive.d.ts +1 -1
  21. package/common/filtering/filterable-component.d.ts +1 -1
  22. package/common/list-item.directive.d.ts +1 -1
  23. package/common/list.component.d.ts +1 -1
  24. package/common/localization/custom-messages.component.d.ts +1 -1
  25. package/common/localization/localized-messages.directive.d.ts +1 -1
  26. package/common/localization/messages.d.ts +1 -1
  27. package/common/models/checkboxes-settings.d.ts +1 -1
  28. package/common/models/direction.d.ts +1 -1
  29. package/common/models/fillmode.d.ts +1 -1
  30. package/common/models/list-type.d.ts +1 -1
  31. package/common/models/page-change-event.d.ts +1 -1
  32. package/common/models/popup-settings.d.ts +1 -1
  33. package/common/models/preventable-event.d.ts +1 -1
  34. package/common/models/remove-tag-event.d.ts +1 -1
  35. package/common/models/rounded.d.ts +1 -1
  36. package/common/models/size.d.ts +1 -1
  37. package/common/models/virtualization-settings.d.ts +1 -1
  38. package/common/navigation/navigation-action.d.ts +1 -1
  39. package/common/navigation/navigation.service.d.ts +1 -1
  40. package/common/searchbar.component.d.ts +1 -1
  41. package/common/selection/selectable.directive.d.ts +1 -1
  42. package/common/selection/selection.service.d.ts +1 -1
  43. package/common/shared-directives.module.d.ts +1 -1
  44. package/common/shared.module.d.ts +3 -2
  45. package/common/taglist.component.d.ts +6 -1
  46. package/common/templates/custom-item-template.directive.d.ts +1 -1
  47. package/common/templates/fixed-group-template.directive.d.ts +1 -1
  48. package/common/templates/footer-template.directive.d.ts +1 -1
  49. package/common/templates/group-tag-template.directive.d.ts +1 -1
  50. package/common/templates/group-template.directive.d.ts +1 -1
  51. package/common/templates/header-template.directive.d.ts +1 -1
  52. package/common/templates/item-template.directive.d.ts +1 -1
  53. package/common/templates/no-data-template.directive.d.ts +1 -1
  54. package/common/templates/tag-template.directive.d.ts +1 -1
  55. package/common/templates/template-context.directive.d.ts +1 -1
  56. package/common/templates/value-template.directive.d.ts +1 -1
  57. package/common/util.d.ts +16 -1
  58. package/dropdownlist/dropdownlist.component.d.ts +10 -1
  59. package/dropdownlist/dropdownlist.module.d.ts +1 -1
  60. package/dropdowns.module.d.ts +1 -1
  61. package/dropdowntrees/checked-state/base-check.directive.d.ts +1 -1
  62. package/dropdowntrees/checked-state/check-all.directive.d.ts +1 -1
  63. package/dropdowntrees/checked-state/check.directive.d.ts +1 -1
  64. package/dropdowntrees/checked-state/checkable-settings.d.ts +1 -1
  65. package/dropdowntrees/checked-state/checked-item.d.ts +1 -1
  66. package/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.d.ts +1 -1
  67. package/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.d.ts +1 -1
  68. package/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.d.ts +1 -1
  69. package/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.d.ts +1 -1
  70. package/dropdowntrees/dropdowntree.component.d.ts +25 -9
  71. package/dropdowntrees/dropdowntrees.module.d.ts +1 -1
  72. package/dropdowntrees/expanded-state/expand.directive.d.ts +1 -1
  73. package/dropdowntrees/lookup/lookup.d.ts +1 -1
  74. package/dropdowntrees/lookup/lookup.service.d.ts +1 -1
  75. package/dropdowntrees/multiselecttree.component.d.ts +21 -3
  76. package/dropdowntrees/summary-tag/summary-tag.directive.d.ts +1 -1
  77. package/dropdowntrees/templates/node-template.directive.d.ts +1 -1
  78. package/{esm2015/autocomplete/autocomplete.component.js → esm2020/autocomplete/autocomplete.component.mjs} +31 -15
  79. package/{esm2015/autocomplete/autocomplete.module.js → esm2020/autocomplete/autocomplete.module.mjs} +5 -5
  80. package/{esm2015/comboboxes/combobox-column/column-cell-template.directive.js → esm2020/comboboxes/combobox-column/column-cell-template.directive.mjs} +5 -5
  81. package/{esm2015/comboboxes/combobox-column/column-header-template.directive.js → esm2020/comboboxes/combobox-column/column-header-template.directive.mjs} +5 -5
  82. package/{esm2015/comboboxes/combobox-column/combobox-column.component.js → esm2020/comboboxes/combobox-column/combobox-column.component.mjs} +4 -4
  83. package/{esm2015/comboboxes/combobox-column/util.js → esm2020/comboboxes/combobox-column/util.mjs} +1 -1
  84. package/{esm2015/comboboxes/combobox.component.js → esm2020/comboboxes/combobox.component.mjs} +50 -18
  85. package/{esm2015/comboboxes/combobox.module.js → esm2020/comboboxes/combobox.module.mjs} +5 -5
  86. package/{esm2015/comboboxes/multicolumncombobox.component.js → esm2020/comboboxes/multicolumncombobox.component.mjs} +37 -15
  87. package/{esm2015/common/constants/error-messages.js → esm2020/common/constants/error-messages.mjs} +1 -1
  88. package/{esm2015/common/constants/touch-enabled.js → esm2020/common/constants/touch-enabled.mjs} +1 -1
  89. package/{esm2015/common/data.service.js → esm2020/common/data.service.mjs} +5 -5
  90. package/{esm2015/common/disabled-items/disabled-items.service.js → esm2020/common/disabled-items/disabled-items.service.mjs} +5 -4
  91. package/{esm2015/common/models/fillmode.js → esm2020/common/disabled-items/item-disabled.mjs} +1 -1
  92. package/{esm2015/common/filter-input.directive.js → esm2020/common/filter-input.directive.mjs} +5 -5
  93. package/{esm2015/common/disabled-items/item-disabled.js → esm2020/common/filtering/filter-settings.mjs} +1 -1
  94. package/{esm2015/common/filtering/filter.directive.js → esm2020/common/filtering/filter.directive.mjs} +5 -4
  95. package/{esm2015/common/filtering/filterable-component.js → esm2020/common/filtering/filterable-component.mjs} +1 -1
  96. package/{esm2015/common/list-item.directive.js → esm2020/common/list-item.directive.mjs} +5 -5
  97. package/{esm2015/common/list.component.js → esm2020/common/list.component.mjs} +21 -10
  98. package/{esm2015/common/localization/custom-messages.component.js → esm2020/common/localization/custom-messages.component.mjs} +5 -4
  99. package/{esm2015/common/localization/localized-messages.directive.js → esm2020/common/localization/localized-messages.directive.mjs} +5 -4
  100. package/{esm2015/common/localization/messages.js → esm2020/common/localization/messages.mjs} +4 -4
  101. package/{esm2015/common/models/checkboxes-settings.js → esm2020/common/models/checkboxes-settings.mjs} +1 -1
  102. package/{esm2015/common/filtering/filter-settings.js → esm2020/common/models/direction.mjs} +1 -1
  103. package/{esm2015/common/models/direction.js → esm2020/common/models/fillmode.mjs} +1 -1
  104. package/esm2020/common/models/list-type.mjs +5 -0
  105. package/esm2020/common/models/page-change-event.mjs +5 -0
  106. package/esm2020/common/models/popup-settings.mjs +5 -0
  107. package/{esm2015/common/models/preventable-event.js → esm2020/common/models/preventable-event.mjs} +1 -1
  108. package/{esm2015/common/models/remove-tag-event.js → esm2020/common/models/remove-tag-event.mjs} +1 -1
  109. package/esm2020/common/models/rounded.mjs +5 -0
  110. package/esm2020/common/models/size.mjs +5 -0
  111. package/{esm2015/common/models/virtualization-settings.js → esm2020/common/models/virtualization-settings.mjs} +2 -2
  112. package/{esm2015/common/navigation/navigation-action.js → esm2020/common/navigation/navigation-action.mjs} +1 -1
  113. package/{esm2015/common/navigation/navigation.service.js → esm2020/common/navigation/navigation.service.mjs} +6 -4
  114. package/{esm2015/common/searchbar.component.js → esm2020/common/searchbar.component.mjs} +10 -6
  115. package/{esm2015/common/selection/selectable.directive.js → esm2020/common/selection/selectable.directive.mjs} +5 -4
  116. package/{esm2015/common/selection/selection.service.js → esm2020/common/selection/selection.service.mjs} +8 -7
  117. package/{esm2015/common/shared-directives.module.js → esm2020/common/shared-directives.module.mjs} +5 -5
  118. package/{esm2015/common/shared.module.js → esm2020/common/shared.module.mjs} +10 -9
  119. package/{esm2015/common/taglist.component.js → esm2020/common/taglist.component.mjs} +28 -14
  120. package/{esm2015/common/templates/custom-item-template.directive.js → esm2020/common/templates/custom-item-template.directive.mjs} +5 -5
  121. package/{esm2015/common/templates/fixed-group-template.directive.js → esm2020/common/templates/fixed-group-template.directive.mjs} +5 -5
  122. package/{esm2015/common/templates/footer-template.directive.js → esm2020/common/templates/footer-template.directive.mjs} +5 -5
  123. package/{esm2015/common/templates/group-tag-template.directive.js → esm2020/common/templates/group-tag-template.directive.mjs} +5 -5
  124. package/{esm2015/common/templates/group-template.directive.js → esm2020/common/templates/group-template.directive.mjs} +5 -5
  125. package/{esm2015/common/templates/header-template.directive.js → esm2020/common/templates/header-template.directive.mjs} +5 -5
  126. package/{esm2015/common/templates/item-template.directive.js → esm2020/common/templates/item-template.directive.mjs} +5 -5
  127. package/{esm2015/common/templates/no-data-template.directive.js → esm2020/common/templates/no-data-template.directive.mjs} +5 -5
  128. package/{esm2015/common/templates/tag-template.directive.js → esm2020/common/templates/tag-template.directive.mjs} +5 -5
  129. package/{esm2015/common/templates/template-context.directive.js → esm2020/common/templates/template-context.directive.mjs} +5 -5
  130. package/{esm2015/common/templates/value-template.directive.js → esm2020/common/templates/value-template.directive.mjs} +5 -5
  131. package/{esm2015/common/util.js → esm2020/common/util.mjs} +27 -1
  132. package/{esm2015/dropdownlist/dropdownlist.component.js → esm2020/dropdownlist/dropdownlist.component.mjs} +60 -33
  133. package/{esm2015/dropdownlist/dropdownlist.module.js → esm2020/dropdownlist/dropdownlist.module.mjs} +5 -5
  134. package/{esm2015/dropdowns.module.js → esm2020/dropdowns.module.mjs} +5 -5
  135. package/{esm2015/dropdowntrees/checked-state/base-check.directive.js → esm2020/dropdowntrees/checked-state/base-check.directive.mjs} +6 -6
  136. package/{esm2015/dropdowntrees/checked-state/check-all.directive.js → esm2020/dropdowntrees/checked-state/check-all.directive.mjs} +7 -6
  137. package/{esm2015/dropdowntrees/checked-state/check.directive.js → esm2020/dropdowntrees/checked-state/check.directive.mjs} +7 -6
  138. package/esm2020/dropdowntrees/checked-state/checkable-settings.mjs +5 -0
  139. package/esm2020/dropdowntrees/checked-state/checked-item.mjs +5 -0
  140. package/{esm2015/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.js → esm2020/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.mjs} +7 -7
  141. package/{esm2015/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.js → esm2020/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.mjs} +7 -7
  142. package/{esm2015/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.js → esm2020/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.mjs} +7 -7
  143. package/{esm2015/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.js → esm2020/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.mjs} +7 -7
  144. package/{esm2015/dropdowntrees/dropdowntree.component.js → esm2020/dropdowntrees/dropdowntree.component.mjs} +121 -75
  145. package/{esm2015/dropdowntrees/dropdowntrees.module.js → esm2020/dropdowntrees/dropdowntrees.module.mjs} +5 -5
  146. package/{esm2015/dropdowntrees/expanded-state/expand.directive.js → esm2020/dropdowntrees/expanded-state/expand.directive.mjs} +5 -5
  147. package/{esm2015/dropdowntrees/lookup/lookup.js → esm2020/dropdowntrees/lookup/lookup.mjs} +1 -1
  148. package/{esm2015/dropdowntrees/lookup/lookup.service.js → esm2020/dropdowntrees/lookup/lookup.service.mjs} +4 -4
  149. package/{esm2015/dropdowntrees/multiselecttree.component.js → esm2020/dropdowntrees/multiselecttree.component.mjs} +109 -39
  150. package/{esm2015/dropdowntrees/summary-tag/summary-tag.directive.js → esm2020/dropdowntrees/summary-tag/summary-tag.directive.mjs} +5 -4
  151. package/{esm2015/dropdowntrees/templates/node-template.directive.js → esm2020/dropdowntrees/templates/node-template.directive.mjs} +5 -5
  152. package/{esm2015/main.js → esm2020/index.mjs} +1 -1
  153. package/{esm2015/multiselect/multiselect.component.js → esm2020/multiselect/multiselect.component.mjs} +82 -45
  154. package/{esm2015/multiselect/multiselect.module.js → esm2020/multiselect/multiselect.module.mjs} +5 -5
  155. package/{esm2015/multiselect/summary-tag.directive.js → esm2020/multiselect/summary-tag.directive.mjs} +6 -6
  156. package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
  157. package/{esm2015/kendo-angular-dropdowns.js → esm2020/progress-kendo-angular-dropdowns.mjs} +2 -2
  158. package/fesm2015/progress-kendo-angular-dropdowns.mjs +14976 -0
  159. package/{fesm2015/kendo-angular-dropdowns.js → fesm2020/progress-kendo-angular-dropdowns.mjs} +670 -398
  160. package/{main.d.ts → index.d.ts} +2 -1
  161. package/multiselect/multiselect.component.d.ts +18 -3
  162. package/multiselect/multiselect.module.d.ts +1 -1
  163. package/multiselect/summary-tag.directive.d.ts +1 -1
  164. package/package-metadata.d.ts +1 -1
  165. package/package.json +33 -58
  166. package/{kendo-angular-dropdowns.d.ts → progress-kendo-angular-dropdowns.d.ts} +2 -2
  167. package/schematics/ngAdd/index.js +4 -6
  168. package/bundles/kendo-angular-dropdowns.umd.js +0 -5
  169. package/esm2015/common/models/list-type.js +0 -5
  170. package/esm2015/common/models/page-change-event.js +0 -5
  171. package/esm2015/common/models/popup-settings.js +0 -5
  172. package/esm2015/common/models/rounded.js +0 -5
  173. package/esm2015/common/models/size.js +0 -5
  174. package/esm2015/dropdowntrees/checked-state/checkable-settings.js +0 -5
  175. package/esm2015/dropdowntrees/checked-state/checked-item.js +0 -5
  176. package/schematics/ngAdd/index.js.map +0 -1
@@ -1,10 +1,10 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { guid, isPresent, isArray, isObjectArray, resolveAllValues, selectedIndices, getter, isNumber, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass } from '../common/util';
6
6
  import { SearchBarComponent } from '../common/searchbar.component';
7
- import { ViewChild, ViewContainerRef, Component, HostBinding, Input, Output, EventEmitter, isDevMode, forwardRef, ContentChild, Optional, Inject } from '@angular/core';
7
+ import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Optional, Inject, HostListener } from '@angular/core';
8
8
  import { Subscription, Subject, of, merge } from 'rxjs';
9
9
  import { catchError, filter, map, tap } from 'rxjs/operators';
10
10
  import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged } from '@progress/kendo-angular-common';
@@ -29,11 +29,14 @@ import { MultiselectMessages } from '../common/constants/error-messages';
29
29
  import { PreventableEvent } from '../common/models/preventable-event';
30
30
  import { RemoveTagEvent } from '../common/models/remove-tag-event';
31
31
  import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
32
+ import { PopupService } from '@progress/kendo-angular-popup';
32
33
  import { FilterableComponent } from '../common/filtering/filterable-component';
33
34
  import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
34
35
  import { DataService } from '../common/data.service';
36
+ import { ListComponent } from '../common/list.component';
35
37
  import { normalizeCheckboxesSettings } from '../common/models/checkboxes-settings';
36
38
  import { normalizeVirtualizationSettings } from '../common/models/virtualization-settings';
39
+ import { plusIcon, xIcon } from '@progress/kendo-svg-icons';
37
40
  import * as i0 from "@angular/core";
38
41
  import * as i1 from "@progress/kendo-angular-l10n";
39
42
  import * as i2 from "@progress/kendo-angular-popup";
@@ -43,12 +46,13 @@ import * as i5 from "../common/navigation/navigation.service";
43
46
  import * as i6 from "../common/disabled-items/disabled-items.service";
44
47
  import * as i7 from "../common/taglist.component";
45
48
  import * as i8 from "../common/searchbar.component";
46
- import * as i9 from "../common/list.component";
47
- import * as i10 from "@progress/kendo-angular-common";
48
- import * as i11 from "../common/localization/localized-messages.directive";
49
- import * as i12 from "@angular/common";
50
- import * as i13 from "../common/templates/template-context.directive";
51
- import * as i14 from "../common/selection/selectable.directive";
49
+ import * as i9 from "@progress/kendo-angular-icons";
50
+ import * as i10 from "../common/list.component";
51
+ import * as i11 from "@progress/kendo-angular-common";
52
+ import * as i12 from "../common/localization/localized-messages.directive";
53
+ import * as i13 from "@angular/common";
54
+ import * as i14 from "../common/templates/template-context.directive";
55
+ import * as i15 from "../common/selection/selectable.directive";
52
56
  const MULTISELECT_VALUE_ACCESSOR = {
53
57
  multi: true,
54
58
  provide: NG_VALUE_ACCESSOR,
@@ -88,6 +92,14 @@ export class MultiSelectComponent {
88
92
  this.renderer = renderer;
89
93
  this._zone = _zone;
90
94
  this.touchEnabled = touchEnabled;
95
+ /**
96
+ * @hidden
97
+ */
98
+ this.xIcon = xIcon;
99
+ /**
100
+ * @hidden
101
+ */
102
+ this.plusIcon = plusIcon;
91
103
  this.listBoxId = guid();
92
104
  this.tagListId = guid();
93
105
  this.tagPrefix = "tag-" + guid();
@@ -560,6 +572,31 @@ export class MultiSelectComponent {
560
572
  get isLoading() {
561
573
  return this.loading;
562
574
  }
575
+ /**
576
+ * @hidden
577
+ */
578
+ handleKeyboardEvent(event) {
579
+ if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyA) {
580
+ event.preventDefault();
581
+ this.handleSelectAll();
582
+ }
583
+ }
584
+ /**
585
+ * @hidden
586
+ */
587
+ hostMousedown(event) {
588
+ const inputElement = this.searchbar.input.nativeElement;
589
+ if (event.button === 0) {
590
+ if (this.isFocused && this.isOpen && event.target === inputElement) {
591
+ return;
592
+ }
593
+ if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
594
+ this.searchbar.focus();
595
+ }
596
+ this.togglePopup(!this.isOpen);
597
+ event.preventDefault();
598
+ }
599
+ }
563
600
  get listContainerClasses() {
564
601
  const containerClasses = ['k-list-container', 'k-reset'];
565
602
  if (this.popupSettings.popupClass) {
@@ -806,8 +843,8 @@ export class MultiSelectComponent {
806
843
  * @hidden
807
844
  */
808
845
  clearAll(event) {
809
- event === null || event === void 0 ? void 0 : event.stopImmediatePropagation();
810
- event === null || event === void 0 ? void 0 : event.preventDefault();
846
+ event?.stopImmediatePropagation();
847
+ event?.preventDefault();
811
848
  this.focus();
812
849
  this.clearFilter();
813
850
  this.selectionService.lastClickedIndex = null;
@@ -858,8 +895,6 @@ export class MultiSelectComponent {
858
895
  }
859
896
  ngAfterViewInit() {
860
897
  this.searchbar.setInputSize();
861
- this.observableSubscriptions.add(this.renderer.listen(this.wrapper.nativeElement, 'mousedown', this.handleMousedown.bind(this)));
862
- this.observableSubscriptions.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
863
898
  }
864
899
  ngOnDestroy() {
865
900
  this._toggle(false);
@@ -1124,30 +1159,6 @@ export class MultiSelectComponent {
1124
1159
  this.clearFilter();
1125
1160
  }
1126
1161
  }
1127
- handleMousedown(event) {
1128
- const inputElement = this.searchbar.input.nativeElement;
1129
- if (event.button === 0) {
1130
- if (this.isFocused && this.isOpen && event.target === inputElement) {
1131
- return;
1132
- }
1133
- if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
1134
- this.searchbar.focus();
1135
- }
1136
- // The check is needed otherwise when appended to the component, the popup reopens on click
1137
- // https://github.com/telerik/kendo-angular/issues/3738
1138
- if ((this.popupRef && this.popupRef.popupElement.contains(event.target))) {
1139
- return;
1140
- }
1141
- event.preventDefault();
1142
- this.togglePopup(!this.isOpen);
1143
- }
1144
- }
1145
- handleKeydown(event) {
1146
- if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyA) {
1147
- event.preventDefault();
1148
- this.handleSelectAll();
1149
- }
1150
- }
1151
1162
  handleEnter(event) {
1152
1163
  const service = this.selectionService;
1153
1164
  const focusedIndex = this.selectionService.focused;
@@ -1310,7 +1321,7 @@ export class MultiSelectComponent {
1310
1321
  findIndex(text, startsFrom = 0) {
1311
1322
  let itemText;
1312
1323
  text = text.toLowerCase();
1313
- let index = this.dataService.findIndex(item => {
1324
+ const index = this.dataService.findIndex(item => {
1314
1325
  if (this.dataService.grouped) {
1315
1326
  itemText = getter(item.value, this.textField);
1316
1327
  }
@@ -1461,8 +1472,8 @@ export class MultiSelectComponent {
1461
1472
  }
1462
1473
  }
1463
1474
  }
1464
- MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.DataService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1465
- MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: { focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", removeTag: "removeTag" }, host: { properties: { "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
1475
+ MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.DataService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1476
+ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: { focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", removeTag: "removeTag" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)", "mousedown": "hostMousedown($event)" }, properties: { "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
1466
1477
  MULTISELECT_VALUE_ACCESSOR,
1467
1478
  DataService,
1468
1479
  SelectionService,
@@ -1536,7 +1547,12 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
1536
1547
  tabindex="-1"
1537
1548
  (mousedown)="clearAll($event)"
1538
1549
  >
1539
- <span class="k-icon k-i-x"></span>
1550
+ <kendo-icon-wrapper
1551
+ class="k-icon"
1552
+ name="x"
1553
+ [svgIcon]="xIcon"
1554
+ >
1555
+ </kendo-icon-wrapper>
1540
1556
  </span>
1541
1557
  <span
1542
1558
  *ngIf="loading"
@@ -1564,7 +1580,12 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
1564
1580
  }">
1565
1581
  </ng-template>
1566
1582
  <ng-template #default_custom_item_template>{{ text }}</ng-template>
1567
- <span class="k-icon k-i-plus" style="float: right"></span>
1583
+ <kendo-icon-wrapper
1584
+ class="k-icon"
1585
+ name="plus"
1586
+ [svgIcon]="plusIcon"
1587
+ >
1588
+ </kendo-icon-wrapper>
1568
1589
  </div>
1569
1590
  </div>
1570
1591
  <!--list-->
@@ -1611,8 +1632,8 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
1611
1632
  <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
1612
1633
  </ng-template>
1613
1634
  <ng-container #container></ng-container>
1614
- `, isInline: true, components: [{ type: i7.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { type: i8.SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "listId", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "popupOpen", "role", "isLoading", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i9.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }, { type: i10.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i11.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i13.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i12.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i14.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "multipleSelection"] }] });
1615
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectComponent, decorators: [{
1635
+ `, isInline: true, components: [{ type: i7.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { type: i8.SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "listId", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "popupOpen", "role", "isLoading", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i10.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }, { type: i11.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i12.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i15.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "multipleSelection"] }] });
1636
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectComponent, decorators: [{
1616
1637
  type: Component,
1617
1638
  args: [{
1618
1639
  exportAs: 'kendoMultiSelect',
@@ -1692,7 +1713,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
1692
1713
  tabindex="-1"
1693
1714
  (mousedown)="clearAll($event)"
1694
1715
  >
1695
- <span class="k-icon k-i-x"></span>
1716
+ <kendo-icon-wrapper
1717
+ class="k-icon"
1718
+ name="x"
1719
+ [svgIcon]="xIcon"
1720
+ >
1721
+ </kendo-icon-wrapper>
1696
1722
  </span>
1697
1723
  <span
1698
1724
  *ngIf="loading"
@@ -1720,7 +1746,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
1720
1746
  }">
1721
1747
  </ng-template>
1722
1748
  <ng-template #default_custom_item_template>{{ text }}</ng-template>
1723
- <span class="k-icon k-i-plus" style="float: right"></span>
1749
+ <kendo-icon-wrapper
1750
+ class="k-icon"
1751
+ name="plus"
1752
+ [svgIcon]="plusIcon"
1753
+ >
1754
+ </kendo-icon-wrapper>
1724
1755
  </div>
1725
1756
  </div>
1726
1757
  <!--list-->
@@ -1901,4 +1932,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
1901
1932
  }], isLoading: [{
1902
1933
  type: HostBinding,
1903
1934
  args: ['class.k-loading']
1935
+ }], handleKeyboardEvent: [{
1936
+ type: HostListener,
1937
+ args: ['keydown', ['$event']]
1938
+ }], hostMousedown: [{
1939
+ type: HostListener,
1940
+ args: ['mousedown', ['$event']]
1904
1941
  }] } });
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { NgModule } from '@angular/core';
@@ -34,14 +34,14 @@ const MULTISELECT_DIRECTIVES = [
34
34
  */
35
35
  export class MultiSelectModule {
36
36
  }
37
- MultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
38
- MultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectModule, declarations: [MultiSelectComponent,
37
+ MultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
38
+ MultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, declarations: [MultiSelectComponent,
39
39
  SummaryTagDirective,
40
40
  CustomItemTemplateDirective], imports: [SharedModule], exports: [MultiSelectComponent,
41
41
  SummaryTagDirective,
42
42
  CustomItemTemplateDirective, SharedDirectivesModule] });
43
- MultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectModule, providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }], imports: [[SharedModule], SharedDirectivesModule] });
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectModule, decorators: [{
43
+ MultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }], imports: [[SharedModule], SharedDirectivesModule] });
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, decorators: [{
45
45
  type: NgModule,
46
46
  args: [{
47
47
  declarations: [MULTISELECT_DIRECTIVES],
@@ -1,9 +1,10 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Directive, Input } from '@angular/core';
6
6
  import { isPresent, parseNumber } from '../common/util';
7
+ import { MultiSelectComponent } from './multiselect.component';
7
8
  import * as i0 from "@angular/core";
8
9
  import * as i1 from "./multiselect.component";
9
10
  /**
@@ -40,8 +41,7 @@ export class SummaryTagDirective {
40
41
  const showAfter = parseNumber(this.showAfter);
41
42
  this.multiSelectComponent.tagMapper = (tags) => {
42
43
  if (tags.length > showAfter) {
43
- let result;
44
- result = tags.slice(0, showAfter);
44
+ const result = tags.slice(0, showAfter);
45
45
  result.push(tags.slice(showAfter, tags.length));
46
46
  return result;
47
47
  }
@@ -51,9 +51,9 @@ export class SummaryTagDirective {
51
51
  };
52
52
  }
53
53
  }
54
- SummaryTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryTagDirective, deps: [{ token: i1.MultiSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
55
- SummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: { showAfter: ["kendoMultiSelectSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryTagDirective, decorators: [{
54
+ SummaryTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SummaryTagDirective, deps: [{ token: i1.MultiSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
55
+ SummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: { showAfter: ["kendoMultiSelectSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SummaryTagDirective, decorators: [{
57
57
  type: Directive,
58
58
  args: [{
59
59
  selector: '[kendoMultiSelectSummaryTag]'
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -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: 1669984210,
12
+ publishDate: 1673469313,
13
13
  version: '',
14
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
14
+ licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -1,8 +1,8 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Generated bundle index. Do not edit.
7
7
  */
8
- export * from './main';
8
+ export * from './index';