@progress/kendo-angular-dropdowns 21.4.1 → 22.0.0-develop.1

package/esm2022/common/shared-events.directive.mjs

@@ -1,99 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive, EventEmitter, Input, NgZone, Output, Renderer2 } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { Keys, closest } from '@progress/kendo-angular-common';
-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;
-    }
-    ngAfterViewInit() {
-        const hostElement = this.hostElement.nativeElement;
-        let cursorInsideWrapper = false;
-        let tabbing = false;
-        this.ngZone.runOutsideAngular(() => {
-            // focusIn and focusOut are relative to the host element
-            this.subscriptions.add(this.renderer.listen(hostElement, 'focusin', () => {
-                this.cdr.detectChanges();
-                if (!this.isFocused) {
-                    this.ngZone.run(() => {
-                        this.onFocus.emit();
-                        this.isFocused = true;
-                        this.isFocusedChange.emit(this.isFocused);
-                    });
-                }
-            }));
-            this.subscriptions.add(this.renderer.listen(hostElement, 'focusout', (args) => {
-                if (!this.isFocused) {
-                    return;
-                }
-                if (tabbing) {
-                    const closestTextbox = closest(args.relatedTarget, (element) => element === hostElement);
-                    if (!closestTextbox) {
-                        this.handleBlur.emit();
-                    }
-                    tabbing = false;
-                }
-                else if (!cursorInsideWrapper) {
-                    this.handleBlur.emit();
-                }
-            }));
-            this.subscriptions.add(this.renderer.listen(hostElement, 'mouseenter', () => {
-                cursorInsideWrapper = true;
-            }));
-            this.subscriptions.add(this.renderer.listen(hostElement, 'mouseleave', () => {
-                cursorInsideWrapper = false;
-            }));
-            this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.code === Keys.Tab) {
-                    tabbing = true;
-                }
-                else {
-                    tabbing = false;
-                }
-            }));
-        });
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", 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: "18.2.14", ngImport: i0, type: SharedDropDownEventsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropDownSharedEvents]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { hostElement: [{
-                type: Input
-            }], clearButtonClicked: [{
-                type: Input
-            }], isFocused: [{
-                type: Input
-            }], isFocusedChange: [{
-                type: Output
-            }], onFocus: [{
-                type: Output
-            }], handleBlur: [{
-                type: Output
-            }] } });

package/esm2022/common/taglist.component.mjs

