@progress/kendo-angular-dropdowns 16.5.0 → 16.6.0-develop.2

package/esm2020/dropdowntrees/dropdowntrees.module.mjs

@@ -3,59 +3,73 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { SharedModule } from '../common/shared.module';
-import { TreeViewModule } from '@progress/kendo-angular-treeview';
-import { SharedDirectivesModule } from '../common/shared-directives.module';
-import { DropDownTreeComponent } from './dropdowntree.component';
-import { MultiSelectTreeComponent } from './multiselecttree.component';
-import { DropDownTreeFlatBindingDirective } from './data-binding/dropdowntree/flat-binding.directive';
-import { DropDownTreeHierarchyBindingDirective } from './data-binding/dropdowntree/hierarchy-binding.directive';
-import { MultiSelectTreeFlatBindingDirective } from './data-binding/multiselecttree/flat-binding.directive';
-import { MultiSelectTreeHierarchyBindingDirective } from './data-binding/multiselecttree/hierarchy-binding.directive';
-import { DropDownTreesExpandDirective } from './expanded-state/expand.directive';
-import { NodeTemplateDirective } from './templates/node-template.directive';
-import { MultiSelectTreeSummaryTagDirective } from './summary-tag/summary-tag.directive';
+import { KENDO_DROPDOWNTREE, KENDO_MULTISELECTTREE } from '../directives';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { DialogContainerService, DialogService, WindowContainerService, WindowService } from '@progress/kendo-angular-dialog';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
 import * as i0 from "@angular/core";
