@progress/kendo-angular-dropdowns 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/common/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  ", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  ", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2022/common/localization/messages.mjs

@@ -0,0 +1,65 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class Messages extends ComponentMessages {
+    /**
+     * The text displayed in the popup when there are no items.
+     */
+    noDataText;
+    /**
+     * The title of the clear button.
+     */
+    clearTitle;
+    /**
+     * The text displayed for the check-all checkbox.
+     */
+    checkAllText;
+    /**
+     * The text set as aria-label on the select button.
+     */
+    selectButtonText;
+    /**
+     * The text set as aria-label on the list filter input.
+     */
+    filterInputLabel;
+    /**
+     * The text set as aria-label on the popup containing the list of options when its role is `region`.
+     */
+    popupLabel;
+    /**
+     * The text of the Apply button in the MultiSelect action sheet.
+     */
+    applyButton;
+    /**
+     * The text of the Cancel button in the MultiSelect action sheet.
+     */
+    cancelButton;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, inputs: { noDataText: "noDataText", clearTitle: "clearTitle", checkAllText: "checkAllText", selectButtonText: "selectButtonText", filterInputLabel: "filterInputLabel", popupLabel: "popupLabel", applyButton: "applyButton", cancelButton: "cancelButton" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
+            type: Directive
+        }], propDecorators: { noDataText: [{
+                type: Input
+            }], clearTitle: [{
+                type: Input
+            }], checkAllText: [{
+                type: Input
+            }], selectButtonText: [{
+                type: Input
+            }], filterInputLabel: [{
+                type: Input
+            }], popupLabel: [{
+                type: Input
+            }], applyButton: [{
+                type: Input
+            }], cancelButton: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/common/models/preventable-event.mjs

@@ -6,9 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses the built-in behavior that follows the event.

package/{esm2020 → esm2022}/common/models/remove-tag-event.mjs

@@ -8,6 +8,10 @@ import { PreventableEvent } from './preventable-event';
  * to the removed. If you cancel the event, the removal is prevented.
  */
 export class RemoveTagEvent extends PreventableEvent {
+    /**
+     * The data item or an array of data items that will be removed.
+     */
+    dataItem;
     /**
      * Constructs the event arguments for the `remove` event.
      * @param dataItem - The data item or an array of data items that will be removed.

package/{esm2020 → esm2022}/common/navigation/navigation.service.mjs

@@ -16,6 +16,8 @@ const MIN_INDEX = 0;
  * @hidden
  */
 export class NavigationEvent {
+    index;
+    originalEvent;
     /**
      * The index of the item to which the user navigated.
      */
@@ -28,29 +30,31 @@ export class NavigationEvent {
  * @hidden
  */
 export class NavigationService {
+    disabledItemsService;
+    selectionService;
+    open = new EventEmitter();
+    close = new EventEmitter();
+    enter = new EventEmitter();
+    tab = new EventEmitter();
+    esc = new EventEmitter();
+    up = new EventEmitter();
+    right = new EventEmitter();
+    down = new EventEmitter();
+    left = new EventEmitter();
+    delete = new EventEmitter();
+    backspace = new EventEmitter();
+    home = new EventEmitter();
+    end = new EventEmitter();
+    pagedown = new EventEmitter();
+    pageup = new EventEmitter();
+    selectnext = new EventEmitter();
+    selectprevious = new EventEmitter();
+    selectall = new EventEmitter();
+    selectalltobeginning = new EventEmitter();
+    selectalltoend = new EventEmitter();
     constructor(disabledItemsService, selectionService) {
         this.disabledItemsService = disabledItemsService;
         this.selectionService = selectionService;
-        this.open = new EventEmitter();
-        this.close = new EventEmitter();
-        this.enter = new EventEmitter();
-        this.tab = new EventEmitter();
-        this.esc = new EventEmitter();
-        this.up = new EventEmitter();
-        this.right = new EventEmitter();
-        this.down = new EventEmitter();
-        this.left = new EventEmitter();
-        this.delete = new EventEmitter();
-        this.backspace = new EventEmitter();
-        this.home = new EventEmitter();
-        this.end = new EventEmitter();
-        this.pagedown = new EventEmitter();
-        this.pageup = new EventEmitter();
-        this.selectnext = new EventEmitter();
-        this.selectprevious = new EventEmitter();
-        this.selectall = new EventEmitter();
-        this.selectalltobeginning = new EventEmitter();
-        this.selectalltoend = new EventEmitter();
     }
     process(args) {
         const keyCode = args.originalEvent.keyCode;
@@ -175,9 +179,9 @@ export class NavigationService {
             return this.disabledItemsService.isIndexDisabled(index);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.DisabledItemsService }, { token: i2.SelectionService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1.DisabledItemsService }, { token: i2.SelectionService }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DisabledItemsService }, { type: i2.SelectionService }]; } });

package/{esm2020 → esm2022}/common/searchbar.component.mjs

@@ -14,31 +14,12 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class SearchBarComponent {
-    constructor(localization, renderer, injector, input, ngZone) {
-        this.localization = localization;
-        this.injector = injector;
-        this.input = input;
-        this.ngZone = ngZone;
-        this.ariaExpanded = null;
-        this.role = 'combobox';
-        this.valueChange = new EventEmitter();
-        this.onBlur = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onClick = new EventEmitter();
-        this.onNavigate = new EventEmitter();
-        this._userInput = "";
-        this._previousValue = "";
-        this._placeholder = "";
-        this._isSuggestable = false;
-        this._isFilterable = false;
-        this.subs = new Subscription();
-        this.parsedAttributes = {};
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer = renderer;
-        this.renderer.addClass(this.input.nativeElement, 'k-input-inner');
-        this.renderer.setAttribute(this.input.nativeElement, 'aria-haspopup', 'listbox');
-        this.renderer.setAttribute(this.input.nativeElement, 'autocomplete', 'off');
-    }
+    localization;
+    injector;
+    input;
+    ngZone;
+    direction;
+    tagListId;
     set readonly(readonly) {
         this._readonly = readonly;
         if (this._readonly) {
@@ -102,6 +83,7 @@ export class SearchBarComponent {
         const ngControl = this.injector.get(NgControl, null);
         return ngControl?.control || null;
     }
+    suggestedText;
     /**
      * @hidden
      */
@@ -118,6 +100,12 @@ export class SearchBarComponent {
     get inputAttributes() {
         return this._inputAttributes;
     }
+    id;
+    activeDescendant;
+    tabIndex;
+    isLoading;
+    ariaControls;
+    ariaExpanded = null;
     get attrAriaInvalid() {
         return this.formControl?.invalid;
     }
@@ -128,12 +116,30 @@ export class SearchBarComponent {
     get placeholder() {
         return this._placeholder;
     }
+    role = 'combobox';
     get dir() {
         return this.direction;
     }
+    valueChange = new EventEmitter();
+    onBlur = new EventEmitter();
+    onFocus = new EventEmitter();
+    onClick = new EventEmitter();
+    onNavigate = new EventEmitter();
     get value() {
         return this.input.nativeElement.value;
     }
+    _isRequired;
+    _readonly;
+    _disabled;
+    _userInput = "";
+    _previousValue = "";
+    _placeholder = "";
+    _isSuggestable = false;
+    _isFilterable = false;
+    renderer;
+    subs = new Subscription();
+    _inputAttributes;
+    parsedAttributes = {};
     get defaultAttributes() {
         return {
             id: this.id,
@@ -159,6 +165,17 @@ export class SearchBarComponent {
             'aria-describedby': this.tagListId
         };
     }
+    constructor(localization, renderer, injector, input, ngZone) {
+        this.localization = localization;
+        this.injector = injector;
+        this.input = input;
+        this.ngZone = ngZone;
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.renderer = renderer;
+        this.renderer.addClass(this.input.nativeElement, 'k-input-inner');
+        this.renderer.setAttribute(this.input.nativeElement, 'aria-haspopup', 'listbox');
+        this.renderer.setAttribute(this.input.nativeElement, 'autocomplete', 'off');
+    }
     ngOnInit() {
         this.subs.add(this.localization
             .changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
@@ -281,10 +298,10 @@ export class SearchBarComponent {
         const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
         setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchBarComponent, isStandalone: true, selector: "input[kendoSearchbar]", inputs: { tagListId: "tagListId", readonly: "readonly", disabled: "disabled", isRequired: "isRequired", isSuggestable: "isSuggestable", isFilterable: "isFilterable", userInput: "userInput", suggestedText: "suggestedText", inputAttributes: "inputAttributes", id: "id", activeDescendant: "activeDescendant", tabIndex: "tabIndex", isLoading: "isLoading", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", placeholder: "placeholder" }, outputs: { valueChange: "valueChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onNavigate: "onNavigate" }, host: { properties: { "attr.id": "this.id", "attr.aria-activedescendant": "this.activeDescendant", "attr.tabindex": "this.tabIndex", "attr.aria-busy": "this.isLoading", "attr.aria-controls": "this.ariaControls", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-invalid": "this.attrAriaInvalid", "attr.placeholder": "this.placeholder", "attr.role": "this.role", "attr.dir": "this.dir" } }, usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
 }
-SearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SearchBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SearchBarComponent, isStandalone: true, selector: "input[kendoSearchbar]", inputs: { tagListId: "tagListId", readonly: "readonly", disabled: "disabled", isRequired: "isRequired", isSuggestable: "isSuggestable", isFilterable: "isFilterable", userInput: "userInput", suggestedText: "suggestedText", inputAttributes: "inputAttributes", id: "id", activeDescendant: "activeDescendant", tabIndex: "tabIndex", isLoading: "isLoading", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", placeholder: "placeholder" }, outputs: { valueChange: "valueChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onNavigate: "onNavigate" }, host: { properties: { "attr.id": "this.id", "attr.aria-activedescendant": "this.activeDescendant", "attr.tabindex": "this.tabIndex", "attr.aria-busy": "this.isLoading", "attr.aria-controls": "this.ariaControls", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-invalid": "this.attrAriaInvalid", "attr.placeholder": "this.placeholder", "attr.role": "this.role", "attr.dir": "this.dir" } }, usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SearchBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'input[kendoSearchbar]',

package/{esm2020 → esm2022}/common/selection/selectable.directive.mjs

@@ -10,9 +10,13 @@ import * as i1 from "./selection.service";
  * @hidden
  */
 export class SelectableDirective {
+    index;
+    checkboxes = { enabled: false };
+    height;
+    isMultiselect;
+    multipleSelection = false;
+    selectionService;
     constructor(selectionService) {
-        this.checkboxes = { enabled: false };
-        this.multipleSelection = false;
         this.selectionService = selectionService;
     }
     get focusedClassName() {
@@ -39,10 +43,10 @@ export class SelectableDirective {
             this.selectionService.change(this.index);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectableDirective, deps: [{ token: i1.SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SelectableDirective, isStandalone: true, selector: "[kendoDropDownsSelectable]", inputs: { index: "index", checkboxes: "checkboxes", height: "height", isMultiselect: "isMultiselect", multipleSelection: "multipleSelection" }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.index": "this.index", "style.height.px": "this.height", "style.minHeight.px": "this.height", "class.k-focus": "this.focusedClassName", "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
 }
-SelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectableDirective, deps: [{ token: i1.SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
-SelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectableDirective, isStandalone: true, selector: "[kendoDropDownsSelectable]", inputs: { index: "index", checkboxes: "checkboxes", height: "height", isMultiselect: "isMultiselect", multipleSelection: "multipleSelection" }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.index": "this.index", "style.height.px": "this.height", "style.minHeight.px": "this.height", "class.k-focus": "this.focusedClassName", "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropDownsSelectable]',

package/{esm2020 → esm2022}/common/selection/selection.service.mjs

@@ -11,15 +11,16 @@ import * as i1 from "../disabled-items/disabled-items.service";
  * @hidden
  */
 export class SelectionService {
+    disabledItemsService;
+    onSelect = new EventEmitter();
+    onChange = new EventEmitter();
+    onFocus = new EventEmitter();
+    total = 0;
+    lastClickedIndex;
+    selectedIndices = [];
+    focusedIndex;
     constructor(disabledItemsService) {
         this.disabledItemsService = disabledItemsService;
-        this.onSelect = new EventEmitter();
-        this.onChange = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.total = 0;
-        this.selectedIndices = [];
-        this.indicesToBeRemoved = [];
-        this.indicesToBeAdded = [];
     }
     getTotal() {
         return this.total;
@@ -60,6 +61,8 @@ export class SelectionService {
             preventClosingPopup: preventClosingPopup
         });
     }
+    indicesToBeRemoved = [];
+    indicesToBeAdded = [];
     emitMultipleAddedRemoved() {
         this.onChange.emit({
             added: this.indicesToBeAdded,
@@ -155,9 +158,9 @@ export class SelectionService {
         }
         this.unselectMultiple(indicesToBeUnselected);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService, deps: [{ token: i1.DisabledItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService });
 }
-SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService, deps: [{ token: i1.DisabledItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DisabledItemsService }]; } });

package/{esm2020 → esm2022}/common/shared-events.directive.mjs

@@ -10,14 +10,20 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class SharedDropDownEventsDirective {
+    ngZone;
+    renderer;
+    cdr;
+    hostElement;
+    clearButtonClicked;
+    isFocused;
+    isFocusedChange = new EventEmitter();
+    onFocus = new EventEmitter();
+    handleBlur = new EventEmitter();
+    subscriptions = new Subscription();
     constructor(ngZone, renderer, cdr) {
         this.ngZone = ngZone;
         this.renderer = renderer;
         this.cdr = cdr;
-        this.isFocusedChange = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.handleBlur = new EventEmitter();
-        this.subscriptions = new Subscription();
     }
     ngAfterViewInit() {
         const hostElement = this.hostElement.nativeElement;
@@ -71,10 +77,10 @@ export class SharedDropDownEventsDirective {
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedDropDownEventsDirective, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SharedDropDownEventsDirective, isStandalone: true, selector: "[kendoDropDownSharedEvents]", inputs: { hostElement: "hostElement", clearButtonClicked: "clearButtonClicked", isFocused: "isFocused" }, outputs: { isFocusedChange: "isFocusedChange", onFocus: "onFocus", handleBlur: "handleBlur" }, ngImport: i0 });
 }
-SharedDropDownEventsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDropDownEventsDirective, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-SharedDropDownEventsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SharedDropDownEventsDirective, isStandalone: true, selector: "[kendoDropDownSharedEvents]", inputs: { hostElement: "hostElement", clearButtonClicked: "clearButtonClicked", isFocused: "isFocused" }, outputs: { isFocusedChange: "isFocusedChange", onFocus: "onFocus", handleBlur: "handleBlur" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDropDownEventsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedDropDownEventsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropDownSharedEvents]',

package/{esm2020 → esm2022}/common/taglist.component.mjs

@@ -15,25 +15,22 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TagListComponent {
-    constructor(renderer, hostElement) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        /**
-         * @hidden
-         */
-        this.xCircleIcon = xCircleIcon;
-        this.rounded = 'medium';
-        this.fillMode = 'solid';
-        /**
-         * A collection with the disabled tags' indices.
-         */
-        this.disabledIndices = new Set();
-        this.removeTag = new EventEmitter();
-        this.hostClasses = true;
-        this.taglistRole = 'listbox';
-        this.multiselectable = true;
-        this._size = 'medium';
-    }
+    renderer;
+    hostElement;
+    /**
+     * @hidden
+     */
+    xCircleIcon = xCircleIcon;
+    tags;
+    textField;
+    valueField;
+    valueDepth;
+    focused;
+    template;
+    groupTemplate;
+    disabled;
+    tagPrefix;
+    id;
     set size(size) {
         this.renderer.removeClass(this.hostElement.nativeElement, getSizeClass('chip-list', this.size));
         if (size) {
@@ -44,9 +41,24 @@ export class TagListComponent {
     get size() {
         return this._size;
     }
+    rounded = 'medium';
+    fillMode = 'solid';
+    /**
+     * A collection with the disabled tags' indices.
+     */
+    disabledIndices = new Set();
+    removeTag = new EventEmitter();
+    hostClass = true;
     get hostId() {
         return this.id;
     }
+    taglistRole = 'listbox';
+    multiselectable = true;
+    _size = 'medium';
+    constructor(renderer, hostElement) {
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+    }
     tagProp(tag, prop, index) {
         const propField = prop && this.getPropField(tag, prop, index);
         return getter(tag, propField);
@@ -95,9 +107,8 @@ export class TagListComponent {
             return prop.find(item => item in tag);
         }
     }
-}
-TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, isStandalone: true, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TagListComponent, isStandalone: true, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClass", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
@@ -157,7 +168,8 @@ TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
         </div>
         <ng-content></ng-content>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-taglist',
@@ -254,12 +266,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], removeTag: [{
                 type: Output
-            }], hostClasses: [{
+            }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-chip-list']
-            }, {
-                type: HostBinding,
-                args: ['class.k-selection-multiple']
             }], hostId: [{
                 type: HostBinding,
                 args: ['attr.id']

package/{esm2020 → esm2022}/common/templates/custom-item-template.directive.mjs

@@ -32,13 +32,14 @@ import * as i0 from "@angular/core";
  *
  */
 export class CustomItemTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomItemTemplateDirective, isStandalone: true, selector: "[kendoMultiSelectCustomItemTemplate]", ngImport: i0 });
 }
-CustomItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-CustomItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CustomItemTemplateDirective, isStandalone: true, selector: "[kendoMultiSelectCustomItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoMultiSelectCustomItemTemplate]',

package/{esm2020 → esm2022}/common/templates/fixed-group-template.directive.mjs

@@ -39,13 +39,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class FixedGroupTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedGroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FixedGroupTemplateDirective, isStandalone: true, selector: "[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]", ngImport: i0 });
 }
-FixedGroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FixedGroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-FixedGroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FixedGroupTemplateDirective, isStandalone: true, selector: "[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FixedGroupTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedGroupTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]',

package/{esm2020 → esm2022}/common/templates/footer-template.directive.mjs

@@ -33,13 +33,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class FooterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]", ngImport: i0 });
 }
-FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]',

package/{esm2020 → esm2022}/common/templates/group-tag-template.directive.mjs

@@ -31,13 +31,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class GroupTagTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupTagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GroupTagTemplateDirective, isStandalone: true, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]", ngImport: i0 });
 }
-GroupTagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GroupTagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-GroupTagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GroupTagTemplateDirective, isStandalone: true, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GroupTagTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupTagTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]',

package/{esm2020 → esm2022}/common/templates/group-template.directive.mjs

@@ -39,13 +39,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class GroupTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GroupTemplateDirective, isStandalone: true, selector: "[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]", ngImport: i0 });
 }
-GroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-GroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GroupTemplateDirective, isStandalone: true, selector: "[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GroupTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]',