@@ -1,295 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input, Output, EventEmitter, HostBinding, Renderer2, ElementRef } from '@angular/core';
-import { TagTemplateDirective } from '../common/templates/tag-template.directive';
-import { GroupTagTemplateDirective } from '../common/templates/group-tag-template.directive';
-import { getSizeClass, getter, isPresent } from '../common/util';
-import { xCircleIcon } from '@progress/kendo-svg-icons';
-import { NgClass } from '@angular/common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { TemplateContextDirective } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class TagListComponent {
-    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) {
-            this.renderer.addClass(this.hostElement.nativeElement, getSizeClass('chip-list', size));
-        }
-        this._size = size;
-    }
-    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);
-    }
-    isTagDisabled(tag, positionIndex) {
-        if (this.isGroupTag(tag)) {
-            /** The `positionIndex` is used to determine after how many single tags is the group tag displayed =>
-             * => it is used to increment the indices inside the group tag so that we determine the actual position index
-             * of each group tag item as they appear in the `value` (important to check against `disabledIndices`)
-             * e.g. `disabledIndices = [0, 1]` && `tags = ['Small', ['Medium', 'Large']]` => without the incrementation with
-             * `positionIndex`, the group tag would yield [0, 1] as indices, while it should yield [1, 2]
-             */
-            return tag.every((_tag, index) => this.disabledIndices.has(index + positionIndex));
-        }
-        return this.disabledIndices.has(positionIndex);
-    }
-    deleteTag(event, tag, index) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        if (!this.disabled && event.which === 1) {
-            this.removeTag.emit({ tag, index });
-        }
-    }
-    itemId(tag, index) {
-        if (tag) { //because of custom values
-            return this.tagPrefix + "-" + index;
-        }
-    }
-    isGroupTag(tag) {
-        return tag instanceof Array;
-    }
-    tagAriaHidden(index) {
-        return isPresent(this.focused) && this.focused !== index;
-    }
-    getPropField(tag, prop, index) {
-        // Needed for MultiSelectTree value binding (Heterogeneous Data)
-        const fieldsCount = prop.length - 1;
-        if (typeof prop === 'string') {
-            return prop;
-        }
-        else if (this.valueDepth) {
-            const depth = this.valueDepth[index];
-            return fieldsCount < depth ? prop[fieldsCount] : prop[depth];
-        }
-        else {
-            return prop.find(item => item in tag);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: `
-        @for (tag of tags; track $index; let index = $index) {
-          <div
-            [attr.id]="itemId(tag, index)"
-            [attr.aria-selected]="true"
-            [attr.role]="'option'"
-            class="k-chip"
-            [ngClass]="{
-                'k-focus': index === focused,
-                'k-disabled': isTagDisabled(tag, index),
-                'k-chip-sm': size === 'small',
-                'k-chip-md': size === 'medium',
-                'k-chip-lg': size === 'large',
-                'k-rounded-sm': rounded === 'small',
-                'k-rounded-md': rounded === 'medium',
-                'k-rounded-lg': rounded === 'large',
-                'k-rounded-full': rounded === 'full',
-                'k-chip-solid k-chip-solid-base': fillMode === 'solid',
-                'k-chip-flat k-chip-flat-base': fillMode === 'flat',
-                'k-chip-outline k-chip-outline-base': fillMode === 'outline'
-            }"
-            >
-            <span class="k-chip-content">
-              @if (isGroupTag(tag)) {
-                <span class="k-chip-label k-text-ellipsis">
-                  @if (groupTemplate) {
-                    <ng-template
-                            [templateContext]="{
-                            templateRef: groupTemplate.templateRef,
-                            $implicit: tag
-                        }">
-                    </ng-template>
-                  }
-                  @if (!groupTemplate) {
-                    {{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected
-                  }
-                </span>
-              } @else {
-                <span class="k-chip-label k-text-ellipsis">
-                  @if (template) {
-                    <ng-template
-                            [templateContext]="{
-                            templateRef: template.templateRef,
-                            $implicit: tag
-                        }">
-                    </ng-template>
-                  }
-                  @if (!template) {
-                    {{ tagProp(tag, textField, index) }}
-                  }
-                </span>
-              }
-            </span>
-            <span class="k-chip-actions">
-              <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
-                <kendo-icon-wrapper
-                  (mousedown)="deleteTag($event, tag, index)"
-                  name="x-circle"
-                  [svgIcon]="xCircleIcon"
-                  >
-                </kendo-icon-wrapper>
-              </span>
-            </span>
-          </div>
-        }
-        <ng-content></ng-content>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "18.2.14", ngImport: i0, type: TagListComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-taglist',
-                    template: `
-        @for (tag of tags; track $index; let index = $index) {
-          <div
-            [attr.id]="itemId(tag, index)"
-            [attr.aria-selected]="true"
-            [attr.role]="'option'"
-            class="k-chip"
-            [ngClass]="{
-                'k-focus': index === focused,
-                'k-disabled': isTagDisabled(tag, index),
-                'k-chip-sm': size === 'small',
-                'k-chip-md': size === 'medium',
-                'k-chip-lg': size === 'large',
-                'k-rounded-sm': rounded === 'small',
-                'k-rounded-md': rounded === 'medium',
-                'k-rounded-lg': rounded === 'large',
-                'k-rounded-full': rounded === 'full',
-                'k-chip-solid k-chip-solid-base': fillMode === 'solid',
-                'k-chip-flat k-chip-flat-base': fillMode === 'flat',
-                'k-chip-outline k-chip-outline-base': fillMode === 'outline'
-            }"
-            >
-            <span class="k-chip-content">
-              @if (isGroupTag(tag)) {
-                <span class="k-chip-label k-text-ellipsis">
-                  @if (groupTemplate) {
-                    <ng-template
-                            [templateContext]="{
-                            templateRef: groupTemplate.templateRef,
-                            $implicit: tag
-                        }">
-                    </ng-template>
-                  }
-                  @if (!groupTemplate) {
-                    {{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected
-                  }
-                </span>
-              } @else {
-                <span class="k-chip-label k-text-ellipsis">
-                  @if (template) {
-                    <ng-template
-                            [templateContext]="{
-                            templateRef: template.templateRef,
-                            $implicit: tag
-                        }">
-                    </ng-template>
-                  }
-                  @if (!template) {
-                    {{ tagProp(tag, textField, index) }}
-                  }
-                </span>
-              }
-            </span>
-            <span class="k-chip-actions">
-              <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
-                <kendo-icon-wrapper
-                  (mousedown)="deleteTag($event, tag, index)"
-                  name="x-circle"
-                  [svgIcon]="xCircleIcon"
-                  >
-                </kendo-icon-wrapper>
-              </span>
-            </span>
-          </div>
-        }
-        <ng-content></ng-content>
-        `,
-                    standalone: true,
-                    imports: [NgClass, TemplateContextDirective, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { tags: [{
-                type: Input
-            }], textField: [{
-                type: Input
-            }], valueField: [{
-                type: Input
-            }], valueDepth: [{
-                type: Input
-            }], focused: [{
-                type: Input
-            }], template: [{
-                type: Input
-            }], groupTemplate: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], tagPrefix: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], rounded: [{
-                type: Input
-            }], fillMode: [{
-                type: Input
-            }], disabledIndices: [{
-                type: Input
-            }], removeTag: [{
-                type: Output
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-chip-list']
-            }], hostId: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }], taglistRole: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], multiselectable: [{
-                type: HostBinding,
-                args: ['attr.aria-multiselectable']
-            }] } });

package/esm2022/common/templates/custom-item-template.directive.mjs

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the content of the custom list item in the MultiSelect
- * ([see example](slug:templates_multiselect#toc-rendering-custom-item-content)).
- * The template context is set to the current component.
- * To get a reference to the current text that is typed by the
- * user, use the `let-customItem` directive.
- *
- * The `CustomItemTemplate` directive can only be used with the MultiSelect component.
- *
- * @example
- * ```typescript
- * @Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-multiselect [data]="listItems" [allowCustom]="true">
- *    <ng-template kendoMultiSelectCustomItemTemplate let-customItem>
- *      <span>New Item: {{customItem}}</span>
- *    </ng-template>
- *  </kendo-multiselect>
- * `
- * })
- * class AppComponent {
- *   public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
- * }
- * ```
- *
- */
-export class CustomItemTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CustomItemTemplateDirective, isStandalone: true, selector: "[kendoMultiSelectCustomItemTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomItemTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMultiSelectCustomItemTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/common/templates/fixed-group-template.directive.mjs

@@ -1,55 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the fixed group header content. To define the fixed group template, nest an `<ng-template>` tag
- * with the `kendo<ComponentName>FixedGroupTemplate` directive inside the component tag. The template context is
- * set to the current component. To get a reference to the current data item, use the `let-groupName` directive.
- *
- * - [Using `FixedGroupTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the ComboBox]({% slug templates_combobox %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the DropDownList]({% slug templates_ddl %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-fixed-group-header-template)
- *
- * @example
- * ```ts
- * import { groupBy } from '@progress/kendo-data-query';
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-combobox [data]="groupedData" textField="name" valueField="name">
- *    <ng-template kendoComboBoxFixedGroupTemplate let-groupName>
- *      <span>Food type: {{groupName}} option</span>
- *    </ng-template>
- *  </kendo-combobox>
- * `
- * })
- * class AppComponent {
- *   public data = [
- *       { name: "Pork", category: "Food", subcategory: "Meat" },
- *       { name: "Pepper", category: "Food", subcategory: "Vegetables" },
- *       { name: "Beef", category: "Food", subcategory: "Meat" }
- *   ];
- *   public groupedData = groupBy(this.data, [{field: "subcategory"}]);
- * }
- * ```
- */
-export class FixedGroupTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FixedGroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FixedGroupTemplateDirective, isStandalone: true, selector: "[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FixedGroupTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/common/templates/footer-template.directive.mjs

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the footer content of the list. To define the footer template, nest an `<ng-template>` tag
- * with the `kendo<ComponentName>FooterTemplate` directive inside the component tag.
- *
- * - [Using `FooterTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-footer-template)
- * - [Using `FooterTemplate` with the ComboBox]({% slug templates_combobox %}#toc-footer-template)
- * - [Using `FooterTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-footer-template)
- * - [Using `FooterTemplate` with the DropDownList]({% slug templates_ddl %}#toc-footer-template)
- * - [Using `FooterTemplate` with the DropDownTree]({% slug templates_ddt %}#toc-footer-template)
- * - [Using `FooterTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-footer-template)
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-combobox [data]="listItems">
- *    <ng-template kendoComboBoxFooterTemplate>
- *      <h4>Footer template</h4>
- *    </ng-template>
- *  </kendo-combobox>
- * `
- * })
- * class AppComponent {
- *   public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
- * }
- * ```
- */
-export class FooterTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/common/templates/group-tag-template.directive.mjs

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the grouped tag values in the MultiSelect
- * ([see example]({% slug summarytagmode_multiselect %})).
- * The template context is set to the current component.
- * To get a reference to the current grouped
- * data items collection, use the `let-dataItems` directive.
- *
- * > The `GroupTagTemplate` directive can only be used with the MultiSelect and MultiSelectTree components.
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-multiselect kendoMultiSelectSummaryTag [data]="items">
- *    <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>
- *      <span>{{dataItems.length}} item(s) selected</span>
- *    </ng-template>
- *  </kendo-multiselect>
- * `
- * })
- * class AppComponent {
- *   public items: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
- * }
- * ```
- */
-export class GroupTagTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GroupTagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GroupTagTemplateDirective, isStandalone: true, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GroupTagTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/common/templates/group-template.directive.mjs

@@ -1,55 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the group header content. To define the group template, nest an `<ng-template>` tag
- * with the `kendo<ComponentName>GroupTemplate` directive inside the component tag. The template context is
- * set to the current component. To get a reference to the current data item, use the `let-groupName` directive.
- *
- * - [Using `GroupTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the ComboBox]({% slug templates_combobox %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the DropDownList]({% slug templates_ddl %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-group-header-template)
- *
- * @example
- * ```ts
- * import { groupBy } from '@progress/kendo-data-query';
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-combobox [data]="groupedData" textField="name" valueField="name">
- *    <ng-template kendoComboBoxGroupTemplate let-groupName>
- *      <span>Food type: {{groupName}} option</span>
- *    </ng-template>
- *  </kendo-combobox>
- * `
- * })
- * class AppComponent {
- *   public data = [
- *       { name: "Pork", category: "Food", subcategory: "Meat" },
- *       { name: "Pepper", category: "Food", subcategory: "Vegetables" },
- *       { name: "Beef", category: "Food", subcategory: "Meat" }
- *   ];
- *   public groupedData = groupBy(this.data, [{field: "subcategory"}]);
- * }
- * ```
- */
-export class GroupTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GroupTemplateDirective, isStandalone: true, selector: "[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GroupTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });