@progress/kendo-angular-dropdowns 6.0.2-dev.202202251358 → 7.0.0-next.202203232111

package/dist/es/common/shared-directives.module.js

@@ -1,60 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { NgModule } from '@angular/core';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { GroupTemplateDirective } from './templates/group-template.directive';
-import { FixedGroupTemplateDirective } from './templates/fixed-group-template.directive';
-import { HeaderTemplateDirective } from './templates/header-template.directive';
-import { FooterTemplateDirective } from './templates/footer-template.directive';
-import { NoDataTemplateDirective } from './templates/no-data-template.directive';
-import { ValueTemplateDirective } from './templates/value-template.directive';
-import { TagTemplateDirective } from './templates/tag-template.directive';
-import { GroupTagTemplateDirective } from './templates/group-tag-template.directive';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { CustomMessagesComponent } from './localization/custom-messages.component';
-import { FilterDirective } from './filtering/filter.directive';
-import { FilterInputDirective } from './filter-input.directive';
-var SHARED_DIRECTIVES = [
-    HeaderTemplateDirective,
-    FooterTemplateDirective,
-    ItemTemplateDirective,
-    GroupTemplateDirective,
-    FixedGroupTemplateDirective,
-    NoDataTemplateDirective,
-    ValueTemplateDirective,
-    TagTemplateDirective,
-    GroupTagTemplateDirective,
-    LocalizedMessagesDirective,
-    CustomMessagesComponent,
-    FilterDirective,
-    FilterInputDirective
-];
-/**
- * @hidden
- *
- * The exported package module.
- *
- * The package exports:
- * - `ItemTemplateDirective`—The item template directive.
- * - `ValueTemplateDirective`—The value template directive.
- * - `HeaderTemplateDirective`—The header template directive.
- * - `FooterTemplateDirective`—The footer template directive.
- * - `NoDataTemplateDirective`—The noData template directive.
- * - `TagTemplateDirective`—The tag template directive.
- * - `SummaryTagTemplateDirective`—The summary tag template directive.
- */
-var SharedDirectivesModule = /** @class */ (function () {
-    function SharedDirectivesModule() {
-    }
-    SharedDirectivesModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [SHARED_DIRECTIVES],
-            exports: [SHARED_DIRECTIVES]
-        })
-    ], SharedDirectivesModule);
-    return SharedDirectivesModule;
-}());
-export { SharedDirectivesModule };

package/dist/es/common/shared.module.js

@@ -1,45 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { ListComponent } from './list.component';
-import { SearchBarComponent } from './searchbar.component';
-import { TagListComponent } from './taglist.component';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { ResizeSensorModule, EventsModule } from '@progress/kendo-angular-common';
-import { SharedDirectivesModule } from './shared-directives.module';
-import { ListItemDirective } from './list-item.directive';
-import { SelectableDirective } from './selection/selectable.directive';
-import { TemplateContextDirective } from './templates/template-context.directive';
-import { CheckDirective } from '../dropdowntrees/checked-state/check.directive';
-import { CheckAllDirective } from '../dropdowntrees/checked-state/check-all.directive';
-var INTERNAL_DIRECTIVES = [
-    ListComponent,
-    ListItemDirective,
-    SelectableDirective,
-    SearchBarComponent,
-    TemplateContextDirective,
-    TagListComponent,
-    CheckDirective,
-    CheckAllDirective
-];
-/**
- * @hidden
- */
-var SharedModule = /** @class */ (function () {
-    function SharedModule() {
-    }
-    SharedModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [INTERNAL_DIRECTIVES],
-            exports: [INTERNAL_DIRECTIVES, CommonModule, FormsModule, PopupModule, ResizeSensorModule, SharedDirectivesModule, EventsModule],
-            imports: [CommonModule, FormsModule, PopupModule, ResizeSensorModule, SharedDirectivesModule, EventsModule]
-        })
-    ], SharedModule);
-    return SharedModule;
-}());
-export { SharedModule };

package/dist/es/common/taglist.component.js

