@progress/kendo-angular-dropdowns 16.5.0 → 16.6.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.
Files changed (114) hide show
  1. package/NOTICE.txt +12 -19
  2. package/autocomplete/autocomplete.component.d.ts +3 -4
  3. package/autocomplete/autocomplete.module.d.ts +17 -6
  4. package/comboboxes/combobox-column/column-cell-template.directive.d.ts +1 -1
  5. package/comboboxes/combobox-column/column-header-template.directive.d.ts +1 -1
  6. package/comboboxes/combobox-column/combobox-column.component.d.ts +1 -1
  7. package/comboboxes/combobox.component.d.ts +3 -4
  8. package/comboboxes/combobox.module.d.ts +22 -12
  9. package/comboboxes/multicolumncombobox.component.d.ts +2 -2
  10. package/common/action-sheet.component.d.ts +1 -1
  11. package/common/filter-input.directive.d.ts +1 -1
  12. package/common/filtering/filter.directive.d.ts +1 -1
  13. package/common/list-item.directive.d.ts +1 -1
  14. package/common/list.component.d.ts +1 -1
  15. package/common/localization/custom-messages.component.d.ts +1 -1
  16. package/common/localization/localized-messages.directive.d.ts +1 -1
  17. package/common/searchbar.component.d.ts +1 -1
  18. package/common/selection/selectable.directive.d.ts +1 -1
  19. package/common/shared-directives.module.d.ts +1 -1
  20. package/common/shared-events.directive.d.ts +1 -1
  21. package/common/shared.module.d.ts +9 -11
  22. package/common/taglist.component.d.ts +1 -1
  23. package/common/templates/custom-item-template.directive.d.ts +1 -1
  24. package/common/templates/fixed-group-template.directive.d.ts +1 -1
  25. package/common/templates/footer-template.directive.d.ts +1 -1
  26. package/common/templates/group-tag-template.directive.d.ts +1 -1
  27. package/common/templates/group-template.directive.d.ts +1 -1
  28. package/common/templates/header-template.directive.d.ts +1 -1
  29. package/common/templates/item-template.directive.d.ts +1 -1
  30. package/common/templates/no-data-template.directive.d.ts +1 -1
  31. package/common/templates/tag-template.directive.d.ts +1 -1
  32. package/common/templates/value-template.directive.d.ts +1 -1
  33. package/directives.d.ts +67 -0
  34. package/dropdownlist/dropdownlist.component.d.ts +7 -4
  35. package/dropdownlist/dropdownlist.module.d.ts +15 -4
  36. package/dropdowns.module.d.ts +32 -6
  37. package/dropdowntrees/checked-state/check-all.directive.d.ts +1 -1
  38. package/dropdowntrees/checked-state/check.directive.d.ts +1 -1
  39. package/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.d.ts +1 -1
  40. package/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.d.ts +1 -1
  41. package/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.d.ts +1 -1
  42. package/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.d.ts +1 -1
  43. package/dropdowntrees/dropdowntree.component.d.ts +7 -4
  44. package/dropdowntrees/dropdowntrees.module.d.ts +32 -13
  45. package/dropdowntrees/expanded-state/expand.directive.d.ts +1 -1
  46. package/dropdowntrees/multiselecttree.component.d.ts +7 -4
  47. package/dropdowntrees/summary-tag/summary-tag.directive.d.ts +1 -1
  48. package/dropdowntrees/templates/node-template.directive.d.ts +1 -1
  49. package/esm2020/autocomplete/autocomplete.component.mjs +17 -26
  50. package/esm2020/autocomplete/autocomplete.module.mjs +35 -14
  51. package/esm2020/comboboxes/combobox-column/column-cell-template.directive.mjs +3 -2
  52. package/esm2020/comboboxes/combobox-column/column-header-template.directive.mjs +3 -2
  53. package/esm2020/comboboxes/combobox-column/combobox-column.component.mjs +3 -2
  54. package/esm2020/comboboxes/combobox.component.mjs +18 -29
  55. package/esm2020/comboboxes/combobox.module.mjs +40 -35
  56. package/esm2020/comboboxes/multicolumncombobox.component.mjs +17 -21
  57. package/esm2020/common/action-sheet.component.mjs +9 -9
  58. package/esm2020/common/filter-input.directive.mjs +3 -1
  59. package/esm2020/common/filtering/filter.directive.mjs +3 -2
  60. package/esm2020/common/list-item.directive.mjs +3 -1
  61. package/esm2020/common/list.component.mjs +8 -9
  62. package/esm2020/common/localization/custom-messages.component.mjs +3 -2
  63. package/esm2020/common/localization/localized-messages.directive.mjs +3 -2
  64. package/esm2020/common/searchbar.component.mjs +5 -3
  65. package/esm2020/common/selection/selectable.directive.mjs +3 -2
  66. package/esm2020/common/shared-directives.module.mjs +3 -3
  67. package/esm2020/common/shared-events.directive.mjs +3 -2
  68. package/esm2020/common/shared.module.mjs +13 -12
  69. package/esm2020/common/taglist.component.mjs +8 -6
  70. package/esm2020/common/templates/custom-item-template.directive.mjs +3 -2
  71. package/esm2020/common/templates/fixed-group-template.directive.mjs +3 -2
  72. package/esm2020/common/templates/footer-template.directive.mjs +3 -2
  73. package/esm2020/common/templates/group-tag-template.directive.mjs +3 -2
  74. package/esm2020/common/templates/group-template.directive.mjs +3 -2
  75. package/esm2020/common/templates/header-template.directive.mjs +3 -2
  76. package/esm2020/common/templates/item-template.directive.mjs +3 -2
  77. package/esm2020/common/templates/no-data-template.directive.mjs +3 -2
  78. package/esm2020/common/templates/tag-template.directive.mjs +3 -2
  79. package/esm2020/common/templates/value-template.directive.mjs +3 -2
  80. package/esm2020/directives.mjs +166 -0
  81. package/esm2020/dropdownlist/dropdownlist.component.mjs +22 -27
  82. package/esm2020/dropdownlist/dropdownlist.module.mjs +33 -12
  83. package/esm2020/dropdowns.module.mjs +42 -8
  84. package/esm2020/dropdowntrees/checked-state/check-all.directive.mjs +3 -2
  85. package/esm2020/dropdowntrees/checked-state/check.directive.mjs +3 -2
  86. package/esm2020/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.mjs +3 -2
  87. package/esm2020/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.mjs +3 -2
  88. package/esm2020/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.mjs +3 -2
  89. package/esm2020/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.mjs +3 -2
  90. package/esm2020/dropdowntrees/dropdowntree.component.mjs +19 -24
  91. package/esm2020/dropdowntrees/dropdowntrees.module.mjs +59 -45
  92. package/esm2020/dropdowntrees/expanded-state/expand.directive.mjs +3 -2
  93. package/esm2020/dropdowntrees/multiselecttree.component.mjs +21 -25
  94. package/esm2020/dropdowntrees/summary-tag/summary-tag.directive.mjs +3 -2
  95. package/esm2020/dropdowntrees/templates/node-template.directive.mjs +3 -2
  96. package/esm2020/index.mjs +1 -1
  97. package/esm2020/multiselect/multiselect.component.mjs +19 -30
  98. package/esm2020/multiselect/multiselect.module.mjs +39 -25
  99. package/esm2020/multiselect/summary-tag.directive.mjs +3 -2
  100. package/esm2020/package-metadata.mjs +2 -2
  101. package/fesm2015/progress-kendo-angular-dropdowns.mjs +1324 -1196
  102. package/fesm2020/progress-kendo-angular-dropdowns.mjs +735 -593
  103. package/index.d.ts +1 -1
  104. package/multiselect/multiselect.component.d.ts +3 -4
  105. package/multiselect/multiselect.module.d.ts +19 -6
  106. package/multiselect/summary-tag.directive.d.ts +1 -1
  107. package/package.json +8 -8
  108. package/schematics/ngAdd/index.js +2 -2
  109. package/common/constants/touch-enabled.d.ts +0 -9
  110. package/common/shared-events.module.d.ts +0 -14
  111. package/common/templates/template-context.directive.d.ts +0 -17
  112. package/esm2020/common/constants/touch-enabled.mjs +0 -9
  113. package/esm2020/common/shared-events.module.mjs +0 -22
  114. package/esm2020/common/templates/template-context.directive.mjs +0 -33
@@ -2,8 +2,8 @@
2
2
  * Copyright © 2024 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
- import { Component, Renderer2, forwardRef, ElementRef, Input, Output, EventEmitter, ContentChild, ViewChild, ViewContainerRef, TemplateRef, HostBinding, isDevMode, ChangeDetectorRef, NgZone, Optional, Inject, Injector } from '@angular/core';
6
- import { isDocumentAvailable, KendoInput, hasObservers, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired } from '@progress/kendo-angular-common';
5
+ import { Component, Renderer2, forwardRef, ElementRef, Input, Output, EventEmitter, ContentChild, ViewChild, ViewContainerRef, TemplateRef, HostBinding, isDevMode, ChangeDetectorRef, NgZone, Injector } from '@angular/core';
6
+ import { isDocumentAvailable, KendoInput, hasObservers, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
7
7
  import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
8
8
  import { validatePackage } from '@progress/kendo-licensing';
9
9
  import { packageMetadata } from '../package-metadata';
@@ -27,9 +27,13 @@ import { FilterableComponent } from '../common/filtering/filterable-component';
27
27
  import { DataService } from '../common/data.service';
28
28
  import { ListComponent } from '../common/list.component';
29
29
  import { normalizeVirtualizationSettings } from '../common/models/virtualization-settings';
30
- import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
31
30
  import { xIcon } from '@progress/kendo-svg-icons';
32
31
  import { ResponsiveRendererComponent } from '../common/action-sheet.component';
32
+ import { NgIf, NgTemplateOutlet } from '@angular/common';
33
+ import { SharedDropDownEventsDirective } from '../common/shared-events.directive';
34
+ import { LocalizedMessagesDirective } from '../common/localization/localized-messages.directive';
35
+ import { IconWrapperComponent } from '@progress/kendo-angular-icons';
36
+ import { touchEnabled } from '@progress/kendo-common';
33
37
  import * as i0 from "@angular/core";
34
38
  import * as i1 from "@progress/kendo-angular-l10n";
35
39
  import * as i2 from "../common/data.service";
@@ -37,15 +41,6 @@ import * as i3 from "@progress/kendo-angular-popup";
37
41
  import * as i4 from "../common/selection/selection.service";
38
42
  import * as i5 from "../common/navigation/navigation.service";
39
43
  import * as i6 from "../common/disabled-items/disabled-items.service";
40
- import * as i7 from "../common/list.component";
41
- import * as i8 from "../common/searchbar.component";
42
- import * as i9 from "../common/templates/template-context.directive";
43
- import * as i10 from "../common/action-sheet.component";
44
- import * as i11 from "@angular/common";
45
- import * as i12 from "@progress/kendo-angular-common";
46
- import * as i13 from "../common/localization/localized-messages.directive";
47
- import * as i14 from "@progress/kendo-angular-icons";
48
- import * as i15 from "../common/shared-events.directive";
49
44
  const NO_VALUE = "";
50
45
  const DEFAULT_SIZE = 'medium';
51
46
  const DEFAULT_ROUNDED = 'medium';
@@ -79,7 +74,7 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR = {
79
74
  * ```
80
75
  */
81
76
  export class AutoCompleteComponent {
82
- constructor(localization, dataService, popupService, selectionService, navigationService, disabledItemsService, _zone, cdr, renderer, hostElement, touchEnabled, injector) {
77
+ constructor(localization, dataService, popupService, selectionService, navigationService, disabledItemsService, _zone, cdr, renderer, hostElement, injector) {
83
78
  this.localization = localization;
84
79
  this.dataService = dataService;
85
80
  this.popupService = popupService;
@@ -90,7 +85,6 @@ export class AutoCompleteComponent {
90
85
  this.cdr = cdr;
91
86
  this.renderer = renderer;
92
87
  this.hostElement = hostElement;
93
- this.touchEnabled = touchEnabled;
94
88
  this.injector = injector;
95
89
  /**
96
90
  * @hidden
@@ -282,7 +276,7 @@ export class AutoCompleteComponent {
282
276
  return appendTo === 'component' ? this.container : appendTo;
283
277
  }
284
278
  get clearButtonVisiblity() {
285
- if (this.touchEnabled) {
279
+ if (touchEnabled) {
286
280
  return 'visible';
287
281
  }
288
282
  }
@@ -967,7 +961,7 @@ export class AutoCompleteComponent {
967
961
  return index;
968
962
  }
969
963
  subscribeTouchEvents() {
970
- if (!isDocumentAvailable() || !this.touchEnabled) {
964
+ if (!isDocumentAvailable() || !touchEnabled) {
971
965
  return;
972
966
  }
973
967
  this._zone.runOutsideAngular(() =>
@@ -1127,8 +1121,8 @@ export class AutoCompleteComponent {
1127
1121
  this.actionSheetSearchBar.focus();
1128
1122
  }
1129
1123
  }
1130
- AutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.LocalizationService }, { token: i2.DataService }, { token: i3.PopupService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TOUCH_ENABLED, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
1131
- AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AutoCompleteComponent, selector: "kendo-autocomplete", inputs: { highlightFirst: "highlightFirst", showStickyHeader: "showStickyHeader", focusableId: "focusableId", data: "data", value: "value", valueField: "valueField", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", clearButton: "clearButton", suggest: "suggest", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-autocomplete": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
1124
+ AutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.LocalizationService }, { token: i2.DataService }, { token: i3.PopupService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
1125
+ AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AutoCompleteComponent, isStandalone: true, selector: "kendo-autocomplete", inputs: { highlightFirst: "highlightFirst", showStickyHeader: "showStickyHeader", focusableId: "focusableId", data: "data", value: "value", valueField: "valueField", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", clearButton: "clearButton", suggest: "suggest", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-autocomplete": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
1132
1126
  AUTOCOMPLETE_VALUE_ACCESSOR,
1133
1127
  DataService,
1134
1128
  SelectionService,
@@ -1284,7 +1278,7 @@ AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
1284
1278
  }">
1285
1279
  </ng-template>
1286
1280
  </ng-template>
1287
- `, isInline: true, dependencies: [{ kind: "component", type: i7.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }, { kind: "component", type: i8.SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "directive", type: i9.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i10.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i13.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i12.SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "directive", type: i15.SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }] });
1281
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "component", type: SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }] });
1288
1282
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteComponent, decorators: [{
1289
1283
  type: Component,
1290
1284
  args: [{
@@ -1447,14 +1441,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1447
1441
  }">
1448
1442
  </ng-template>
1449
1443
  </ng-template>
1450
- `
1444
+ `,
1445
+ standalone: true,
1446
+ imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgIf, NgTemplateOutlet, SeparatorComponent, SearchBarComponent, IconWrapperComponent, ResizeSensorComponent, ResponsiveRendererComponent, TemplateContextDirective, ListComponent]
1451
1447
  }]