-const DROPDOWNTREE_DIRECTIVES = [
-    DropDownTreeComponent,
-    MultiSelectTreeComponent,
-    DropDownTreeFlatBindingDirective,
-    DropDownTreeHierarchyBindingDirective,
-    MultiSelectTreeFlatBindingDirective,
-    MultiSelectTreeHierarchyBindingDirective,
-    DropDownTreesExpandDirective,
-    NodeTemplateDirective,
-    MultiSelectTreeSummaryTagDirective
-];
+import * as i1 from "./dropdowntree.component";
+import * as i2 from "./data-binding/dropdowntree/flat-binding.directive";
+import * as i3 from "./data-binding/dropdowntree/hierarchy-binding.directive";
+import * as i4 from "./expanded-state/expand.directive";
+import * as i5 from "./templates/node-template.directive";
+import * as i6 from "../common/templates/header-template.directive";
+import * as i7 from "../common/templates/footer-template.directive";
+import * as i8 from "../common/templates/value-template.directive";
+import * as i9 from "../common/templates/no-data-template.directive";
+import * as i10 from "../common/localization/custom-messages.component";
+import * as i11 from "./multiselecttree.component";
+import * as i12 from "./data-binding/multiselecttree/flat-binding.directive";
+import * as i13 from "./data-binding/multiselecttree/hierarchy-binding.directive";
+import * as i14 from "./summary-tag/summary-tag.directive";
+import * as i15 from "../common/templates/group-tag-template.directive";
+import * as i16 from "../common/templates/tag-template.directive";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * @hidden
+ * - `MultiSelectTreeComponent`—The MultiSelectTree component class.
+ * - `DropDownTreeComponent`—The DropDownTree component class.
+ * - `MultiSelectTreeFlatBindingDirective`—The MultiSelectTree flat binding directive.
+ * - `DropDownTreeFlatBindingDirective`—The DropDownTree flat binding directive.
+ * - `MultiSelectTreeHierarchyBindingDirective`—The MultiSelectTree hierarchy binding directive.
+ * - `DropDownTreeHierarchyBindingDirective`—The DropDownTree hierarchy binding directive.
+ * - `DropDownTreesExpandDirective`—The DropDownTreesExpand directive.
+ * - `NodeTemplateDirective`—The node template directive.
+ * - `MultiSelectTreeSummaryTagDirective`—The MultiSelectTreeSummaryTag directive.
+ * - `TagTemplateDirective`—The tag template directive.
+ * - `GroupTagTemplateDirective`—The group tag template directive.
+ * - `HeaderTemplateDirective`—The header template directive.
+ * - `FooterTemplateDirective`—The footer template directive.
+ * - `ValueTemplateDirective`—The value template directive.
+ * - `NoDataTemplateDirective`—The no-data template directive.
+ * - `CustomMessagesComponent`—The custom messages component.
  */
 export class DropDownTreesModule {
 }
 DropDownTreesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DropDownTreesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesModule, declarations: [DropDownTreeComponent,
-        MultiSelectTreeComponent,
-        DropDownTreeFlatBindingDirective,
-        DropDownTreeHierarchyBindingDirective,
-        MultiSelectTreeFlatBindingDirective,
-        MultiSelectTreeHierarchyBindingDirective,
-        DropDownTreesExpandDirective,
-        NodeTemplateDirective,
-        MultiSelectTreeSummaryTagDirective], imports: [SharedModule, TreeViewModule], exports: [DropDownTreeComponent,
-        MultiSelectTreeComponent,
-        DropDownTreeFlatBindingDirective,
-        DropDownTreeHierarchyBindingDirective,
-        MultiSelectTreeFlatBindingDirective,
-        MultiSelectTreeHierarchyBindingDirective,
-        DropDownTreesExpandDirective,
-        NodeTemplateDirective,
-        MultiSelectTreeSummaryTagDirective, SharedDirectivesModule] });
-DropDownTreesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesModule, imports: [SharedModule, TreeViewModule, SharedDirectivesModule] });
+DropDownTreesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesModule, imports: [i1.DropDownTreeComponent, i2.DropDownTreeFlatBindingDirective, i3.DropDownTreeHierarchyBindingDirective, i4.DropDownTreesExpandDirective, i5.NodeTemplateDirective, i6.HeaderTemplateDirective, i7.FooterTemplateDirective, i8.ValueTemplateDirective, i9.NoDataTemplateDirective, i10.CustomMessagesComponent, i11.MultiSelectTreeComponent, i12.MultiSelectTreeFlatBindingDirective, i13.MultiSelectTreeHierarchyBindingDirective, i4.DropDownTreesExpandDirective, i5.NodeTemplateDirective, i14.MultiSelectTreeSummaryTagDirective, i15.GroupTagTemplateDirective, i16.TagTemplateDirective, i6.HeaderTemplateDirective, i7.FooterTemplateDirective, i8.ValueTemplateDirective, i9.NoDataTemplateDirective, i10.CustomMessagesComponent], exports: [i1.DropDownTreeComponent, i2.DropDownTreeFlatBindingDirective, i3.DropDownTreeHierarchyBindingDirective, i4.DropDownTreesExpandDirective, i5.NodeTemplateDirective, i6.HeaderTemplateDirective, i7.FooterTemplateDirective, i8.ValueTemplateDirective, i9.NoDataTemplateDirective, i10.CustomMessagesComponent, i11.MultiSelectTreeComponent, i12.MultiSelectTreeFlatBindingDirective, i13.MultiSelectTreeHierarchyBindingDirective, i4.DropDownTreesExpandDirective, i5.NodeTemplateDirective, i14.MultiSelectTreeSummaryTagDirective, i15.GroupTagTemplateDirective, i16.TagTemplateDirective, i6.HeaderTemplateDirective, i7.FooterTemplateDirective, i8.ValueTemplateDirective, i9.NoDataTemplateDirective, i10.CustomMessagesComponent] });
+DropDownTreesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesModule, providers: [
+        IconsService,
+        PopupService,
+        ResizeBatchService,
+        DialogContainerService,
+        DialogService,
+        WindowService,
+        WindowContainerService
+    ], imports: [i1.DropDownTreeComponent, i10.CustomMessagesComponent, i11.MultiSelectTreeComponent, i10.CustomMessagesComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DROPDOWNTREE_DIRECTIVES],
-                    exports: [DROPDOWNTREE_DIRECTIVES, SharedDirectivesModule],
-                    imports: [SharedModule, TreeViewModule]
+                    imports: [...KENDO_DROPDOWNTREE, ...KENDO_MULTISELECTTREE],
+                    exports: [...KENDO_DROPDOWNTREE, ...KENDO_MULTISELECTTREE],
+                    providers: [
+                        IconsService,
+                        PopupService,
+                        ResizeBatchService,
+                        DialogContainerService,
+                        DialogService,
+                        WindowService,
+                        WindowContainerService
+                    ]
                 }]
         }] });