@@ -1,179 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-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';
-/**
- * @hidden
- */
-var TagListComponent = /** @class */ (function () {
-    function TagListComponent(renderer, hostElement) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        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._size = 'medium';
-    }
-    Object.defineProperty(TagListComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        set: function (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;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TagListComponent.prototype, "hostId", {
-        get: function () {
-            return this.id;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TagListComponent.prototype.tagProp = function (tag, prop, index) {
-        var propField = prop && this.getPropField(tag, prop, index);
-        return getter(tag, propField);
-    };
-    TagListComponent.prototype.isTagDisabled = function (tag, positionIndex) {
-        var _this = this;
-        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(function (_tag, index) { return _this.disabledIndices.has(index + positionIndex); });
-        }
-        return this.disabledIndices.has(positionIndex);
-    };
-    TagListComponent.prototype.deleteTag = function (event, tag, index) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        if (!this.disabled && event.which === 1) {
-            this.removeTag.emit({ tag: tag, index: index });
-        }
-    };
-    TagListComponent.prototype.itemId = function (tag, index) {
-        if (tag) { //because of custom values
-            return this.tagPrefix + "-" + this.tagProp(tag, this.valueField, index);
-        }
-    };
-    TagListComponent.prototype.isGroupTag = function (tag) {
-        return tag instanceof Array;
-    };
-    TagListComponent.prototype.tagAriaHidden = function (index) {
-        return isPresent(this.focused) && this.focused !== index;
-    };
-    TagListComponent.prototype.getPropField = function (tag, prop, index) {
-        // Needed for MultiSelectTree value binding (Heterogeneous Data)
-        var fieldsCount = prop.length - 1;
-        if (typeof prop === 'string') {
-            return prop;
-        }
-        else if (this.valueDepth) {
-            var depth = this.valueDepth[index];
-            return fieldsCount < depth ? prop[fieldsCount] : prop[depth];
-        }
-        else {
-            return prop.find(function (item) { return item in tag; });
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TagListComponent.prototype, "tags", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TagListComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "valueField", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TagListComponent.prototype, "valueDepth", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TagListComponent.prototype, "focused", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TagTemplateDirective)
-    ], TagListComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", GroupTagTemplateDirective)
-    ], TagListComponent.prototype, "groupTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TagListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "tagPrefix", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "id", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], TagListComponent.prototype, "size", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "rounded", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Set)
-    ], TagListComponent.prototype, "disabledIndices", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TagListComponent.prototype, "removeTag", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-input-values'),
-        HostBinding('class.k-chip-list'),
-        HostBinding('class.k-selection-multiple'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TagListComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.id'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TagListComponent.prototype, "hostId", null);
-    TagListComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-taglist',
-            template: "\n        <div\n            *ngFor=\"let tag of tags; let index = index;\"\n            [attr.id]=\"itemId(tag, index)\"\n            [attr.aria-hidden]=\"tagAriaHidden(index)\"\n            class=\"k-chip\"\n            [ngClass]=\"{\n                'k-focus': index === focused,\n                'k-disabled': isTagDisabled(tag, index),\n                'k-chip-sm': size === 'small',\n                'k-chip-md': size === 'medium',\n                'k-chip-lg': size === 'large',\n                'k-rounded-sm': rounded === 'small',\n                'k-rounded-md': rounded === 'medium',\n                'k-rounded-lg': rounded === 'large',\n                'k-rounded-full': rounded === 'full',\n                'k-chip-solid k-chip-solid-base': fillMode === 'solid',\n                'k-chip-flat k-chip-flat-base': fillMode === 'flat',\n                'k-chip-outline k-chip-outline-base': fillMode === 'outline'\n            }\"\n        >\n            <span class=\"k-chip-content\">\n                <ng-template *ngIf=\"isGroupTag(tag); then groupTag else singleTag\"></ng-template>\n                <ng-template #groupTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"groupTemplate\"\n                            [templateContext]=\"{\n                            templateRef: groupTemplate.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!groupTemplate\">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>\n                    </span>\n                </ng-template>\n                <ng-template #singleTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"template\"\n                            [templateContext]=\"{\n                            templateRef: template.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!template\">{{ tagProp(tag, textField, index) }}</ng-template>\n                    </span>\n                </ng-template>\n            </span>\n\n            <span class=\"k-chip-actions\">\n                <span aria-label=\"delete\" [attr.aria-hidden]=\"index !== focused\" class=\"k-chip-action k-chip-remove-action\">\n                    <span class=\"k-icon k-i-x-circle\" (mousedown)=\"deleteTag($event, tag, index)\">\n                    </span>\n                </span>\n            </span>\n        </div>\n        <ng-content></ng-content>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2,
-            ElementRef])
-    ], TagListComponent);
-    return TagListComponent;
-}());
-export { TagListComponent };

package/dist/es/common/templates/custom-item-template.directive.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-/* tslint:disable:max-line-length */
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Renders the content of the custom list item in the MultiSelect
- * ([see example]({% slug templates_multiselect %}#toc-customizing-the-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
- * ```ts
- * _@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"];
- * }
- * ```
- *
- */
-var CustomItemTemplateDirective = /** @class */ (function () {
-    function CustomItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    CustomItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoMultiSelectCustomItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], CustomItemTemplateDirective);
-    return CustomItemTemplateDirective;
-}());
-export { CustomItemTemplateDirective };