1452
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.DataService }, { type: i3.PopupService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: undefined, decorators: [{
1453
- type: Optional
1454
- }, {
1455
- type: Inject,
1456
- args: [TOUCH_ENABLED]
1457
- }] }, { type: i0.Injector }]; }, propDecorators: { responsiveRendererComponent: [{
1448
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.DataService }, { type: i3.PopupService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.Injector }]; }, propDecorators: { responsiveRendererComponent: [{
1458
1449
  type: ViewChild,
1459
1450
  args: [ResponsiveRendererComponent]
1460
1451
  }], highlightFirst: [{
@@ -3,17 +3,23 @@
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';
6
- import { AutoCompleteComponent } from './autocomplete.component';
7
- import { SharedModule } from '../common/shared.module';
8
- import { SharedDirectivesModule } from '../common/shared-directives.module';
9
- import { AdornmentsModule } from '@progress/kendo-angular-common';
10
- import { SharedEventsModule } from '../common/shared-events.module';
6
+ import { KENDO_AUTOCOMPLETE } from '../directives';
7
+ import { ResizeBatchService } from '@progress/kendo-angular-common';
8
+ import { IconsService } from '@progress/kendo-angular-icons';
9
+ import { PopupService } from '@progress/kendo-angular-popup';
11
10
  import * as i0 from "@angular/core";
12
- const AUTOCOMPLETE_DIRECTIVES = [
13
- AutoCompleteComponent
14
- ];
11
+ import * as i1 from "./autocomplete.component";
12
+ import * as i2 from "../common/templates/fixed-group-template.directive";
13
+ import * as i3 from "../common/templates/footer-template.directive";
14
+ import * as i4 from "../common/templates/group-template.directive";
15
+ import * as i5 from "../common/templates/header-template.directive";
16
+ import * as i6 from "../common/templates/item-template.directive";
17
+ import * as i7 from "../common/templates/no-data-template.directive";
18
+ import * as i8 from "../common/filtering/filter.directive";
19
+ import * as i9 from "../common/localization/custom-messages.component";
20
+ import * as i10 from "@progress/kendo-angular-common";
21
+ // IMPORTANT: NgModule export kept for backwards compatibility
15
22
  /**
16
- * @hidden
17
23
  *
18
24
  * The exported package module.
19
25
  *
@@ -22,17 +28,32 @@ const AUTOCOMPLETE_DIRECTIVES = [
22
28
  * - `ItemTemplateDirective`&mdash;The item template directive.
23
29
  * - `HeaderTemplateDirective`&mdash;The header template directive.
24
30
  * - `FooterTemplateDirective`&mdash;The footer template directive.
31
+ * - `NoDataTemplateDirective`&mdash;The no data template directive.
32
+ * - `FixedGroupTemplateDirective`&mdash;The fixed group template directive.
33
+ * - `GroupTemplateDirective`&mdash;The group template directive.
34
+ * - `FilterDirective`&mdash;The filter directive.
35
+ * - `CustomMessagesComponent`&mdash;The custom messages component.
36
+ * - `SuffixTemplateDirective`&mdash;The suffix template directive.
37
+ * - `PrefixTemplateDirective`&mdash;The prefix template directive.
25
38
  */
26
39
  export class AutoCompleteModule {
27
40
  }
28
41
  AutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- AutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, declarations: [AutoCompleteComponent], imports: [SharedModule, AdornmentsModule, SharedEventsModule], exports: [AutoCompleteComponent, SharedDirectivesModule, AdornmentsModule] });
30
- AutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, imports: [SharedModule, AdornmentsModule, SharedEventsModule, SharedDirectivesModule, AdornmentsModule] });
42
+ AutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, imports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective], exports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective] });
43
+ AutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, providers: [
44
+ PopupService,
45
+ ResizeBatchService,
46
+ IconsService
47
+ ], imports: [i1.AutoCompleteComponent, i9.CustomMessagesComponent] });
31
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, decorators: [{
32
49
  type: NgModule,
33
50
  args: [{
34
- declarations: [AUTOCOMPLETE_DIRECTIVES],
35
- exports: [AUTOCOMPLETE_DIRECTIVES, SharedDirectivesModule, AdornmentsModule],
36
- imports: [SharedModule, AdornmentsModule, SharedEventsModule]
51
+ imports: [...KENDO_AUTOCOMPLETE],
52
+ exports: [...KENDO_AUTOCOMPLETE],
53
+ providers: [
54
+ PopupService,
55
+ ResizeBatchService,
56
+ IconsService
57
+ ]
37
58
  }]
38
59
  }] });