package/esm2020/dropdowntrees/expanded-state/expand.directive.mjs

@@ -25,11 +25,12 @@ export class DropDownTreesExpandDirective extends ExpandDirective {
     }
 }
 DropDownTreesExpandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesExpandDirective, deps: [{ token: i1.ExpandableComponent }], target: i0.ɵɵFactoryTarget.Directive });
-DropDownTreesExpandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: { isExpanded: ["isNodeExpanded", "isExpanded"] }, usesInheritance: true, ngImport: i0 });
+DropDownTreesExpandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropDownTreesExpandDirective, isStandalone: true, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: { isExpanded: ["isNodeExpanded", "isExpanded"] }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreesExpandDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]'
+                    selector: '[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.ExpandableComponent }]; }, propDecorators: { isExpanded: [{
                 type: Input,

package/esm2020/dropdowntrees/multiselecttree.component.mjs

@@ -2,9 +2,9 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, forwardRef, HostBinding, Inject, Injector, Input, isDevMode, NgZone, Optional, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, forwardRef, HostBinding, Injector, Input, isDevMode, NgZone, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { anyChanged, guid, hasObservers, Keys, KendoInput, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { anyChanged, guid, hasObservers, Keys, KendoInput, isDocumentAvailable, EventsOutsideAngularDirective, ResizeSensorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { PopupService } from '@progress/kendo-angular-popup';
@@ -23,28 +23,24 @@ import { NodeTemplateDirective } from './templates/node-template.directive';
 import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
 import { TagTemplateDirective } from '../common/templates/tag-template.directive';
 import { GroupTagTemplateDirective } from '../common/templates/group-tag-template.directive';
-import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
 import { merge, of, Subject, Subscription } from 'rxjs';
 import { debounceTime, filter, tap } from 'rxjs/operators';
 import { buildTreeItem, MultiSelectTreeLookupService, nodeIndex } from './lookup/lookup.service';
 import { searchIcon, xIcon } from '@progress/kendo-svg-icons';
 import { ResponsiveRendererComponent } from '../common/action-sheet.component';
+import { CheckDirective } from './checked-state/check.directive';
+import { CheckAllDirective } from './checked-state/check-all.directive';
+import { FilterInputDirective } from '../common/filter-input.directive';
+import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
+import { TagListComponent } from '../common/taglist.component';
+import { LocalizedMessagesDirective } from '../common/localization/localized-messages.directive';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { touchEnabled } from '@progress/kendo-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "../common/navigation/navigation.service";
 import * as i3 from "@progress/kendo-angular-l10n";
 import * as i4 from "./lookup/lookup.service";
-import * as i5 from "../common/templates/template-context.directive";
-import * as i6 from "../common/taglist.component";
-import * as i7 from "./checked-state/check.directive";
-import * as i8 from "./checked-state/check-all.directive";
-import * as i9 from "../common/action-sheet.component";
-import * as i10 from "@angular/common";
-import * as i11 from "@progress/kendo-angular-common";
-import * as i12 from "../common/localization/localized-messages.directive";
-import * as i13 from "../common/filter-input.directive";
-import * as i14 from "@progress/kendo-angular-icons";
-import * as i15 from "@progress/kendo-angular-treeview";
 const DEFAULT_POPUP_SETTINGS = { animate: true };
 const DEFAULT_CHECKABLE_SETTINGS = { checkChildren: true, checkOnClick: true };
 const hasChildren = () => false;
@@ -58,7 +54,7 @@ const DEFAULT_FILL_MODE = 'solid';
  * Represents the [Kendo UI MultiSelectTree component for Angular]({% slug overview_multiselecttree %}).
  */
 export class MultiSelectTreeComponent {
-    constructor(injector, wrapper, popupService, renderer, navigationService, _zone, localization, cdr, lookup, touchEnabled) {
+    constructor(injector, wrapper, popupService, renderer, navigationService, _zone, localization, cdr, lookup) {
         this.injector = injector;
         this.wrapper = wrapper;
         this.popupService = popupService;
@@ -68,6 +64,9 @@ export class MultiSelectTreeComponent {
         this.localization = localization;
         this.cdr = cdr;
         this.lookup = lookup;
+        /**
+         * @hidden
+         */
         this.touchEnabled = touchEnabled;
         /**
          * @hidden
@@ -1571,8 +1570,8 @@ export class MultiSelectTreeComponent {
         this.filterable && this.actionSheetSearchBar.focus();
     }
 }
-MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i4.MultiSelectTreeLookupService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselecttree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant", "class.k-readonly": "this.readonly" } }, providers: [
+MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i4.MultiSelectTreeLookupService }], target: i0.ɵɵFactoryTarget.Component });
+MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiSelectTreeComponent, isStandalone: true, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselecttree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant", "class.k-readonly": "this.readonly" } }, providers: [
         LocalizationService,
         NavigationService,
         DataService,
@@ -1822,7 +1821,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
         </ng-template>
 
         <kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i6.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: i7.CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: i8.CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: i9.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: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i11.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i12.LocalizedMessagesDirective, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  " }, { kind: "directive", type: i13.FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i11.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: i15.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  " }, { kind: "component", type: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeComponent, decorators: [{
             type: Component,
             args: [{
@@ -2079,14 +2078,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </ng-template>
 
         <kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
-    `
+    `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, TagListComponent, NgIf, IconWrapperComponent, NgTemplateOutlet, ResponsiveRendererComponent, NgClass, FilterInputDirective, EventsOutsideAngularDirective, TemplateContextDirective, CheckAllDirective, TreeViewComponent, CheckDirective, ResizeSensorComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.PopupService }, { type: i0.Renderer2 }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i4.MultiSelectTreeLookupService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [TOUCH_ENABLED]
-                }] }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.PopupService }, { type: i0.Renderer2 }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i4.MultiSelectTreeLookupService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-multiselecttree']
             }, {

package/esm2020/dropdowntrees/summary-tag/summary-tag.directive.mjs

@@ -51,11 +51,12 @@ export class MultiSelectTreeSummaryTagDirective {
     }
 }
 MultiSelectTreeSummaryTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeSummaryTagDirective, deps: [{ token: i1.MultiSelectTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
-MultiSelectTreeSummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MultiSelectTreeSummaryTagDirective, selector: "[kendoMultiSelectTreeSummaryTag]", inputs: { showAfter: ["kendoMultiSelectTreeSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
+MultiSelectTreeSummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MultiSelectTreeSummaryTagDirective, isStandalone: true, selector: "[kendoMultiSelectTreeSummaryTag]", inputs: { showAfter: ["kendoMultiSelectTreeSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeSummaryTagDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoMultiSelectTreeSummaryTag]'
+                    selector: '[kendoMultiSelectTreeSummaryTag]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.MultiSelectTreeComponent }]; }, propDecorators: { showAfter: [{
                 type: Input,

package/esm2020/dropdowntrees/templates/node-template.directive.mjs

@@ -19,10 +19,11 @@ export class NodeTemplateDirective {
     }
 }
 NodeTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-NodeTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NodeTemplateDirective, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]", ngImport: i0 });
+NodeTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NodeTemplateDirective, isStandalone: true, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]'
+                    selector: '[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/index.mjs

@@ -32,7 +32,6 @@ export { CustomItemTemplateDirective } from './common/templates/custom-item-temp
 export { HeaderTemplateDirective } from './common/templates/header-template.directive';
 export { FooterTemplateDirective } from './common/templates/footer-template.directive';
 export { ValueTemplateDirective } from './common/templates/value-template.directive';
-export { TemplateContextDirective } from './common/templates/template-context.directive';
 export { TagTemplateDirective } from './common/templates/tag-template.directive';
 export { GroupTagTemplateDirective } from './common/templates/group-tag-template.directive';
 export { NoDataTemplateDirective } from './common/templates/no-data-template.directive';
@@ -55,3 +54,4 @@ export { ListComponent } from './common/list.component';
 export { ResponsiveRendererComponent } from './common/action-sheet.component';
 export { PreventableEvent } from './common/models/preventable-event';
 export { RemoveTagEvent } from './common/models/remove-tag-event';
+export * from './directives';

package/esm2020/multiselect/multiselect.component.mjs

@@ -4,10 +4,10 @@
 *-------------------------------------------------------------------------------------------*/
 import { guid, isPresent, isArray, isObjectArray, resolveAllValues, selectedIndices, getter, isNumber, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, animationDuration, isTruthy, windowSize, setListBoxAriaLabelledBy, setActionSheetTitle, updateActionSheetAdaptiveAppearance } from '../common/util';
 import { SearchBarComponent } from '../common/searchbar.component';
-import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Optional, Inject, Injector } from '@angular/core';
+import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Injector } from '@angular/core';
 import { Subscription, Subject, of, merge } from 'rxjs';
+import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, Keys, TemplateContextDirective } from '@progress/kendo-angular-common';
 import { catchError, filter, map, take, tap } from 'rxjs/operators';
-import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired } from '@progress/kendo-angular-common';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -15,7 +15,6 @@ import { SelectionService } from '../common/selection/selection.service';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { NavigationAction } from '../common/navigation/navigation-action';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
-import { Keys } from '@progress/kendo-angular-common';
 import { ItemTemplateDirective } from '../common/templates/item-template.directive';
 import { CustomItemTemplateDirective } from '../common/templates/custom-item-template.directive';
 import { GroupTemplateDirective } from '../common/templates/group-template.directive';
@@ -31,14 +30,19 @@ import { RemoveTagEvent } from '../common/models/remove-tag-event';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { FilterableComponent } from '../common/filtering/filterable-component';
-import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
 import { DataService } from '../common/data.service';
 import { ListComponent } from '../common/list.component';
 import { normalizeCheckboxesSettings } from '../common/models/checkboxes-settings';
 import { normalizeVirtualizationSettings } from '../common/models/virtualization-settings';
 import { plusIcon, xIcon } from '@progress/kendo-svg-icons';
 import { ResponsiveRendererComponent } from '../common/action-sheet.component';
+import { SelectableDirective } from '../common/selection/selectable.directive';
 import { TagListComponent } from '../common/taglist.component';
+import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
+import { SharedDropDownEventsDirective } from '../common/shared-events.directive';
+import { LocalizedMessagesDirective } from '../common/localization/localized-messages.directive';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { touchEnabled } from '@progress/kendo-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@progress/kendo-angular-popup";
@@ -46,17 +50,6 @@ import * as i3 from "../common/data.service";
 import * as i4 from "../common/selection/selection.service";
 import * as i5 from "../common/navigation/navigation.service";
 import * as i6 from "../common/disabled-items/disabled-items.service";
-import * as i7 from "../common/list.component";
-import * as i8 from "../common/selection/selectable.directive";
-import * as i9 from "../common/searchbar.component";
-import * as i10 from "../common/templates/template-context.directive";
-import * as i11 from "../common/taglist.component";
-import * as i12 from "../common/action-sheet.component";
-import * as i13 from "@angular/common";
-import * as i14 from "@progress/kendo-angular-common";
-import * as i15 from "../common/localization/localized-messages.directive";
-import * as i16 from "@progress/kendo-angular-icons";
-import * as i17 from "../common/shared-events.directive";
 const MULTISELECT_VALUE_ACCESSOR = {
     multi: true,
     provide: NG_VALUE_ACCESSOR,
@@ -83,7 +76,7 @@ const DEFAULT_FILL_MODE = 'solid';
  * ```
  */
 export class MultiSelectComponent {
-    constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, touchEnabled, injector, hostElement) {
+    constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, injector, hostElement) {
         this.wrapper = wrapper;
         this.localization = localization;
         this.popupService = popupService;
@@ -95,7 +88,6 @@ export class MultiSelectComponent {
         this.differs = differs;
         this.renderer = renderer;
         this._zone = _zone;
-        this.touchEnabled = touchEnabled;
         this.injector = injector;
         this.hostElement = hostElement;
         /**
@@ -787,7 +779,7 @@ export class MultiSelectComponent {
         return prefix + "-" + focusedIndex;
     }
     get clearButtonVisiblity() {
-        if (this.touchEnabled) {
+        if (touchEnabled) {
             return 'visible';
         }
     }
@@ -1223,7 +1215,7 @@ export class MultiSelectComponent {
         ].forEach(s => this.subs.add(s));
     }
     subscribeTouchEvents() {
-        if (!isDocumentAvailable() || !this.touchEnabled) {
+        if (!isDocumentAvailable() || !touchEnabled) {
             return;
         }
         this._zone.runOutsideAngular(() => 
@@ -1376,7 +1368,7 @@ export class MultiSelectComponent {
                 if (this.isFocused && this.isOpen && event.target === inputElement) {
                     return;
                 }
-                if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
+                if (!touchEnabled || (touchEnabled && event.target.tagName !== 'SPAN')) {
                     this.searchbar.focus();
                 }
                 // The check is needed otherwise when appended to the component, the popup reopens on click
@@ -1743,8 +1735,8 @@ export class MultiSelectComponent {
         this.actionSheetSearchBar.focus();
     }
 }
-MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: { showStickyHeader: "showStickyHeader", 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", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", 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", inputAttributes: "inputAttributes" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", removeTag: "removeTag" }, host: { properties: { "class.k-readonly": "this.readonly", "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: [
+MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiSelectComponent, isStandalone: true, selector: "kendo-multiselect", inputs: { showStickyHeader: "showStickyHeader", 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", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", 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", inputAttributes: "inputAttributes" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", removeTag: "removeTag" }, host: { properties: { "class.k-readonly": "this.readonly", "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: [
         MULTISELECT_VALUE_ACCESSOR,
         DataService,
         SelectionService,
@@ -1956,7 +1948,7 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 }">
             </ng-template>
         </ng-template>
-  `, 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: "directive", type: i8.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "isMultiselect", "multipleSelection"] }, { kind: "component", type: i9.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: i10.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i11.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "component", type: i12.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: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i14.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i15.LocalizedMessagesDirective, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  " }, { kind: "component", type: i16.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i14.SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "directive", type: i17.SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }] });
+  `, 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: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "isMultiselect", "multipleSelection"] }, { 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
             args: [{
@@ -2175,14 +2167,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }">
             </ng-template>
         </ng-template>
-  `
+  `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgIf, NgTemplateOutlet, SeparatorComponent, TagListComponent, SearchBarComponent, IconWrapperComponent, ResizeSensorComponent, ResponsiveRendererComponent, TemplateContextDirective, NgClass, SelectableDirective, ListComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.DataService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [TOUCH_ENABLED]
-                }] }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { responsiveRendererComponent: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.DataService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { responsiveRendererComponent: [{
                 type: ViewChild,
                 args: [ResponsiveRendererComponent]
             }], showStickyHeader: [{

package/esm2020/multiselect/multiselect.module.mjs

@@ -3,23 +3,27 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { touchEnabled } from '@progress/kendo-common';
-import { MultiSelectComponent } from './multiselect.component';
-import { CustomItemTemplateDirective } from '../common/templates/custom-item-template.directive';
-import { SummaryTagDirective } from './summary-tag.directive';
-import { SharedModule } from '../common/shared.module';
-import { SharedDirectivesModule } from '../common/shared-directives.module';
-import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
-import { AdornmentsModule } from '@progress/kendo-angular-common';
-import { SharedEventsModule } from '../common/shared-events.module';
+import { KENDO_MULTISELECT } from '../directives';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
 import * as i0 from "@angular/core";
-const MULTISELECT_DIRECTIVES = [
-    MultiSelectComponent,
-    SummaryTagDirective,
-    CustomItemTemplateDirective
-];
+import * as i1 from "./multiselect.component";
+import * as i2 from "./summary-tag.directive";
+import * as i3 from "../common/templates/custom-item-template.directive";
+import * as i4 from "../common/templates/fixed-group-template.directive";
+import * as i5 from "../common/templates/footer-template.directive";
+import * as i6 from "../common/templates/group-template.directive";
+import * as i7 from "../common/templates/group-tag-template.directive";
+import * as i8 from "../common/templates/tag-template.directive";
+import * as i9 from "../common/templates/header-template.directive";
+import * as i10 from "../common/templates/item-template.directive";
+import * as i11 from "../common/templates/no-data-template.directive";
+import * as i12 from "../common/filtering/filter.directive";
+import * as i13 from "../common/localization/custom-messages.component";
+import * as i14 from "@progress/kendo-angular-common";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * @hidden
  *
  * The exported package module.
  *
@@ -29,26 +33,36 @@ const MULTISELECT_DIRECTIVES = [
  * - `ItemTemplateDirective`—The item template directive.
  * - `CustomItemTemplateDirective`—The custom item template directive.
  * - `TagTemplateDirective`—The tag template directive.
+ * - `GroupTagTemplateDirective`—The group tag template directive.
  * - `SummaryTagTemplateDirective`—The summary tag template directive.
  * - `HeaderTemplateDirective`—The header template directive.
  * - `FooterTemplateDirective`—The footer template directive.
  * - `NoDataTemplateDirective`—The no-data template directive.
+ * - `FilterDirective`—The filter directive.
+ * - `CustomMessagesComponent`—The custom messages component.
+ * - `GroupTemplateDirective`—The group template directive.
+ * - `FixedGroupTemplateDirective`—The fixed group template directive.
+ * - `SuffixTemplateDirective`—The suffix template directive.
+ * - `PrefixTemplateDirective`—The prefix template directive.
  */
 export class MultiSelectModule {
 }
 MultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectModule, declarations: [MultiSelectComponent,
-        SummaryTagDirective,
-        CustomItemTemplateDirective], imports: [SharedModule, AdornmentsModule, SharedEventsModule], exports: [MultiSelectComponent,
-        SummaryTagDirective,
-        CustomItemTemplateDirective, SharedDirectivesModule, AdornmentsModule] });
-MultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectModule, providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }], imports: [SharedModule, AdornmentsModule, SharedEventsModule, SharedDirectivesModule, AdornmentsModule] });
+MultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectModule, imports: [i1.MultiSelectComponent, i2.SummaryTagDirective, i3.CustomItemTemplateDirective, i4.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i6.GroupTemplateDirective, i7.GroupTagTemplateDirective, i8.TagTemplateDirective, i9.HeaderTemplateDirective, i10.ItemTemplateDirective, i11.NoDataTemplateDirective, i12.FilterDirective, i13.CustomMessagesComponent, i14.SuffixTemplateDirective, i14.PrefixTemplateDirective], exports: [i1.MultiSelectComponent, i2.SummaryTagDirective, i3.CustomItemTemplateDirective, i4.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i6.GroupTemplateDirective, i7.GroupTagTemplateDirective, i8.TagTemplateDirective, i9.HeaderTemplateDirective, i10.ItemTemplateDirective, i11.NoDataTemplateDirective, i12.FilterDirective, i13.CustomMessagesComponent, i14.SuffixTemplateDirective, i14.PrefixTemplateDirective] });
+MultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectModule, providers: [
+        PopupService,
+        ResizeBatchService,
+        IconsService
+    ], imports: [i1.MultiSelectComponent, i13.CustomMessagesComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [MULTISELECT_DIRECTIVES],
-                    exports: [MULTISELECT_DIRECTIVES, SharedDirectivesModule, AdornmentsModule],
-                    imports: [SharedModule, AdornmentsModule, SharedEventsModule],
-                    providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }]
+                    imports: [...KENDO_MULTISELECT],
+                    exports: [...KENDO_MULTISELECT],
+                    providers: [
+                        PopupService,
+                        ResizeBatchService,
+                        IconsService
+                    ]
                 }]
         }] });

package/esm2020/multiselect/summary-tag.directive.mjs

@@ -52,11 +52,12 @@ export class SummaryTagDirective {
     }
 }
 SummaryTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SummaryTagDirective, deps: [{ token: i1.MultiSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
-SummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: { showAfter: ["kendoMultiSelectSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
+SummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SummaryTagDirective, isStandalone: true, selector: "[kendoMultiSelectSummaryTag]", inputs: { showAfter: ["kendoMultiSelectSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SummaryTagDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoMultiSelectSummaryTag]'
+                    selector: '[kendoMultiSelectSummaryTag]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.MultiSelectComponent }]; }, propDecorators: { showAfter: [{
                 type: Input,