package/dist/es/common/templates/fixed-group-template.directive.js

@@ -1,54 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-/* tslint:disable:max-line-length */
-import { Directive, TemplateRef } 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-template)
- * - [Using `FixedGroupTemplate` with the ComboBox]({% slug templates_combobox %}#toc-fixed-group-template)
- * - [Using `FixedGroupTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-fixed-group-template)
- * - [Using `FixedGroupTemplate` with the DropDownList]({% slug templates_ddl %}#toc-fixed-group-template)
- * - [Using `FixedGroupTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-fixed-group-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"}]);
- * }
- * ```
- */
-var FixedGroupTemplateDirective = /** @class */ (function () {
-    function FixedGroupTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    FixedGroupTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], FixedGroupTemplateDirective);
-    return FixedGroupTemplateDirective;
-}());
-export { FixedGroupTemplateDirective };

package/dist/es/common/templates/footer-template.directive.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } 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"];
- * }
- * ```
- */
-var FooterTemplateDirective = /** @class */ (function () {
-    function FooterTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    FooterTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], FooterTemplateDirective);
-    return FooterTemplateDirective;
-}());
-export { FooterTemplateDirective };

package/dist/es/common/templates/group-tag-template.directive.js

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-/* tslint:disable:max-line-length */
-import { Directive, TemplateRef } 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"];
- * }
- * ```
- */
-var GroupTagTemplateDirective = /** @class */ (function () {
-    function GroupTagTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    GroupTagTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], GroupTagTemplateDirective);
-    return GroupTagTemplateDirective;
-}());
-export { GroupTagTemplateDirective };

package/dist/es/common/templates/group-template.directive.js

@@ -1,54 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-/* tslint:disable:max-line-length */
-import { Directive, TemplateRef } 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-template)
- * - [Using `GroupTemplate` with the ComboBox]({% slug templates_combobox %}#toc-group-template)
- * - [Using `GroupTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-group-template)
- * - [Using `GroupTemplate` with the DropDownList]({% slug templates_ddl %}#toc-group-template)
- * - [Using `GroupTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-group-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"}]);
- * }
- * ```
- */
-var GroupTemplateDirective = /** @class */ (function () {
-    function GroupTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    GroupTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], GroupTemplateDirective);
-    return GroupTemplateDirective;
-}());
-export { GroupTemplateDirective };

package/dist/es/common/templates/header-template.directive.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Renders the header content of the list. To define the header template, nest an `<ng-template>` tag
- * with the `kendo<ComponentName>HeaderTemplate` directive inside the component tag.
- *
- * - [Using `HeaderTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-header-template)
- * - [Using `HeaderTemplate` with the ComboBox]({% slug templates_combobox %}#toc-header-template)
- * - [Using `HeaderTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-header-template)
- * - [Using `HeaderTemplate` with the DropDownList]({% slug templates_ddl %}#toc-header-template)
- * - [Using `HeaderTemplate` with the DropDownTree]({% slug templates_ddt %}#toc-header-template)
- * - [Using `HeaderTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-header-template)
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-combobox [data]="listItems">
- *    <ng-template kendoComboBoxHeaderTemplate>
- *      <h4>Header template</h4>
- *    </ng-template>
- *  </kendo-combobox>
- * `
- * })
- * class AppComponent {
- *   public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
- * }
- * ```
- */
-var HeaderTemplateDirective = /** @class */ (function () {
-    function HeaderTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    HeaderTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], HeaderTemplateDirective);
-    return HeaderTemplateDirective;
-}());
-export { HeaderTemplateDirective };

package/dist/es/common/templates/item-template.directive.js

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Renders the list item content. To define the item template, nest an `<ng-template>` tag
- * with the `kendo<ComponentName>ItemTemplate` 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-dataItem` directive.
- *
- * - [Using `ItemTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-item-template)
- * - [Using `ItemTemplate` with the ComboBox]({% slug templates_combobox %}#toc-item-template)
- * - [Using `ItemTemplate` with the DropDownList]({% slug templates_ddl %}#toc-item-template)
- * - [Using `ItemTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-item-template)
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-combobox [data]="listItems">
- *    <ng-template kendoComboBoxItemTemplate let-dataItem>
- *      <span>{{dataItem}} option</span>
- *    </ng-template>
- *  </kendo-combobox>
- * `
- * })
- * class AppComponent {
- *   public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
- * }
- * ```
- */
-var ItemTemplateDirective = /** @class */ (function () {
-    function ItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], ItemTemplateDirective);
-    return ItemTemplateDirective;
-}());
-export { ItemTemplateDirective };