@@ -20,10 +20,11 @@ export class ColumnCellTemplateDirective {
20
20
  }
21
21
  }
22
22
  ColumnCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
23
- ColumnCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnCellTemplateDirective, selector: "[kendoMultiColumnComboBoxColumnCellTemplate]", ngImport: i0 });
23
+ ColumnCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnCellTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnCellTemplate]", ngImport: i0 });
24
24
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnCellTemplateDirective, decorators: [{
25
25
  type: Directive,
26
26
  args: [{
27
- selector: '[kendoMultiColumnComboBoxColumnCellTemplate]'
27
+ selector: '[kendoMultiColumnComboBoxColumnCellTemplate]',
28
+ standalone: true
28
29
  }]
29
30
  }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
@@ -17,10 +17,11 @@ export class ColumnHeaderTemplateDirective {
17
17
  }
18
18
  }
19
19
  ColumnHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
20
- ColumnHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnHeaderTemplateDirective, selector: "[kendoMultiColumnComboBoxColumnHeaderTemplate]", ngImport: i0 });
20
+ ColumnHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnHeaderTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnHeaderTemplate]", ngImport: i0 });
21
21
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderTemplateDirective, decorators: [{
22
22
  type: Directive,
23
23
  args: [{
24
- selector: '[kendoMultiColumnComboBoxColumnHeaderTemplate]'
24
+ selector: '[kendoMultiColumnComboBoxColumnHeaderTemplate]',
25
+ standalone: true
25
26
  }]
26
27
  }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
@@ -25,12 +25,13 @@ export class ComboBoxColumnComponent {
25
25
  }
26
26
  }
27
27
  ComboBoxColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
28
- ComboBoxColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ComboBoxColumnComponent, selector: "kendo-combobox-column", inputs: { field: "field", title: "title", width: "width", hidden: "hidden", style: "style", headerStyle: "headerStyle", class: "class", headerClass: "headerClass", media: "media" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ColumnCellTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ColumnHeaderTemplateDirective, descendants: true }], ngImport: i0, template: '', isInline: true });
28
+ ComboBoxColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ComboBoxColumnComponent, isStandalone: true, selector: "kendo-combobox-column", inputs: { field: "field", title: "title", width: "width", hidden: "hidden", style: "style", headerStyle: "headerStyle", class: "class", headerClass: "headerClass", media: "media" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ColumnCellTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ColumnHeaderTemplateDirective, descendants: true }], ngImport: i0, template: '', isInline: true });
29
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxColumnComponent, decorators: [{
30
30
  type: Component,
31
31
  args: [{
32
32
  selector: 'kendo-combobox-column',
33
- template: ''
33
+ template: '',
34
+ standalone: true
34
35
  }]
35
36
  }], propDecorators: { cellTemplate: [{
36
37
  type: ContentChild,
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2024 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
- import { Component, forwardRef, ElementRef, TemplateRef, Input, Output, EventEmitter, ContentChild, ViewChild, ViewContainerRef, HostBinding, isDevMode, Optional, Inject, ChangeDetectorRef, NgZone, Renderer2, Injector } from '@angular/core';
5
+ import { Component, forwardRef, ElementRef, TemplateRef, Input, Output, EventEmitter, ContentChild, ViewChild, ViewContainerRef, HostBinding, isDevMode, ChangeDetectorRef, NgZone, Renderer2, Injector } from '@angular/core';
6
6
  import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
7
7
  import { validatePackage } from '@progress/kendo-licensing';
8
8
  import { packageMetadata } from '../package-metadata';
@@ -18,22 +18,24 @@ import { NavigationService } from '../common/navigation/navigation.service';
18
18
  import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
19
19
  import { merge, of, Subject, Subscription } from 'rxjs';
20
20
  import { catchError, filter, map, partition, tap, throttleTime } from 'rxjs/operators';
21
- import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, MultiTabStop } from '@progress/kendo-angular-common';
21
+ import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, MultiTabStop, SeparatorComponent, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective } from '@progress/kendo-angular-common';
22
22
  import { isPresent, guid, getter, isEmptyString, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, windowSize, setListBoxAriaLabelledBy, setActionSheetTitle, updateActionSheetAdaptiveAppearance, animationDuration } from '../common/util';
23
23
  import { NavigationAction } from '../common/navigation/navigation-action';
24
- import { Keys } from '@progress/kendo-angular-common';
25
24
  import { PreventableEvent } from '../common/models/preventable-event';
26
25
  import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
27
26
  import { PopupService } from '@progress/kendo-angular-popup';
28
- import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
29
27
  import { ComboBoxMessages } from '../common/constants/error-messages';
30
28
  import { FilterableComponent } from '../common/filtering/filterable-component';
31
29
  import { DataService } from '../common/data.service';
32
30
  import { ListComponent } from '../common/list.component';
33
31
  import { normalizeVirtualizationSettings } from '../common/models/virtualization-settings';
34
- import { pointers } from '@progress/kendo-common';
32
+ import { pointers, touchEnabled } from '@progress/kendo-common';
35
33
  import { caretAltDownIcon, xIcon } from '@progress/kendo-svg-icons';
36
34
  import { ResponsiveRendererComponent } from '../common/action-sheet.component';
35
+ import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
36
+ import { SharedDropDownEventsDirective } from '../common/shared-events.directive';
37
+ import { LocalizedMessagesDirective } from '../common/localization/localized-messages.directive';
38
+ import { IconWrapperComponent } from '@progress/kendo-angular-icons';
37
39
  import * as i0 from "@angular/core";
38
40
  import * as i1 from "@progress/kendo-angular-l10n";
39
41
  import * as i2 from "@progress/kendo-angular-popup";
@@ -41,15 +43,6 @@ import * as i3 from "../common/selection/selection.service";
41
43
  import * as i4 from "../common/navigation/navigation.service";
42
44
  import * as i5 from "../common/disabled-items/disabled-items.service";
43
45
  import * as i6 from "../common/data.service";
44
- import * as i7 from "../common/list.component";
45
- import * as i8 from "../common/searchbar.component";
46
- import * as i9 from "../common/templates/template-context.directive";
47
- import * as i10 from "../common/action-sheet.component";
48
- import * as i11 from "@angular/common";
49
- import * as i12 from "@progress/kendo-angular-common";
50
- import * as i13 from "../common/localization/localized-messages.directive";
51
- import * as i14 from "@progress/kendo-angular-icons";
52
- import * as i15 from "../common/shared-events.directive";
53
46
  /**
54
47
  * @hidden
55
48
  */
@@ -79,7 +72,7 @@ const DEFAULT_FILL_MODE = 'solid';
79
72
  * ```
80
73
  */
81
74
  export class ComboBoxComponent extends MultiTabStop {
82
- constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, cdr, renderer, touchEnabled, injector, hostElement) {
75
+ constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, cdr, renderer, injector, hostElement) {
83
76
  super();
84
77
  this.wrapper = wrapper;
85
78
  this.localization = localization;
@@ -91,7 +84,6 @@ export class ComboBoxComponent extends MultiTabStop {
91
84
  this.zone = zone;
92
85
  this.cdr = cdr;
93
86
  this.renderer = renderer;
94
- this.touchEnabled = touchEnabled;
95
87
  this.injector = injector;
96
88
  this.hostElement = hostElement;
97
89
  /**
@@ -583,7 +575,7 @@ export class ComboBoxComponent extends MultiTabStop {
583
575
  this._isFocused = value;
584
576
  }
585
577
  get clearButtonVisiblity() {
586
- if (this.touchEnabled) {
578
+ if (touchEnabled) {
587
579
  return 'visible';
588
580
  }
589
581
  }
@@ -1329,7 +1321,7 @@ export class ComboBoxComponent extends MultiTabStop {
1329
1321
  * @hidden
1330
1322
  */
1331
1323
  selectClick() {
1332
- if (!this.touchEnabled) {
1324
+ if (!touchEnabled) {
1333
1325
  this.searchbar.focus();
1334
1326
  this.isFocused = true;
1335
1327
  }
@@ -1462,7 +1454,7 @@ export class ComboBoxComponent extends MultiTabStop {
1462
1454
  this.filterChange.emit(this.filterText);
1463
1455
  }
1464
1456
  subscribeTouchEvents() {
1465
- if (!isDocumentAvailable() || !this.touchEnabled) {
1457
+ if (!isDocumentAvailable() || !touchEnabled) {
1466
1458
  return;
1467
1459
  }
1468
1460
  this.zone.runOutsideAngular(() =>
@@ -1527,8 +1519,8 @@ export class ComboBoxComponent extends MultiTabStop {
1527
1519
  this.actionSheetSearchBar.focus();
1528
1520
  }
1529
1521
  }
1530
- ComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1531
- ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ComboBoxComponent, selector: "kendo-combobox", inputs: { icon: "icon", svgIcon: "svgIcon", inputAttributes: "inputAttributes", 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", inputFocus: "inputFocus", inputBlur: "inputBlur", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "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: [
1522
+ ComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1523
+ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ComboBoxComponent, isStandalone: true, selector: "kendo-combobox", inputs: { icon: "icon", svgIcon: "svgIcon", inputAttributes: "inputAttributes", 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", inputFocus: "inputFocus", inputBlur: "inputBlur", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "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: [
1532
1524
  COMBOBOX_VALUE_ACCESSOR,
1533
1525
  DataService,
1534
1526
  SelectionService,
@@ -1708,7 +1700,7 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
1708
1700
  }">
1709
1701
  </ng-template>
1710
1702
  </ng-template>
1711
- `, isInline: true, dependencies: [{ kind: "component", type: i7.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }, { kind: "component", type: i8.SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "directive", type: i9.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i10.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i13.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i12.SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "directive", type: i15.SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }] });
1703
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "component", type: SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }] });
1712
1704
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxComponent, decorators: [{
1713
1705
  type: Component,
1714
1706
  args: [{
@@ -1895,14 +1887,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1895
1887
  }">
1896
1888
  </ng-template>
1897
1889
  </ng-template>
1898
- `
1890
+ `,
1891
+ standalone: true,
1892
+ imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgIf, NgTemplateOutlet, SeparatorComponent, SearchBarComponent, EventsOutsideAngularDirective, IconWrapperComponent, NgClass, ResizeSensorComponent, ResponsiveRendererComponent, TemplateContextDirective, ListComponent]
1899
1893
  }]
1900
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
1901
- type: Optional
1902
- }, {
1903
- type: Inject,
1904
- args: [TOUCH_ENABLED]
1905
- }] }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { icon: [{
1894
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { icon: [{
1906
1895
  type: Input
1907
1896
  }], svgIcon: [{
1908
1897
  type: Input
@@ -3,58 +3,63 @@
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';
6
- import { touchEnabled } from '@progress/kendo-common';
7
- import { ComboBoxComponent } from './combobox.component';
8
- import { MultiColumnComboBoxComponent } from './multicolumncombobox.component';
9
- import { ComboBoxColumnComponent } from './combobox-column/combobox-column.component';
10
- import { SharedModule } from '../common/shared.module';
11
- import { SharedDirectivesModule } from '../common/shared-directives.module';
12
- import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
13
- import { ColumnHeaderTemplateDirective } from './combobox-column/column-header-template.directive';
14
- import { ColumnCellTemplateDirective } from './combobox-column/column-cell-template.directive';
15
- import { AdornmentsModule, ToggleButtonTabStopModule } from '@progress/kendo-angular-common';
16
- import { SharedEventsModule } from '../common/shared-events.module';
6
+ import { KENDO_COMBOBOX, KENDO_MULTICOLUMNCOMBOBOX } from '../directives';
7
+ import { ResizeBatchService } from '@progress/kendo-angular-common';
8
+ import { IconsService } from '@progress/kendo-angular-icons';
9
+ import { PopupService } from '@progress/kendo-angular-popup';
17
10
  import * as i0 from "@angular/core";
18
- const COMBOBOX_DIRECTIVES = [
19
- ComboBoxComponent,
20
- MultiColumnComboBoxComponent,
21
- ComboBoxColumnComponent,
22
- ColumnHeaderTemplateDirective,
23
- ColumnCellTemplateDirective
24
- ];
11
+ import * as i1 from "./combobox.component";
12
+ import * as i2 from "../common/templates/fixed-group-template.directive";
13
+ import * as i3 from "../common/templates/footer-template.directive";
14
+ import * as i4 from "../common/templates/group-template.directive";
15
+ import * as i5 from "../common/templates/header-template.directive";
16
+ import * as i6 from "../common/templates/item-template.directive";
17
+ import * as i7 from "../common/templates/no-data-template.directive";
18
+ import * as i8 from "../common/filtering/filter.directive";
19
+ import * as i9 from "../common/localization/custom-messages.component";
20
+ import * as i10 from "@progress/kendo-angular-common";
21
+ import * as i11 from "./multicolumncombobox.component";
22
+ import * as i12 from "./combobox-column/combobox-column.component";
23
+ import * as i13 from "./combobox-column/column-header-template.directive";
24
+ import * as i14 from "./combobox-column/column-cell-template.directive";
25
+ // IMPORTANT: NgModule export kept for backwards compatibility
25
26
  /**
26
- * @hidden
27
27
  *
28
28
  * The exported package module.
29
29
  *
30
30
  * The package exports:
31
31
  * - `ComboBoxComponent`&mdash;The ComboBox component class.
32
+ * - `ComboBoxColumnComponent`&mdash;The ComboBoxColumn component class.
32
33
  * - `MultiColumnComboBoxComponent`&mdash;The MultiColumnComboBox component class.
33
34
  * - `ItemTemplateDirective`&mdash;The item template directive.
34
35
  * - `HeaderTemplateDirective`&mdash;The header template directive.
35
36
  * - `FooterTemplateDirective`&mdash;The footer template directive.
36
- * - `ColumnHeaderTemplateDirective`&mdash;The column header template directive.
37
- * - `ColumnCellTemplateDirective`&mdash;The column cell template directive.
37
+ * - `NoDataTemplateDirective`&mdash;The no data template directive.
38
+ * - `FixedGroupTemplateDirective`&mdash;The fixed group template directive.
39
+ * - `GroupTemplateDirective`&mdash;The group template directive.
40
+ * - `FilterDirective`&mdash;The filter directive.
41
+ * - `CustomMessagesComponent`&mdash;The custom messages component.
42
+ * - `SuffixTemplateDirective`&mdash;The suffix template directive.
43
+ * - `PrefixTemplateDirective`&mdash;The prefix template directive.
38
44
  */
39
45
  export class ComboBoxModule {
40
46
  }
41
47
  ComboBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
42
- ComboBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxModule, declarations: [ComboBoxComponent,
43
- MultiColumnComboBoxComponent,
44
- ComboBoxColumnComponent,
45
- ColumnHeaderTemplateDirective,
46
- ColumnCellTemplateDirective], imports: [SharedModule, AdornmentsModule, SharedEventsModule], exports: [ComboBoxComponent,
47
- MultiColumnComboBoxComponent,
48
- ComboBoxColumnComponent,
49
- ColumnHeaderTemplateDirective,
50
- ColumnCellTemplateDirective, SharedDirectivesModule, AdornmentsModule, ToggleButtonTabStopModule] });
51
- ComboBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxModule, providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }], imports: [SharedModule, AdornmentsModule, SharedEventsModule, SharedDirectivesModule, AdornmentsModule, ToggleButtonTabStopModule] });
48
+ ComboBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxModule, imports: [i1.ComboBoxComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i11.MultiColumnComboBoxComponent, i12.ComboBoxColumnComponent, i13.ColumnHeaderTemplateDirective, i14.ColumnCellTemplateDirective, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective], exports: [i1.ComboBoxComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i11.MultiColumnComboBoxComponent, i12.ComboBoxColumnComponent, i13.ColumnHeaderTemplateDirective, i14.ColumnCellTemplateDirective, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective] });
49
+ ComboBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxModule, providers: [
50
+ PopupService,
51
+ ResizeBatchService,
52
+ IconsService
53
+ ], imports: [i1.ComboBoxComponent, i9.CustomMessagesComponent, i11.MultiColumnComboBoxComponent, i12.ComboBoxColumnComponent, i9.CustomMessagesComponent] });
52
54
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ComboBoxModule, decorators: [{
53
55
  type: NgModule,
54
56
  args: [{
55
- declarations: [COMBOBOX_DIRECTIVES],
56
- exports: [COMBOBOX_DIRECTIVES, SharedDirectivesModule, AdornmentsModule, ToggleButtonTabStopModule],
57
- imports: [SharedModule, AdornmentsModule, SharedEventsModule],
58
- providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }]
57
+ imports: [...KENDO_COMBOBOX, ...KENDO_MULTICOLUMNCOMBOBOX],
58
+ exports: [...KENDO_COMBOBOX, ...KENDO_MULTICOLUMNCOMBOBOX],
59
+ providers: [
60
+ PopupService,
61
+ ResizeBatchService,
62
+ IconsService
63
+ ]
59
64
  }]
60
65
  }] });